Visual design, emozione ed esperienza
-
Upload
nicolo-volpato -
Category
Design
-
view
2.991 -
download
0
description
Transcript of Visual design, emozione ed esperienza
![Page 1: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/1.jpg)
VISUAL DESIGN,EMOZIONE ED ESPERIENZA— Nicolò Volpato
![Page 2: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/2.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/3.jpg)
@nicolovolpato
![Page 4: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/4.jpg)
DOMANDA #1
![Page 5: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/5.jpg)
DOMANDA #1Qual è il ruolo del visual design?
![Page 6: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/6.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/7.jpg)
Designer:
“Che valore dareste al contenuto e che valore dareste alla presentazione, ovvero al lato visuale-estetico?”
![Page 8: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/8.jpg)
Cliente:
“Non ti posso rispondere. Come posso separare sostanza da forma?...”
![Page 9: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/9.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/10.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/11.jpg)
Cliente:
“...tuttavia io non capisco niente di design.”
![Page 12: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/12.jpg)
FORMA SOSTANZA
![Page 13: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/13.jpg)
FORMA SOSTANZAContenuto
Funzionalità
![Page 14: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/14.jpg)
FORMA SOSTANZALayout
Visual design
Contenuto
Funzionalità
![Page 15: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/15.jpg)
FORMA SOSTANZALayout
Visual design
Contenuto
Funzionalità
+
Percezione{
![Page 16: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/16.jpg)
MESSAGGIO + TONO + FORMATO
![Page 17: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/17.jpg)
MESSAGGIO + TONO + FORMATOCosa viene comunicato
Come viene comunicato
Come viene trasmesso
![Page 18: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/18.jpg)
MESSAGGIO + TONO + FORMATOCosa viene comunicato
Contenuto
Funzionalità
Come viene comunicato
Visual Design
Come viene trasmesso
Esecuzione
Tecnologia
![Page 19: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/19.jpg)
Tono
Stile
Identità
Personalità
VISUAL DESIGN {
![Page 20: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/20.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/21.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/22.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/23.jpg)
“Content precedes design. Design in the absence of content is not design, it’s decoration.”
— Jeffrey Zeldman
![Page 24: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/24.jpg)
DOMANDA #2
![Page 25: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/25.jpg)
DOMANDA #2Che ruolo ha l’emozione
nell’esperienza d’uso?
![Page 26: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/26.jpg)
Che cosa rende un’esperienza indimenticabile?
![Page 27: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/27.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/28.jpg)
Le esperienze emotive vengono ricordate più a lungo ed hanno maggiore impatto sulle nostre decisioni.
![Page 29: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/29.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/30.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/31.jpg)
“Everything has a personality: everything sends an emotional signal.”
— Donald Norman
![Page 32: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/32.jpg)
Parlando di interfacce...
![Page 33: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/33.jpg)
Autorealizzazione
Stima
Affetto/Appartenenza
Sicurezza
Bisogni fisiologici
Bisogni dell’utente
![Page 34: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/34.jpg)
?
Usabile
Affidabile
Funzionale
Qualità dell’interfaccia
![Page 35: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/35.jpg)
Piacevole
Usabile
Affidabile
Funzionale
Qualità dell’interfaccia
![Page 36: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/36.jpg)
Tono
Stile
Identità
Personalità
SettingContestoAtmosferaEmozione
VISUAL DESIGN {
![Page 37: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/37.jpg)
DOMANDA #3
![Page 38: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/38.jpg)
DOMANDA #3Quando il visual design
aggiunge valore?
![Page 39: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/39.jpg)
“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](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/40.jpg)
How Design Why
![Page 41: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/41.jpg)
Making Design Thinking
![Page 42: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/42.jpg)
1
How vs. WhyEsecuzione vs. Obiettivi
Decorazione vs. Significati
![Page 43: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/43.jpg)
1
How vs. WhyEsecuzione vs. Obiettivi
Decorazione vs. Significati
![Page 44: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/44.jpg)
2
Adeguatezza
![Page 45: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/45.jpg)
2
Adeguatezza
Registro
Tono
Situazione comunicativa
Contesto{
![Page 46: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/46.jpg)
3
Emozione
![Page 47: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/47.jpg)
3
Emozione
Personalità
Tolleranza agli errori
Anticipazione
Sorpresa
Reward{
![Page 48: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/48.jpg)
Piacevole
Usabile
Affidabile
Funzionale
Impa!o a cascata
![Page 49: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/49.jpg)
“With great power comes great responsibility.”
— Spiderman
![Page 50: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/50.jpg)
Grazie
![Page 52: Visual design, emozione ed esperienza](https://reader033.fdocument.pub/reader033/viewer/2022051609/5479c55db37959652b8b483a/html5/thumbnails/52.jpg)
Riferimenti
Emotional designDonald Norman (2005)
Designing for emotionAarron Walter (2011)
Talk at Interlink ConferenceFrank Chimero (2011)
http://2011.interlinkconference.com/2011/07/frank-chimero-video-slides/
http://www.abookapart.com/products/designing-for-emotion
http://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367