SlideShare una empresa de Scribd logo
1 de 99
Ciao,
Mi chiamo Mariachiara
Designer & Digital Strategist
@merissimissima
Cosa aspettarsi da questo talk?
Dall’inizio
Sono un panda
(preistorico)
Competenze:
Vedi solo quelle che ti mancano
It’s not a bug!
It’s a feature!
Competenze:
Vedi solo quelle che ti mancano
User Experience
Quello che leggo sui libri
Quello che riesco
a mettere in pratica
BUDGET
FANTA RICHIESTE
TEMPI
FEEDBACK LENTI
Come si
sopravvive?
1.
Diplomazia
2.
Improvvisa!
3.
Definire regole
e confini
Vi racconto le mie otto regole
(A SUON DI LUOGHI COMUNI)
Ma quindi fate anche la ux?
- CIT
“ “
In che senso?
Versione 1:
YEAH!
Versione 2:
WHHHATT!
insieme di discipline che studiano l‘interazione tra utenti e
sistemi, i processi che compongono tale relazione e
le emozioni scaturite durante questo processo
UX Design
è un insieme di discipline che si
occupano di progettare i processi
di interazione tra utenti e sistemi,
in modo che l’esperienza utente
generata sia il
più piacevole possibile.
È un’insieme di
discipline!
Non solo l’interazione,
ma anche il contesto
in cui avviene!
UX Deliverables
Non solo buzzword!
BUDGET
FANTA RICHIESTE
TEMPI
FEEDBACK LENTI
Quali strumenti?
Con quali clienti?
Servono tutte?
Quando fermarsi?
Sono il tuo utente,
non sono il tuo cyborg
Rappresentazione
astratta condivisa
Potente
motore
creativo
{ Fare un check su cosa si intende per ux }
Capire quali attività potete proporre
al cliente su quel progetto
1
La ux è una materia che
non dovrebbe esistere
(AKA I NEGAZIONISTI)
- CIT
“ “
Non solo
visual
La progettazione dell’esperienza
utente riguarda tutti coloro
che lavorano al prodotto
2
Ma lei non penserà seriamente che
io vada in giro a fare domande alla gente
(AKA GLI SPAVENTATI)
- CIT
“ “
Trovare gli
utenti
Parti dal
cliente
Customer care:
we love you!
Definire
l’audience
CARATTERISTICHE AD ALTO LIVELLO
TechSkill
necessarie
Comportamenti
peculiari
Caratteristic
he
demografiche
RECRUITING FAI DA TE:
I TUOI CONTATTI
Base utenti: i clienti registrati sul nostro sito,
persone iscritte ad una newsletter, etc…
Landing page che spieghi le attività
Con inviti diretti o pubblici
RECRUITING FAI DA TE:
PUBBLICO AMPIO
Liste email, forum online, gruppi social
vicini di ufficio
«friend and family»
online ads
altri metodi tradizionali
Cosa chiedere
agli utenti e come?
DISCOVERING
CODESIGN
TESTING
Too much
Se non si conoscono gli USERS,
non si fa USER experience design!
3
Beh ma Google è Google
O FACEBOOK E’ FACEBOOK
O AMAZON E’ AMAZON
O (nome grande azienda) E’ (nome grande azienda)
- CIT
“ “
Le dimensioni dell’azienda
o del progetto non contano
4
Ma, ora che siamo qui tra amici diciamocelo,
con il prototipo di carta non perdi
l’effetto wow?
- CIT
“ “
Il prototipo non è
il prodotto finito
Prova a farti un
caffè con questa
E’ fatto affinchè evolva!
Tempo vs Rappresentazione
condivisa
Il tempo che serve per costruire il
prototipo deve essere inversamente
proporzionale alla probabilità di
ribaltare completamente il progetto
Non è necessario
che sia cool!
Anzi!
In alcuni casi la mancanza di
dettaglio vi aiuta a mantenere il
focus sul tipo di feedback che
volete raccogliere
Effetto wow, solo quando serve.
A volte serve più al tuo orgoglio
che al progetto.
5
Ci serve per domani, ma non sappiamo
ancora bene cosa deve fare. Non è che poi
cominciare a mettere giù qualcosa?
“ “
Lo stato interno
Certo!
Posso cominciare
a disegnare i flussi!
Certo!
Posso cominciare
a disegnare i flussi!
Non serve disegnare
l’interfaccia,
per disegnare i flussi
NON SERVE DISEGNARE
L’INTERFACCIA,
PER DISEGNARE I FLUSSI
C’è una mappa per tutto
I «diagrammi di
flusso» li usavamo
alle elementari
Yed Graphic Editor
Individutare i
pain points
Facilita
l’individuazione
delle dipendenze
Non disegnare un pixel,
non scrivere una riga di codice
se non sono chiari i flussi
6
Faccio solo siti vetrina,
a me la ux non interessa
“ “
Il contenuto
è esperienza!
Architettura
dell’Informazione
LA TUA NUOVA MIGLIORE AMICA
Impatta in maniera concreta su:
Navigazione, tassonomie,
strutturazione della ricerca,
labelling, contenuti e
navigazione contestuale
L’organizzazione
dell’informazione rende
il sistema prevedibile
(sia interattivo che di consultazione)
Se gli utenti trovano quello
che cerano, sono felici
…e non vengono a chiedervi
come si fare qualcosa
Content first o design first?
INFORMATION FIRST!
I fix
successivi
Ricordiamoci
abitudini
significati
riconosciuti e design
pattern
L’architettura dell’informazione
è tutta intorno a te
7
I test sono come gli unicorni
Tutti sappamo che sono bellissimi
Ma nessuno li ha mai visti
“ “
BUDGET
FANTA RICHIESTE
TEMPI
FEEDBACK LENTI
Attenzione
ai test interni
L’illusione
del digitale
Gli utenti, non solo alla fine!
Creare motivazione
Non aver paura a esporre i prototipi
8
Domande?

