People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico...

38
"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

Transcript of People help the people: Progettare la user experience con l'aiuto delle personas, un esempio pratico...

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.

"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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

#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.

#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.

#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.

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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

#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.

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.

Grazie!

Silvia Soccol email: [email protected]

LinkedIn: Silvia Soccol – User Experience Architect Avanade Italy

Slideshare: http://www.slideshare.net/silviasoccol