Top Banner
VISUAL DESIGN, EMOZIONE ED ESPERIENZA — Nicolò Volpato
52

Visual design, emozione ed esperienza

Nov 29, 2014

Download

Design

Nicolò Volpato

Presentazione fatta allo UXCamp 2011 (18.11.2011)
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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