Más contenido relacionado

Similar a Experience Matters!

Webinar lunch federico vitiello - social media marketing per il business
Webinar lunch   federico vitiello - social media marketing per il businessWebinar lunch   federico vitiello - social media marketing per il business
Webinar lunch federico vitiello - social media marketing per il businessFederico Vitiello
 
Personas map (pillola)
Personas map (pillola)Personas map (pillola)
Personas map (pillola)Daniele Iori
 
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)Data Driven Innovation
 
Data Driven UX - Come lo facciamo
Data Driven UX - Come lo facciamoData Driven UX - Come lo facciamo
Data Driven UX - Come lo facciamonois3
 
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019Creatività a distanza: non è solo questione di tool - Freelancecamp 2019
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019Isabella Tomassucci
 
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sitoDal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sitoCultura Senza Barriere
 
La ricerca in User Experience
La ricerca in User Experience La ricerca in User Experience
La ricerca in User Experience Giulia S
 
Comunicatori e giornalisti nel/per il web
Comunicatori e giornalisti nel/per il webComunicatori e giornalisti nel/per il web
Comunicatori e giornalisti nel/per il webClaudia Dani
 
strumenti collaborativi per lo sviluppo delle aziende 1
strumenti collaborativi per lo sviluppo delle aziende 1strumenti collaborativi per lo sviluppo delle aziende 1
strumenti collaborativi per lo sviluppo delle aziende 1extrategy
 
Data Driven UX - From Social networks to target audience
Data Driven UX - From Social networks to target audienceData Driven UX - From Social networks to target audience
Data Driven UX - From Social networks to target audienceData Driven Innovation
 
Il viaggio del cliente: user experience, design e copywriting
Il viaggio del cliente: user experience, design e copywritingIl viaggio del cliente: user experience, design e copywriting
Il viaggio del cliente: user experience, design e copywritingTatiana Cazzaro
 
Design Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendioDesign Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendionois3
 
Cosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarleCosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarleStefano Trojani
 
L'Innovazione non è un'autostrada
L'Innovazione non è un'autostradaL'Innovazione non è un'autostrada
L'Innovazione non è un'autostradaGiacomo Mason
 
Innovazionenoneunautostrada 090928122248 Phpapp01
Innovazionenoneunautostrada 090928122248 Phpapp01Innovazionenoneunautostrada 090928122248 Phpapp01
Innovazionenoneunautostrada 090928122248 Phpapp01Lucia
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015Carlo Frinolli Puzzilli
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015Todi Appy Days
 

Similar a Experience Matters! (20)

Webinar lunch federico vitiello - social media marketing per il business
Webinar lunch   federico vitiello - social media marketing per il businessWebinar lunch   federico vitiello - social media marketing per il business
Webinar lunch federico vitiello - social media marketing per il business
 
Personas map (pillola)
Personas map (pillola)Personas map (pillola)
Personas map (pillola)
 
Senior 2.0 (reprise)
Senior 2.0 (reprise)Senior 2.0 (reprise)
Senior 2.0 (reprise)
 
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)
Data Driven UX: Come lo facciamo? C. Frinolli & N. Molchanova (Nois3)
 
Datadrivenux
DatadrivenuxDatadrivenux
Datadrivenux
 
Data Driven UX - Come lo facciamo
Data Driven UX - Come lo facciamoData Driven UX - Come lo facciamo
Data Driven UX - Come lo facciamo
 
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019Creatività a distanza: non è solo questione di tool - Freelancecamp 2019
Creatività a distanza: non è solo questione di tool - Freelancecamp 2019
 
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sitoDal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
 
La ricerca in User Experience
La ricerca in User Experience La ricerca in User Experience
La ricerca in User Experience
 
