UX design per NON designers
USER EXPERIENCE DESIGN
SardiniaCodeWeek 2015//OpenCampus
FRANCESCA MURTAS
*interaction designer
*designer activist
*humanist
*mapper
ME
TWITTER @core2design
EMAIL coretodesign@gmail.com
UX DESIGNER TISCALI MOBILE
PIANO
COSA PARLIAMO QUANDO PARLIAMO DI UX
MODULI DI PROGETTAZIONE
STRUMENTI* esercizio
TIPS
Q&A
USER
a person or thing that uses something
USER
EXPERIENCE
“The process of doing and seeing things and of having things happen to you”
USER EXPERIENCE
DESIGN
“Design is the creation of a plan or convention for the construction of an
object or a system”
USER EXPERIENCE DESIGN
USER EXPERIENCE DESIGN
A plan to make do things to users
DESIGN IS NOT JUST
WHAT IT LOOKS LIKE AND
IT FEELS LIKE.
DESIGN IS HOW IT WORKS
Steve Jobs
Progettazione UX. UX design per non designers
Progettazione UX. UX design per non designers
COME ?
Progettazione UX. UX design per non designers
QUALE AZIONE?
Progettazione UX. UX design per non designers
QUALI LIMITI?
Progettazione UX. UX design per non designers
QUALE CONTESTO?
Progettazione UX. UX design per non designers
DOVE?
QUANDO?
QUANTO?
PROGETTARE
SIGNIFICA PORSI DOMANDE
FARSI LE GIUSTE DOMANDE
CI PERMETTE DI RISOLVERE
PROBLEMI E TROVARE
OPPORTUNITA’
PER
CHI
PROGETTARE?
UTENTI
PERSONE
PERSONE
HUMAN CENTERED DESIGN
CONTESTO?
PERSONE?
INTERAZIONI?
LIMITI UMANI
BISOGNI
EMOZIONI
CONTESTO
PROGETTARE PER
LE PERSONE E IL CONTESTO
+ strategie business
+ limiti tecnologici
UX DESIGN
CHI SONO I NOSTRI
UTENTI?
QUALI PROBLEMI
VOGLIAMO RISOLVERE?
Moduli
MODULI
Giochereste a uno sport senza stabilire un modulo di gioco?
MODULI
MODULI
Giochereste a un qualche sport senza stabilire un modulo di gioco?
Prima di iniziare un design è necessario stabilire un modulo o metodo
MODULI
Giochereste a un qualche sport senza stabilire un modulo di gioco?
Prima di iniziare un design è necessario stabilire un modulo o metodo
Il modulo nel design si chiama processo o flow
MODULI
PROCESSO
RUOLO DEL DESIGNER RISPETTO AL PRODOTTO
RUOLO DEL DESIGNER RISPETTO AL TEAM
PASSAGGI DELLA PROGETTAZIONE E DELLA
PRODUZIONE
MODULI
Giochereste a uno sport senza stabilire un modulo di gioco?
Prima di iniziare un design è necessario stabilire un modulo o metodo
In Design il modulo viene definito “processo”
Non esiste UX senza processo
MODULI
Giochereste a un qualche sport senza stabilire un modulo di gioco?
Prima di iniziare un design è necessario stabilire un modulo
In Design il modulo viene definito “processo”
Non esiste UX senza processo
MODULI
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
Non esiste UX senza processo Non esiste UX senza processo Non esiste UX senza processo
IDEO
COSA VOGLIONO?
COSA DOVREMMO FARE?
COSA POSSIAMO FARE?
IDEO
GOOGLE SPRINT
COMPRENSIONE
OSSERVAZIONE
PROTOTIPAZIONE
VALIDAZIONE/IMPLEMENTAZIONE
T
E
S
T
FRANCESCA’s
LA REALTA’
PROTOTIPO
TEST
SVILUPPO
STRUMENTI
41
STRUMENTI
STRUMENTI
42
DOMANDE
capire il problema
REGOLA DI
PROGETTAZIONE
NON SI PROGETTA MAI
PER SE’ STESSI
USER RESEARCH
capire +
esplorare
OSSERVAZIONE + ASCOLTO
UTENTI E CAMPO DI AZIONE
KILL TOOL
INTERVISTE
PERSONAS
PERSONAS
PUNTI DI VISTA
ESERCIZIO
Creare un servizio di turismo della città di Cagliari
Rivolto a turisti e agli abitanti della città
Domande
Che cosa voglio offrirmi?
Che tecnologie sono più adatte per questo servizio?
In che periodi dell’anno e della giornata userò questo servizio?
Che mezzi di trasporto utilizzerò per spostarmi? Max 2
Con chi mi muoverò soprattutto? In quanti ?
Che turismo mi interessa? Scegliere uno fra: Storia, natura,
enogastronomia, cultura, tradizioni, mistero, divertimento
Per cosa spenderò maggiormente? (scegliere un tema di sopra)
Quale stato d’animo voglio avere a fine esperienza? Quale
voglio evitare?
PUNTI DI VISTA
- Lo zio Americano o francese o di qualsiasi altra nazionalità
- La vicina di casa
INFORMATION ARCHITECTURE
Organizzare l’informazione
in un prodotto o tecnologia in
maniera usabile.
CLUSTERIZE!
KILLER TOOL 2
ANALISI
=
una buona user research ci permette di
progettare con intenzionalità,con degli
obiettivi chiari per i nostri utenti
lungo tutto il progetto
PROTOTIPAZIONE
WIREFRAMES
• I wireframes sono le “brutte” delle interfacce
• Servono a prioritizzare l’informazione
• Servono a costruire i layout
• Possono essere testati
TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST
TEST
TEST
TEST
TEST
TEST
LAB TEST
LIVE TEST
VALIDAZIONE
IMPLEMENTAZIONE
TORNA INDIETRO
HAVE NO FEAR OF PERFECTION.
YOU’LL NEVER REACH IT
Salvador Dali
MANCA QUALCOSA?
…per tutto il resto ci sono i
patterns e le guidelines
ESEMPI DI SUCCESSO
• Form in cui inserire dati
• Ricerca dei propri contatti
• Ricerca delle celebrities
TWITTER CASE STUDY 1
FORM DI REGISTRAZIONE FINO AL 2010
• Form in cui inserire dati
• Richiesta delle tematiche
preferite
• Suggerimento di utenti con cui
conversare sulle tematiche
preferite
TWITTER CASE STUDY 2
REDESIGN REGISTRAZIONE 2010
USER RESEARCH
Redesign
+29% di registrazioni
IL BOTTONE DA 300 MILIONI
DI DOLLARI
DA LOGIN/REGISTER A
CONTINUE /LOGIN
VOGLIO DIVENTARE UNO
UX DESIGNER?
STUDIARE!!!
PSICOLOGIA
E PROGETTAZIONE
VOGLIO TROVARE UNO UX
DESIGNER?
Che metodo di progettazione adotta?
Come coinvolge gli utenti nella
progettazione?
Come organizzerebbe una user research di
un giorno?
Mostrare un’interfaccia fatta da lui e farsi
spiegare le domande a cui rispondono i singoli
elementi
NON VOGLIO ASSUMERE UNO UX DESIGNER
MA VOGLIO USARE LO UX DESIGN PER LA
MIA ATTIVITA’?
Farsi domande
Trovare e conoscere i propri utenti
Osservare
Tirare fuori delle idee
Contestualizzare le tecnologie e le loro guidelines
Produrre
Non smettere mai di testare
Darsi un metodo di progettazione
Salutare la vicina di casa
Mandare una cartolina al proprio zio all’estero ;-)
thanx
https://www.ideo.com/about/
https://twitter.com
http://interview-prep-for.design
QUALCHE DOMANDA?

