Visual design, emozione ed esperienza

Nicolò Volpato
Nicolò VolpatoFounder & CEO at Tangible
VISUAL DESIGN,
EMOZIONE
ED ESPERIENZA
— Nicolò Volpato
Chi sono?
Nicolò Volpato
visual designer / UX designer

Esperienza
7 anni come designer c/o GNV&Partners

Formazione
formazione umanistica
non sono un “creativo”
@nicolovolpato
DOMANDA #1
DOMANDA #1
Qual è il ruolo del visual design?
Personaggi:
designer, cliente

Comparse:
team di sviluppo, team di UX

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

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

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

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

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

“...tuttavia io non capisco niente di design.”
FORMA   SOSTANZA
FORMA   SOSTANZA
            Contenuto
           Funzionalità
FORMA           SOSTANZA
Layout              Contenuto
Visual design      Funzionalità
Percezione



FORMA
     {
Layout
Visual design
                  +   SOSTANZA
                              Contenuto
                             Funzionalità
MESSAGGIO + TONO + FORMATO
MESSAGGIO + TONO + FORMATO
 Cosa viene   Come viene   Come viene
 comunicato   comunicato    trasmesso
MESSAGGIO + TONO + FORMATO
 Cosa viene      Come viene     Come viene
 comunicato      comunicato      trasmesso


  Contenuto     Visual Design   Esecuzione
 Funzionalità                   Tecnologia
VISUAL DESIGN
                {     Tono
                       Stile
                     Identità
                    Personalità
Il visual design ha un ruolo semantico nella
trasmissione del contenuto agli utenti.

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

Ha un suo linguaggio.
Parla un suo codice.

Costruisce significati.
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.
“Content precedes design.
Design in the absence of content is not design,
it’s decoration.”
— Jeffrey Zeldman
DOMANDA #2
DOMANDA #2
Che ruolo ha l’emozione
 nell’esperienza d’uso?
Che cosa rende un’esperienza indimenticabile?
Che cosa rende un’esperienza indimenticabile?

L’atmosfera, il setting, la situazione, il contesto.
E sicuramente le emozioni provate.
Le esperienze emotive vengono ricordate più a
lungo ed hanno maggiore impatto sulle nostre
decisioni.
Donald Norman / Emotional design:

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

O quanto meno, la nostra percezione è che
funzionino meglio.
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.
“Everything has a personality:
everything sends an emotional signal.”
— Donald Norman
Parlando di interfacce...
Bisogni dell’utente


             Autorealizzazione

             Stima

             Affetto/Appartenenza

             Sicurezza

             Bisogni fisiologici
Qualità dell’interfaccia


                      ?

                   Usabile

                   Affidabile

                   Funzionale
Qualità dell’interfaccia


                   Piacevole

                   Usabile

                   Affidabile

                   Funzionale
{
                      Tono
                       Stile
                     Identità
                    Personalità
VISUAL DESIGN        Setting
                    Contesto
                    Atmosfera
                    Emozione
DOMANDA #3
DOMANDA #3
Quando il visual design
   aggiunge valore?
“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
How   Design   Why
Making   Design   Thinking
1

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

       How vs. Why
 Esecuzione vs. Obiettivi
Decorazione vs. Significati
2

Adeguatezza
2

  Adeguatezza


{      Registro
         Tono
Situazione comunicativa
       Contesto
3

Emozione
3

   Emozione


{   Personalità
Tolleranza agli errori
   Anticipazione
      Sorpresa
      Reward
Impa o a cascata


              Piacevole

              Usabile

              Affidabile

              Funzionale
“With great power comes great
responsibility.”
— Spiderman
Grazie
Feedback?
Twitter
@nicolovolpato

Email
nicolo@gnvpartners.com

Web
www.gnvpartners.com
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/
1 of 52

Recommended

Visual Design vs. Creatività by
Visual Design vs. CreativitàVisual Design vs. Creatività
Visual Design vs. CreativitàNicolò Volpato
7.8K views71 slides
Lez1 agopuntura urbanaweb by
Lez1 agopuntura urbanawebLez1 agopuntura urbanaweb
Lez1 agopuntura urbanawebGermana De Michelis
173 views41 slides
Lez1 agopuntura urbanaweb by
Lez1 agopuntura urbanawebLez1 agopuntura urbanaweb
Lez1 agopuntura urbanawebGermana De Michelis
194 views41 slides
Open Design e FabLab @ IED Milano 27.03.2013 by
Open Design e FabLab @ IED Milano 27.03.2013Open Design e FabLab @ IED Milano 27.03.2013
Open Design e FabLab @ IED Milano 27.03.2013Massimo Menichinelli
2K views99 slides
follow-app DAY 4 - Strumenti per la prototipazione by
follow-app DAY 4 - Strumenti per la prototipazionefollow-app DAY 4 - Strumenti per la prototipazione
follow-app DAY 4 - Strumenti per la prototipazioneQIRIS
626 views33 slides
Stampa 3D e problematiche legali by
Stampa 3D e problematiche legaliStampa 3D e problematiche legali
Stampa 3D e problematiche legaliMarco Giacomello
3.2K views94 slides

More Related Content

Viewers also liked

Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d... by
 Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d... Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d...
Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d...Irene Capatti
415 views87 slides
STAMPA 3D: DALL'IDEA ALL'OGGETTO by
STAMPA 3D: DALL'IDEA ALL'OGGETTOSTAMPA 3D: DALL'IDEA ALL'OGGETTO
STAMPA 3D: DALL'IDEA ALL'OGGETTOSmau
2.2K views34 slides
Massimo Aliberti - Dal concept al prototipo al prodotto by
Massimo Aliberti - Dal concept al prototipo al prodottoMassimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodottoQIRIS
866 views27 slides
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design by
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design Claudio Gasparini
2.3K views37 slides
Makeforum2014 - il disegno e i cad (per la stampa 3d) by
Makeforum2014 - il disegno e i cad (per la stampa 3d)Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)Paolo Aliverti
2.5K views95 slides
From idea to concept - Todi Appy Days 2015 by
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015Todi Appy Days
691 views110 slides

Viewers also liked(20)

Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d... by Irene Capatti
 Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d... Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d...
Design Thinking e Strategia di Marketing: il percorso, i metodi e il gioco d...
Irene Capatti415 views
STAMPA 3D: DALL'IDEA ALL'OGGETTO by Smau
STAMPA 3D: DALL'IDEA ALL'OGGETTOSTAMPA 3D: DALL'IDEA ALL'OGGETTO
STAMPA 3D: DALL'IDEA ALL'OGGETTO
Smau2.2K views
Massimo Aliberti - Dal concept al prototipo al prodotto by QIRIS
Massimo Aliberti - Dal concept al prototipo al prodottoMassimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodotto
QIRIS866 views
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design by Claudio Gasparini
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design
Dall'idea all'oggetto: i nuovi paradigmi di progettazione nel design
Claudio Gasparini2.3K views
Makeforum2014 - il disegno e i cad (per la stampa 3d) by Paolo Aliverti
Makeforum2014 - il disegno e i cad (per la stampa 3d)Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)
Paolo Aliverti2.5K views
From idea to concept - Todi Appy Days 2015 by Todi Appy Days
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015
Todi Appy Days691 views
Introduzione alla stampa 3D by Marco Martelli
Introduzione alla stampa 3DIntroduzione alla stampa 3D
Introduzione alla stampa 3D
Marco Martelli3.4K views
La teoria dei colori e il visual design by Ninja Marketing
La teoria dei colori e il visual designLa teoria dei colori e il visual design
La teoria dei colori e il visual design
Ninja Marketing14.4K views
Corso di stampa 3D - parte 1 by Paolo Aliverti
Corso di stampa 3D - parte 1Corso di stampa 3D - parte 1
Corso di stampa 3D - parte 1
Paolo Aliverti5.6K views
Workshop / Istituto Europeo di Design (IED) / Più bianco non si può / 2012 by tommasobovo
 Workshop / Istituto Europeo di Design (IED) / Più bianco non si può / 2012 Workshop / Istituto Europeo di Design (IED) / Più bianco non si può / 2012
Workshop / Istituto Europeo di Design (IED) / Più bianco non si può / 2012
tommasobovo1.1K views
Tutorial per 3D printing by Fablab Torino
Tutorial per 3D printingTutorial per 3D printing
Tutorial per 3D printing
Fablab Torino11.6K views
Corso di stampa 3D - parte 2 by Paolo Aliverti
Corso di stampa 3D - parte 2Corso di stampa 3D - parte 2
Corso di stampa 3D - parte 2
Paolo Aliverti2.6K views
Il valore delle storie nei processi di design centrati sull'utente by Manuele Forcucci
Il valore delle storie nei processi di design centrati sull'utenteIl valore delle storie nei processi di design centrati sull'utente
Il valore delle storie nei processi di design centrati sull'utente
Manuele Forcucci3.4K views

Similar to Visual design, emozione ed esperienza

HCI to UX to HCI - Parte A by
HCI to UX to HCI - Parte AHCI to UX to HCI - Parte A
HCI to UX to HCI - Parte ACristiano Rastelli
1.2K views114 slides
Ingegneria Reputazionale per costruire l'Identità Digitale del Brand by
Ingegneria Reputazionale per costruire l'Identità Digitale del BrandIngegneria Reputazionale per costruire l'Identità Digitale del Brand
Ingegneria Reputazionale per costruire l'Identità Digitale del BrandReputation Manager
1.2K views18 slides
Ux fast - workshop by
Ux fast - workshop Ux fast - workshop
Ux fast - workshop Francesca Murtas
1.1K views111 slides
Sviluppo applicazioni by
Sviluppo applicazioniSviluppo applicazioni
Sviluppo applicazioniInSide Training
432 views78 slides
Experience Design Workshop - Roma, 13 novembre by
Experience Design Workshop - Roma, 13 novembreExperience Design Workshop - Roma, 13 novembre
Experience Design Workshop - Roma, 13 novembreSketchin
1.7K views90 slides
Deep dive into Conversational AI development by
Deep dive into Conversational AI developmentDeep dive into Conversational AI development
Deep dive into Conversational AI developmentMarco Parenzan
127 views12 slides

Similar to Visual design, emozione ed esperienza(20)

Ingegneria Reputazionale per costruire l'Identità Digitale del Brand by Reputation Manager
Ingegneria Reputazionale per costruire l'Identità Digitale del BrandIngegneria Reputazionale per costruire l'Identità Digitale del Brand
Ingegneria Reputazionale per costruire l'Identità Digitale del Brand
Reputation Manager1.2K views
Experience Design Workshop - Roma, 13 novembre by Sketchin
Experience Design Workshop - Roma, 13 novembreExperience Design Workshop - Roma, 13 novembre
Experience Design Workshop - Roma, 13 novembre
Sketchin1.7K views
Deep dive into Conversational AI development by Marco Parenzan
Deep dive into Conversational AI developmentDeep dive into Conversational AI development
Deep dive into Conversational AI development
Marco Parenzan127 views
Corso WebApp iOS - Lezione 03: Cognitive User Interface Design by Andrea Picchi
Corso WebApp iOS - Lezione 03: Cognitive User Interface DesignCorso WebApp iOS - Lezione 03: Cognitive User Interface Design
Corso WebApp iOS - Lezione 03: Cognitive User Interface Design
Andrea Picchi796 views
Leonardo_filippetti_hotel_design_user_experience_touchpoint by Leonardo Filippetti
Leonardo_filippetti_hotel_design_user_experience_touchpointLeonardo_filippetti_hotel_design_user_experience_touchpoint
Leonardo_filippetti_hotel_design_user_experience_touchpoint
Il viaggio del cliente: user experience, design e copywriting by Tatiana Cazzaro
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
Tatiana Cazzaro595 views
User Experience su Mobile con Enrico Maioli. by semrush_webinars
User Experience su Mobile con Enrico Maioli.User Experience su Mobile con Enrico Maioli.
User Experience su Mobile con Enrico Maioli.
semrush_webinars207 views
Progettare un'applicazione mobile. Approccio. Workflow. Design by Elena Demidenko
Progettare un'applicazione mobile. Approccio. Workflow. DesignProgettare un'applicazione mobile. Approccio. Workflow. Design
Progettare un'applicazione mobile. Approccio. Workflow. Design
Elena Demidenko1.2K views
Sostenere la qualità by Sketchin
Sostenere la qualitàSostenere la qualità
Sostenere la qualità
Sketchin1K views
Assistente virtuale o chatbot Persona e Conversational Design by Marcos Daniel Martinez
Assistente virtuale o chatbot Persona e Conversational DesignAssistente virtuale o chatbot Persona e Conversational Design
Assistente virtuale o chatbot Persona e Conversational Design

More from Nicolò Volpato

Una bussola per guidare un'innovazione responsabile by
Una bussola per guidare un'innovazione responsabileUna bussola per guidare un'innovazione responsabile
Una bussola per guidare un'innovazione responsabileNicolò Volpato
1.2K views59 slides
Design e futuro by
Design e futuroDesign e futuro
Design e futuroNicolò Volpato
117 views59 slides
Design Leadership Basics by
Design Leadership BasicsDesign Leadership Basics
Design Leadership BasicsNicolò Volpato
177 views58 slides
Validating business ideas through design by
Validating business ideas through designValidating business ideas through design
Validating business ideas through designNicolò Volpato
169 views44 slides
TAG Master UI - Late Night Talk - September 20th, 2019 by
TAG Master UI - Late Night Talk - September 20th, 2019TAG Master UI - Late Night Talk - September 20th, 2019
TAG Master UI - Late Night Talk - September 20th, 2019Nicolò Volpato
458 views58 slides
TAG Master UI - Late Night Talk - May 31st, 2019 by
TAG Master UI - Late Night Talk - May 31st, 2019TAG Master UI - Late Night Talk - May 31st, 2019
TAG Master UI - Late Night Talk - May 31st, 2019Nicolò Volpato
153 views56 slides

More from Nicolò Volpato(7)

Una bussola per guidare un'innovazione responsabile by Nicolò Volpato
Una bussola per guidare un'innovazione responsabileUna bussola per guidare un'innovazione responsabile
Una bussola per guidare un'innovazione responsabile
Nicolò Volpato1.2K views
Validating business ideas through design by Nicolò Volpato
Validating business ideas through designValidating business ideas through design
Validating business ideas through design
Nicolò Volpato169 views
TAG Master UI - Late Night Talk - September 20th, 2019 by Nicolò Volpato
TAG Master UI - Late Night Talk - September 20th, 2019TAG Master UI - Late Night Talk - September 20th, 2019
TAG Master UI - Late Night Talk - September 20th, 2019
Nicolò Volpato458 views
TAG Master UI - Late Night Talk - May 31st, 2019 by Nicolò Volpato
TAG Master UI - Late Night Talk - May 31st, 2019TAG Master UI - Late Night Talk - May 31st, 2019
TAG Master UI - Late Night Talk - May 31st, 2019
Nicolò Volpato153 views
TAG Innovation School Late Night Talk - March 1st, 2019 by Nicolò Volpato
TAG Innovation School Late Night Talk - March 1st, 2019TAG Innovation School Late Night Talk - March 1st, 2019
TAG Innovation School Late Night Talk - March 1st, 2019
Nicolò Volpato349 views

Visual design, emozione ed esperienza