Comunicatori e giornalisti nel/per il web
Comunicatori e giornalisti nel/per il webComunicatori e giornalisti nel/per il web
Comunicatori e giornalisti nel/per il web
 
strumenti collaborativi per lo sviluppo delle aziende 1
strumenti collaborativi per lo sviluppo delle aziende 1strumenti collaborativi per lo sviluppo delle aziende 1
strumenti collaborativi per lo sviluppo delle aziende 1
 
Data Driven UX - From Social networks to target audience
Data Driven UX - From Social networks to target audienceData Driven UX - From Social networks to target audience
Data Driven UX - From Social networks to target audience
 
Il viaggio del cliente: user experience, design e copywriting
Il viaggio del cliente: user experience, design e copywritingIl viaggio del cliente: user experience, design e copywriting
Il viaggio del cliente: user experience, design e copywriting
 
Design Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendioDesign Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendio
 
Cosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarleCosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarle
 
L'Innovazione non è un'autostrada
L'Innovazione non è un'autostradaL'Innovazione non è un'autostrada
L'Innovazione non è un'autostrada
 
Innovazionenoneunautostrada 090928122248 Phpapp01
Innovazionenoneunautostrada 090928122248 Phpapp01Innovazionenoneunautostrada 090928122248 Phpapp01
Innovazionenoneunautostrada 090928122248 Phpapp01
 
Socia media & Innovation
Socia media & InnovationSocia media & Innovation
Socia media & Innovation
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015
 

Más de Acqua Liofilizzata S.n.c.

Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...
Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...
Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...Acqua Liofilizzata S.n.c.
 
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...Acqua Liofilizzata S.n.c.
 

Más de Acqua Liofilizzata S.n.c. (20)

Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 
Raster vs Vettoriale
Raster vs VettorialeRaster vs Vettoriale
Raster vs Vettoriale
 
Social Media Security e Facebook
Social Media Security e FacebookSocial Media Security e Facebook
Social Media Security e Facebook
 
Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...
Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...
Dal WebLab all'Acqua Liofilizzata, storia di due designer che sanno contare i...
 
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...
Psd4Nerd PSD4NERD – Suggerimenti a sviluppatori web su come sopravvivere a Ph...
 
05 Adobe Illustrator - effetti-3d
05 Adobe Illustrator - effetti-3d05 Adobe Illustrator - effetti-3d
05 Adobe Illustrator - effetti-3d
 
03 - Adobe Illustrator - colori e pennelli
03 - Adobe Illustrator - colori e pennelli03 - Adobe Illustrator - colori e pennelli
03 - Adobe Illustrator - colori e pennelli
 
05 Adobe Illustrator - Trame
05 Adobe Illustrator - Trame05 Adobe Illustrator - Trame
05 Adobe Illustrator - Trame
 
02 - Adobe Illustrator - strumenti base
02 - Adobe Illustrator - strumenti base02 - Adobe Illustrator - strumenti base
02 - Adobe Illustrator - strumenti base
 
01- Adobe Illustrator - Interfaccia
01- Adobe Illustrator - Interfaccia01- Adobe Illustrator - Interfaccia
01- Adobe Illustrator - Interfaccia
 
EDI - Photoshop - sfumature
EDI - Photoshop - sfumatureEDI - Photoshop - sfumature
EDI - Photoshop - sfumature
 
EDI - Photoshop - introduzione3d
EDI - Photoshop - introduzione3dEDI - Photoshop - introduzione3d
EDI - Photoshop - introduzione3d
 
EDI - Photoshop - fluidifica
EDI - Photoshop - fluidificaEDI - Photoshop - fluidifica
EDI - Photoshop - fluidifica
 
EDI - Photoshop - smartobject
EDI - Photoshop - smartobjectEDI - Photoshop - smartobject
EDI - Photoshop - smartobject
 
EDI - Photoshop - ritocco
EDI - Photoshop - ritoccoEDI - Photoshop - ritocco
EDI - Photoshop - ritocco
 
EDI - Photoshop - metodi fusione
EDI - Photoshop - metodi fusioneEDI - Photoshop - metodi fusione
EDI - Photoshop - metodi fusione
 
EDI - Photoshop - pennelli
EDI - Photoshop - pennelliEDI - Photoshop - pennelli
EDI - Photoshop - pennelli
 
EDI - Photoshop - b - correzione colore
EDI - Photoshop - b - correzione coloreEDI - Photoshop - b - correzione colore
EDI - Photoshop - b - correzione colore
 
EDI - Photoshop - a - colore
EDI - Photoshop - a - coloreEDI - Photoshop - a - colore
EDI - Photoshop - a - colore
 
EDI - Photoshop - regolazioni
EDI - Photoshop - regolazioniEDI - Photoshop - regolazioni
EDI - Photoshop - regolazioni
 

Experience Matters!