More Related Content

PPTX
User Experience: teoria e pratica - UXFUN 05/09/2015 Cagliari
PPT
Agile Ux: progettare e sviluppare web a iterazioni
PDF
User Experience - tra design e sviluppo
PDF
Lo Zen e l'arte dello UX Design Mobile - festival ICT 2015 - Synesthesia
PDF
UXstrategy: User Experience e Global Brand Experience
PDF
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
PDF
HCI to UX to HCI - Parte A
PDF
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
User Experience: teoria e pratica - UXFUN 05/09/2015 Cagliari
Agile Ux: progettare e sviluppare web a iterazioni
User Experience - tra design e sviluppo
Lo Zen e l'arte dello UX Design Mobile - festival ICT 2015 - Synesthesia
UXstrategy: User Experience e Global Brand Experience
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
HCI to UX to HCI - Parte A
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche

What's hot (20)

PDF
Dalla UX alla UI: interfacce grafiche
PDF
UI/UX l' approccio giusto ad un progetto.
PDF
Deborabotta ux-e-marketing
PDF
User Experience ROI
PDF
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
PDF
Lean UX: Sviluppo Software Agile e Incentrato sull'Utente
PDF
UX: Cosa guardano, ignorano e cliccano gli utenti sul tuo sito web - IAB Foru...
PDF
Mobile user testing - IAsummit2013
PDF
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...
PDF
Ux scrum e gilde...
PDF
Portfolio ux ui_gellify
PDF
Follow the UX path @Appsterdam
PDF
User Experience
PDF
UX Scrum e... gilde
PDF
HCI to UX to HCI - Parte B
PDF
Le village deck demo day
PDF
Quo vadis P.O.? Metriche UX per misurare il valore rilasciato.
PDF
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
PDF
Agile UX - AR Meetup
PDF
Evolutive experience design
Dalla UX alla UI: interfacce grafiche
UI/UX l' approccio giusto ad un progetto.
Deborabotta ux-e-marketing
User Experience ROI
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lean UX: Sviluppo Software Agile e Incentrato sull'Utente
UX: Cosa guardano, ignorano e cliccano gli utenti sul tuo sito web - IAB Foru...
Mobile user testing - IAsummit2013
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...
Ux scrum e gilde...
Portfolio ux ui_gellify
Follow the UX path @Appsterdam
User Experience
UX Scrum e... gilde
HCI to UX to HCI - Parte B
Le village deck demo day
Quo vadis P.O.? Metriche UX per misurare il valore rilasciato.
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Agile UX - AR Meetup
Evolutive experience design
Ad

