Visual design, emozione ed esperienza

52
VISUAL DESIGN, EMOZIONE ED ESPERIENZA — Nicolò Volpato

description

Presentazione fatta allo UXCamp 2011 (18.11.2011)

Transcript of Visual design, emozione ed esperienza

Page 1: Visual design, emozione ed esperienza

VISUAL DESIGN,EMOZIONE ED ESPERIENZA— Nicolò Volpato

Page 2: Visual design, emozione ed esperienza

Chi sono?

Nicolò Volpatovisual designer / UX designer

Esperienza7 anni come designer c/o GNV&Partners

Formazioneformazione umanisticanon sono un “creativo”

Page 3: Visual design, emozione ed esperienza

@nicolovolpato

Page 4: Visual design, emozione ed esperienza

DOMANDA #1

Page 5: Visual design, emozione ed esperienza

DOMANDA #1Qual è il ruolo del visual design?

Page 6: Visual design, emozione ed esperienza

Personaggi:designer, cliente

Comparse:team di sviluppo, team di UX

Scena:riunione di analisi di un progetto web, il designer prende la parola

Page 7: Visual design, emozione ed esperienza

Designer:

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

Page 8: Visual design, emozione ed esperienza

Cliente:

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

Page 9: Visual design, emozione ed esperienza

Cliente:

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

Page 10: Visual design, emozione ed esperienza

Cliente:

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

Page 11: Visual design, emozione ed esperienza

Cliente:

“...tuttavia io non capisco niente di design.”

Page 12: Visual design, emozione ed esperienza

FORMA SOSTANZA

Page 13: Visual design, emozione ed esperienza

FORMA SOSTANZAContenuto

Funzionalità

Page 14: Visual design, emozione ed esperienza

FORMA SOSTANZALayout

Visual design

Contenuto

Funzionalità

Page 15: Visual design, emozione ed esperienza

FORMA SOSTANZALayout

Visual design

Contenuto

Funzionalità

+

Percezione{

Page 16: Visual design, emozione ed esperienza

MESSAGGIO + TONO + FORMATO

Page 17: Visual design, emozione ed esperienza

MESSAGGIO + TONO + FORMATOCosa viene comunicato

Come viene comunicato

Come viene trasmesso

Page 18: Visual design, emozione ed esperienza

MESSAGGIO + TONO + FORMATOCosa viene comunicato

Contenuto

Funzionalità

Come viene comunicato

Visual Design

Come viene trasmesso

Esecuzione

Tecnologia

Page 19: Visual design, emozione ed esperienza

Tono

Stile

Identità

Personalità

VISUAL DESIGN {

Page 20: Visual design, emozione ed esperienza

Il visual design ha un ruolo semantico nella trasmissione del contenuto agli utenti.

Ha un suo linguaggio. Parla un suo codice.

Page 21: Visual design, emozione ed esperienza

Il visual design ha un ruolo semantico nella trasmissione del contenuto agli utenti.

Ha un suo linguaggio. Parla un suo codice.

Costruisce significati.

Page 22: Visual design, emozione ed esperienza

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.

Page 23: Visual design, emozione ed esperienza

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

— Jeffrey Zeldman

Page 24: Visual design, emozione ed esperienza

DOMANDA #2

Page 25: Visual design, emozione ed esperienza

DOMANDA #2Che ruolo ha l’emozione

nell’esperienza d’uso?

Page 26: Visual design, emozione ed esperienza

Che cosa rende un’esperienza indimenticabile?

Page 27: Visual design, emozione ed esperienza

Che cosa rende un’esperienza indimenticabile?

L’atmosfera, il setting, la situazione, il contesto.E sicuramente le emozioni provate.

Page 28: Visual design, emozione ed esperienza

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

Page 29: Visual design, emozione ed esperienza

Donald Norman / Emotional design:

Gli oggetti che forniscono un’esperienza estetica migliore funzionano meglio.

O quanto meno, la nostra percezione è che funzionino meglio.

Page 30: Visual design, emozione ed esperienza

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.

Page 31: Visual design, emozione ed esperienza

“Everything has a personality: everything sends an emotional signal.”

— Donald Norman

Page 32: Visual design, emozione ed esperienza

Parlando di interfacce...

Page 33: Visual design, emozione ed esperienza

Autorealizzazione

Stima

Affetto/Appartenenza

Sicurezza

Bisogni fisiologici

Bisogni dell’utente

Page 34: Visual design, emozione ed esperienza

?

Usabile

Affidabile

Funzionale

Qualità dell’interfaccia

Page 35: Visual design, emozione ed esperienza

Piacevole

Usabile

Affidabile

Funzionale

Qualità dell’interfaccia

Page 36: Visual design, emozione ed esperienza

Tono

Stile

Identità

Personalità

SettingContestoAtmosferaEmozione

VISUAL DESIGN {

Page 37: Visual design, emozione ed esperienza

DOMANDA #3

Page 38: Visual design, emozione ed esperienza

DOMANDA #3Quando il visual design

aggiunge valore?

Page 39: Visual design, emozione ed esperienza

“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

Page 40: Visual design, emozione ed esperienza

How Design Why

Page 41: Visual design, emozione ed esperienza

Making Design Thinking

Page 42: Visual design, emozione ed esperienza

1

How vs. WhyEsecuzione vs. Obiettivi

Decorazione vs. Significati

Page 43: Visual design, emozione ed esperienza

1

How vs. WhyEsecuzione vs. Obiettivi

Decorazione vs. Significati

Page 44: Visual design, emozione ed esperienza

2

Adeguatezza

Page 45: Visual design, emozione ed esperienza

2

Adeguatezza

Registro

Tono

Situazione comunicativa

Contesto{

Page 46: Visual design, emozione ed esperienza

3

Emozione

Page 47: Visual design, emozione ed esperienza

3

Emozione

Personalità

Tolleranza agli errori

Anticipazione

Sorpresa

Reward{

Page 48: Visual design, emozione ed esperienza

Piacevole

Usabile

Affidabile

Funzionale

Impa!o a cascata

Page 49: Visual design, emozione ed esperienza

“With great power comes great responsibility.”

— Spiderman

Page 50: Visual design, emozione ed esperienza

Grazie

Page 51: Visual design, emozione ed esperienza

Feedback?

Twitter@nicolovolpato

[email protected]

Webwww.gnvpartners.com