people help the people: progettare la user experience con l'aiuto delle personas, un esempio...
TRANSCRIPT
![Page 1: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/1.jpg)
"People help the people..."
La Nuvola Rosa
Progettare la user experience con l'aiuto delle personas, un esempio
pratico di App per Windows 8: il Pink Cloud."
Silvia Soccol
Sr. UX Architect – Avanade Italy
![Page 2: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/2.jpg)
Silvia Soccol
Sr. User Experience
Architect
Avanade Italy
Design al Politecnico di
Milano
La presentazione è qui:
http://www.slideshare.net/silviasoccol
![Page 3: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/3.jpg)
La Nuvola Rosa
| Firenze, 16 – 17 -18 Maggio |
Di cosa parleremo...
Experience design
Persone
Tecnologia, Windows 8
![Page 4: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/4.jpg)
La Nuvola Rosa
| Firenze, 16 – 17 -18 Maggio |
...a cosa arriveremo.
Windows 8 App per la Nuvola Rosa
![Page 5: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/5.jpg)
Experience Design
+ non è un abbellimento
+ è un processo
+ è la risoluzione per un problema
+ è la progettazione di una soluzione
+ è un pensiero creativo
![Page 6: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/6.jpg)
Le Persone
+ sono diverse
+ hanno interessi diversi
+ hanno conoscenze e culture differenti
+ hanno obiettivi variabili
![Page 7: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/7.jpg)
User Centered Design
Plan
Research
Design
Validate
Develop
![Page 8: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/8.jpg)
I Metodi
Interviste
Focus
Group
User Test
Osservazioni
Benchmark
Scouting
Valutazioni
esperte
Personas
+ Archetipi degli utenti reali,
rappresentano i bisogni specifici
di più individui
+ Si basano su comportamenti
osservati durante la fase di
research
+ Sono degli strumenti che
consentono d’indirizzare le idee
con l’aiuto di dati su persone
reali
+ Possono essere usate per
arricchire qualsiasi canale. Per saperne qualcosa di più:
Alan Cooper -
http://www.cooper.com/journal/personas
![Page 9: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/9.jpg)
Windows 8
+ nuova interfaccia grafica
+ touchscreen
+ mobilità
+ multidevice
Linee guida Microsoft:
http://msdn.microsoft.com/it-
it/library/windows/apps/hh779072.aspx
![Page 10: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/10.jpg)
Let’s start design!
![Page 11: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/11.jpg)
#1 Il Contesto
![Page 12: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/12.jpg)
#2 Una App per...
STATEMENT
Uno strumento d’informazione
e supporto per coloro che
parteciperanno alla Nuvola
Rosa, prima, durante e dopo
l’evento.
![Page 13: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/13.jpg)
#3 Chi la userà?
Studentesse
Organizzatori
dell’evento Rappresentanti
delle istituzioni
Relatori
Giornalisti Insegnanti
![Page 14: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/14.jpg)
Proviamo ad intervistarli...
Quale domande fareste per conoscere
meglio le persone per cui state
progettando?
L’INTERVISTA
Dati soci-demografici
Attitudine digitale (dispositivi usati, social media, frequenza d’uso)
Esigenze ed aspettative
Comportamenti d’uso (dove ricercano informazioni, come, quando)
Esperienze simili (partecipazione ad eventi)
![Page 15: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/15.jpg)
#4 Creiamo le Personas
«Raccogliere spunti
interessanti per la
mia tesi di Laurea»
«Conoscere
persone con cui
potrei collaborare
per il mio lavoro»
«Far conoscere La
Nuvola Rosa a più
persone possibili»
«Sono poco
organizzata di solito
arrivo ai convegni
totalmente
impreparata»
«E’ un peccato a volte
non riuscire a
recuperare le
presentazioni a cui non
si è assistito»
«Potrei lasciare il mio cv
a qualche azienda»
«Senza il mio
smartphone sarei
perduta!»
![Page 16: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/16.jpg)
#4 Creiamo le Personas
20 anni, Studentessa di Architettura
CHIARA
Attitudini: E’ curiosa, è incerta sul
proprio futuro, ama la tecnologia,
studia spesso con le amiche, usa
Internet tutti i giorni.
Obiettivi per La Nuvola Rosa:
Chiarirsi le idee su cosa fare dopo
l’università.
La studentessa indecisa
34 anni, Head Hunter di una società
di selezione.
ELENA
Attitudini: E’ organizzata, le piace
relazionarsi con le persone, legge
molto, è spesso in viaggio per
lavoro, adora il suo tablet.
Obiettivi per La Nuvola Rosa: Far
conoscere la propria azienda e
allacciare contatti di lavoro.
La relatrice meticolosa
46 anni, PR manager per una
società che organizza eventi.
TERESA
Attitudini: E’ molto socievole, ama
chiacchierare e fare nuove
conoscere, gestisce mille cose
contemporaneamente, ma a volte
si perde qualche pezzo.
Obiettivi per La Nuvola Rosa:
Assicurarsi che tutti i partecipanti
siano informati e che vivano al
meglio le 3 giornate.
L’organizzatrice vulcanica
![Page 17: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/17.jpg)
#5 Architettura dei contenuti
Windows 8 Pattern
Struttura di navigazione
Sistema gerarchico Sistema di
esplorazione semplice
Quale architettura sarebbe più
adatta per...?
CHIARA TERESA ELENA
![Page 18: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/18.jpg)
#5 Architettura dei contenuti
Sistema gerarchico
![Page 19: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/19.jpg)
#6 Hub page
TERESA
Vorrei che i partecipanti avessero
tutte le informazioni necessarie già
prima dell’inizio dell’evento.
![Page 20: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/20.jpg)
#6 Hub page
![Page 21: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/21.jpg)
#6 I relatori
CHIARA
Potrebbe essere una buona
occasione per contattare
qualche azienda per lo stage di
fine corso.
ELENA
La rete sta diventando il mio
primo canale di contatto con
le aziende e con chi cerca o
vuole cambiare lavoro
![Page 22: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/22.jpg)
#6 I relatori
![Page 23: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/23.jpg)
#6 I relatori
Windows 8 Pattern
App bar
![Page 24: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/24.jpg)
#6 I relatori
![Page 25: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/25.jpg)
#6 Topics & share
TERESA
Sto cercando di promuovere
l’evento in modo che si parli
della Nuvola Rosa offline e
online.
CHIARA
Uso Facebook e Twitter anche
per informarmi su tematiche
che riguardano i miei studi, ci
sono molti gruppi legati
all’architettura.
![Page 26: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/26.jpg)
#6 Topics & share
![Page 27: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/27.jpg)
#6 Topics & share
Windows 8 Pattern
Charm bar
![Page 28: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/28.jpg)
#6 Multidevice
Di solito scarico le presentazioni
con calma da casa...così ho più
tempo per rileggerle.
ELENA
Se potessi usare il mio tablet
risparmierei un sacco di
tempo, lì ho tutte le cose che
mi servono.
CHIARA
![Page 29: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/29.jpg)
#6 Multidevice
![Page 30: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/30.jpg)
#6 Multitasking & Snapview
Cerco di annotare più
informazioni possibili sugli
argomenti trattati per poi
andare ad approfondire quelli
che mi interessano su Internet.
CHIARA
![Page 31: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/31.jpg)
#6 Multitasking & Snapview
Windows 8 Pattern
Snap view
![Page 32: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/32.jpg)
#7 Up to date
Sarebbe interessante ascoltare
qualche speech nei momenti in
cui non sarò coinvolta nelle
attività dell’evento.
ELENA
![Page 33: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/33.jpg)
#7 Up to date
Windows 8 Pattern
Tiles
![Page 34: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/34.jpg)
#8 Visual Design
Palette Colori Tipografica
Icone
Segoe UI Light, pt xx Segoe UI Light, pt xx Segoe UI Light, pt xx
![Page 35: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/35.jpg)
#8 Visual Design
Visual Design thanks to: Myriam Albanese – Creative Director; Picture thanks to: hippydream [is busy] on Flickr
![Page 36: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/36.jpg)
#8 Visual Design
Visual Design thanks to: Myriam Albanese – Creative Director; Picture thanks to: hippydream [is busy] on Flickr
![Page 37: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/37.jpg)
La Nuvola Rosa
| Firenze, 16 – 17 -18 Maggio |
Conclusioni
Cos’è l’experience design.
Perchè è importante coinvolgere le persone.
Quali metodi utilizzare per introdurre il punto di vista dell’utente finale.
Cosa sono le personas e come utilizzarle.
Come progettare la UX di un’app per eventi.
Alcuni patterns delle app Windows 8.
![Page 38: People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico di App per Windows 8: il Pink Cloud](https://reader033.vdocuments.site/reader033/viewer/2022052911/559e816e1a28ab351f8b47f4/html5/thumbnails/38.jpg)
Grazie!
Silvia Soccol email: [email protected]
LinkedIn: Silvia Soccol – User Experience Architect Avanade Italy
Slideshare: http://www.slideshare.net/silviasoccol