Presentazione fatta allo UXCamp 2011 (18.11.2011)

1. VISUAL DESIGN,
EMOZIONE
ED ESPERIENZA
— Nicolò Volpato

2. Chi sono?
Nicolò Volpato
visual designer / UX designer
Esperienza
7 anni come designer c/o GNV&Partners
Formazione
formazione umanistica
non sono un “creativo”

3. @nicolovolpato

4. DOMANDA #1

5. DOMANDA #1
Qual è il ruolo del visual design?

6. Personaggi:
designer, cliente
Comparse:
team di sviluppo, team di UX
Scena:
riunione di analisi di un progetto web,
il designer prende la parola

7. Designer:
“Che valore dareste al contenuto e che valore dareste alla
presentazione, ovvero al lato visuale-estetico?”

8. Cliente:
“Non ti posso rispondere.
Come posso separare sostanza da forma?...”

9. Cliente:
“...Non percepiamo forse il sito, come ogni altra cosa che
ricade sotto i nostri sensi, in un unico atto?...”

10. Cliente:
“...l’informazione percepita dal mio cervello è tanto
importante quanto l’emozione ricavata attraverso i miei
sensi dalla presentazione visuale...”

11. Cliente:
“...tuttavia io non capisco niente di design.”

12. FORMA SOSTANZA

13. FORMA SOSTANZA
Contenuto
Funzionalità

14. FORMA SOSTANZA
Layout Contenuto
Visual design Funzionalità

15. Percezione
FORMA
{
Layout
Visual design
+ SOSTANZA
Contenuto
Funzionalità

16. MESSAGGIO + TONO + FORMATO

17. MESSAGGIO + TONO + FORMATO
Cosa viene Come viene Come viene
comunicato comunicato trasmesso

18. MESSAGGIO + TONO + FORMATO
Cosa viene Come viene Come viene
comunicato comunicato trasmesso
Contenuto Visual Design Esecuzione
Funzionalità Tecnologia

19. VISUAL DESIGN
{ Tono
Stile
Identità
Personalità

20. Il visual design ha un ruolo semantico nella
trasmissione del contenuto agli utenti.
Ha un suo linguaggio.
Parla un suo codice.

21. Il visual design ha un ruolo semantico nella
trasmissione del contenuto agli utenti.
Ha un suo linguaggio.
Parla un suo codice.
Costruisce significati.

22. Il visual design ha un ruolo semantico nella
trasmissione del contenuto agli utenti.
Ha un suo linguaggio.
Parla un suo codice.
Costruisce significati.
Arricchisce e completa il contenuto.

23. “Content precedes design.
Design in the absence of content is not design,
it’s decoration.”
— Jeffrey Zeldman

24. DOMANDA #2

25. DOMANDA #2
Che ruolo ha l’emozione
nell’esperienza d’uso?

26. Che cosa rende un’esperienza indimenticabile?

27. Che cosa rende un’esperienza indimenticabile?
L’atmosfera, il setting, la situazione, il contesto.
E sicuramente le emozioni provate.

28. Le esperienze emotive vengono ricordate più a
lungo ed hanno maggiore impatto sulle nostre
decisioni.

29. Donald Norman / Emotional design:
Gli oggetti che forniscono un’esperienza estetica
migliore funzionano meglio.
O quanto meno, la nostra percezione è che
funzionino meglio.

30. Donald Norman / Emotional design:
Un atteggiamento emotivo positivo rende le
persone più tolleranti verso le piccole difficoltà e
maggiormente flessibili e creative nel trovare
soluzioni ai problemi.

31. “Everything has a personality:
everything sends an emotional signal.”
— Donald Norman

32. Parlando di interfacce...

33. Bisogni dell’utente
Autorealizzazione
Stima
Affetto/Appartenenza
Sicurezza
Bisogni fisiologici

34. Qualità dell’interfaccia
?
Usabile
Affidabile
Funzionale

35. Qualità dell’interfaccia
Piacevole
Usabile
Affidabile
Funzionale

36. {
Tono
Stile
Identità
Personalità
VISUAL DESIGN Setting
Contesto
Atmosfera
Emozione

37. DOMANDA #3

38. DOMANDA #3
Quando il visual design
aggiunge valore?

39. “It’s not about asking How, but Why.
It’s not about execution, it’s about
the purpose of what we’re doing.”
— Frank Chimero

40. How Design Why

41. Making Design Thinking

42. 1
How vs. Why
Esecuzione vs. Obiettivi
Decorazione vs. Significati

43. 1
How vs. Why
Esecuzione vs. Obiettivi
Decorazione vs. Significati

44. 2
Adeguatezza

45. 2
Adeguatezza
{ Registro
Tono
Situazione comunicativa
Contesto

46. 3
Emozione

47. 3
Emozione
{ Personalità
Tolleranza agli errori
Anticipazione
Sorpresa
Reward

48. Impa o a cascata
Piacevole
Usabile
Affidabile
Funzionale

49. “With great power comes great
responsibility.”
— Spiderman

50. Grazie

51. Feedback?
Twitter
@nicolovolpato
Email
nicolo@gnvpartners.com
Web
www.gnvpartners.com

52. Riferimenti
Emotional design
Donald Norman (2005)
http://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367
Designing for emotion
Aarron Walter (2011)
http://www.abookapart.com/products/designing-for-emotion
Talk at Interlink Conference
Frank Chimero (2011)
http://2011.interlinkconference.com/2011/07/frank-chimero-video-slides/