Viewers also liked (20)

PDF
Introduzione ux
PDF
lezione interaction design 11 marzo 2009
PDF
Slides - Le basi di UX e UI
PDF
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
PDF
Workshop User Experience per Coworking Multiverso Valdarno
PDF
PDF
Global Overview of Challenges and Prospects for Our Future
PDF
Is Your App Functional as well as Beautiful? (DroidSync 2014)
PPTX
The Business Case for UX
PPT
6 Key Principles Of Making A Web Design
PDF
ITSME, presentazione
PDF
Lezione Interaction Design 10 marzo 2009
PPT
interaction design 2008
PDF
Lezione ID 2010 - 1
PDF
Lezione ID 2010 - 2 / 3
PDF
Lezione ID 2010 -3
PDF
lezione interaction design 18 marzo 2009
PPTX
Lezione4 promozione-confartigianato
PDF
Storytelling and the Art of Getting the Design Job
PDF
E-Commerce UX design concept case study
Introduzione ux
lezione interaction design 11 marzo 2009
Slides - Le basi di UX e UI
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
Workshop User Experience per Coworking Multiverso Valdarno
Global Overview of Challenges and Prospects for Our Future
Is Your App Functional as well as Beautiful? (DroidSync 2014)
The Business Case for UX
6 Key Principles Of Making A Web Design
ITSME, presentazione
Lezione Interaction Design 10 marzo 2009
interaction design 2008
Lezione ID 2010 - 1
Lezione ID 2010 - 2 / 3
Lezione ID 2010 -3
lezione interaction design 18 marzo 2009
Lezione4 promozione-confartigianato
Storytelling and the Art of Getting the Design Job
E-Commerce UX design concept case study
Ad

Similar to Progettazione UX. UX design per non designers (20)

PDF
Ux fast - workshop
PDF
User Experience su Mobile con Enrico Maioli.
PDF
Acadevmy - Google Conversation design
PDF
Experience Matters!
PDF
Follow the UX path
PDF
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
PDF
Il designer è il problema, il design è la soluzione
PDF
Nuove interazioni con il pubblico e quali alternative per le imprese sociali
PDF
Ux for nerds
PDF
UX Design e Web Usability - SMAU Firenze 2015
PDF
10 consigli pratici per valutare l’usabilità e la user experience di un sito web
PDF
SMAU Milano 2014 - 10 consigli pratici per valutare l’usabilità e la user exp...
PDF
Lab2 Lecture, 7 march 2017
PDF
Dalla carta al web: la nuova professione dello UX Designer
PDF
Atomic Design e sviluppo di un Design System
PDF
Data Driven UX - From Social networks to target audience
PPTX
Napoli UX Day - Principi di user experience
PDF
Touchpoint - Conoscere, Capire, Progettare
PDF
Evolutive experience design
Ux fast - workshop
User Experience su Mobile con Enrico Maioli.
Acadevmy - Google Conversation design
Experience Matters!
Follow the UX path
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
Il designer è il problema, il design è la soluzione
Nuove interazioni con il pubblico e quali alternative per le imprese sociali
Ux for nerds
UX Design e Web Usability - SMAU Firenze 2015
10 consigli pratici per valutare l’usabilità e la user experience di un sito web
SMAU Milano 2014 - 10 consigli pratici per valutare l’usabilità e la user exp...
Lab2 Lecture, 7 march 2017
Dalla carta al web: la nuova professione dello UX Designer
Atomic Design e sviluppo di un Design System
Data Driven UX - From Social networks to target audience
Napoli UX Day - Principi di user experience
Touchpoint - Conoscere, Capire, Progettare
Evolutive experience design

Progettazione UX. UX design per non designers