SlideShare a Scribd company logo
1 of 71
Download to read offline
UX conference 2010

         FILF
FORMS IʼD LIKE TO FILL

        Nicola Bonora
Nicola Bonora
MENTINE.NET
aka Nicola Bonora
Bologna
IL SUONO
DI UNA SOLA
MANO
FORM
“moduli”
 etichette
 campi di input
 azioni
 messaggi
WEB FORM DESIGN
  Filling the blanks

    Luke Wroblewski
       Rosenfeld
IL LA


test clinici
  friendfeed
  google
IMPORTA
perché
          • un sito ha obiettivi...
            • vendita
            • servizi
            • social
            • blogging
          • ... “conversione”
IMPORTA
perché



          • le form ci parlano
          • le form parlano di noi
          • le form vendono
SCENARIO
                           • 500 (ad oggi) milioni
                             di utenti di Facebook
                           • acquistare un libro su
 punto nevralgico            Amazon
 dellʼesperienza
 utente                    • pagare un f24 on line
 esperienza mediata
                           • commentare un post
                           • web app: 70% form
 differenza tra              (fonte: a naso)
 eccellenza e mediocrità
                           • un tweet, un update,
                             un feed...
INFOGRAFICHE




   http://semanticstudios.com/publications/semantics/000029.php
INFOGRAFICHE




   http://semanticstudios.com/publications/semantics/000228.php
INFOGRAFICHE




   http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html
INFOGRAFICHE




 http://www.poetpainter.com/thoughts/article/ia-summit-2009-the-fundamentals-of-experience-design-
INFOGRAFICHE




      http://www.paznow.com/ucd/
COSA
MANCA?


la clessidra   se ne sentiva proprio
della UX       la mancanza
UX HOURGLASS

                                                          spread TW
                                                        fidelize
                                                    satisfy
 pain level




                                               verify
                           purchase

                        decide
                  choose

              explore


                                 information wideness         2010 CC NICOLA BONORA
                                                              se proprio ne volete parlare,
                                                                   citate la fonte! :D
E POI?



 la piramide   anche di questa si
 della BX      sentiva la mancanza
BX PYRAMID
                                BILLING EXPERIENCE
              YOU

                         bill                    HER :)

USER
       CUSTOMER EXPERIENCE
                                       FORM
                  sell
  PROSPECT EXPERIENCE

         engage

  USER EXPERIENCE
                                                 2010 CC NICOLA BONORA
                                                 se proprio ne volete parlare,
                                                      citate la fonte! :D
IMPORTA
perché


          una form ben progettata
          può portare ad un
          aumento delle
          conversioni tra il 10 e il
          40%
COME
si progetta
una buona     • considerare il
form?           contesto

              • comunicare in modo
                coerente

dipende...
              • minimizzare gli stati
                dʼansia

              • chiarire il percorso
                che si sta per fare
LE PAROLE
SONO
IMPORTANTI
COSA
ci metto     iniziare da PERSONE e
             RELAZIONI
dentro?
              • perché gli utenti
                compilano questa
                form?

              • qual è il loro
                rapporto con la
dipende...      vostra azienda?

              • cosa è per loro
                questa form?
COSA
ci metto
dentro?                      rimuovere quanto NON
                             strettamente necessario

                             ... ma non dimenticare
                             lʼindispensabile (per
Bilanciare il vostro punto   lʼutente)
di vista con il loro:
UX is a win-win              le persone sono sensibili
situation                    ai dati che vengono loro
                             richiesti
“People before pixel”
 Caroline Jarret
CHECKPOINT
COME
organizzo i
dati?


              • raggrupparli
              • creare pagine
                multiple


1             • convenzioni
COME
allineo i
campi?

            • in alto
            • a sinistra
            • a destra
2           • dentro
http://www.flickr.com/photos/rosenfeldmedia/2367261378/sizes/o/in/set-72157604272550634/
sinistra (32)
                                                          alto (22)




destra (21)                                              alto bold (14)
            http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
AZIONI
primarie e
secondarie



3
http://www.flickr.com/photos/rosenfeldmedia/2367266922
http://www.flickr.com/photos/rosenfeldmedia/2366430857/sizes/o/in/photostream/
FEED
              • con parsimonia
BACK          • possibilmente
                empatici
messaggi di     (conversation...)
errore        • dove?
              • come evitarli?
                (campi chiusi,
                libertà limitata)

              • la form perfetta
4               non ne avrebbe :)
http://www.flickr.com/photos/rosenfeldmedia/2367269446/sizes/o/in/photostream/
http://mentine.net/contatti :)
FEED
BACK
messaggi di
successo
              • dare loro un
                seguito
                (“so what?”...)

5             • opportunità
UX HOURGLASS

                                                          spread TW
                                                        fidelize
                                                    satisfy
 pain level




                                               verify
                           purchase

                        decide
                  choose

              explore


                                 information wideness         2010 CC NICOLA BONORA
                                                              se proprio ne volete parlare,
                                                                   citate la fonte! :D
http://www.flickr.com/photos/rosenfeldmedia/2367269044/sizes/o/in/photostream/
http://mentine.net/contatti :)
LESS IS
MORE


          even less is
          even more :)
posterous.com
TENETEVI
SEMPRE
IN FORM
grazie!




Nicola Bonora

More Related Content

Similar to Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento

Corso base di Web Marketing
Corso base di Web Marketing Corso base di Web Marketing
Corso base di Web Marketing Barbara Gorlini
 
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0Le nuove professioni del web - quali sono i nuovi lavori del web 2.0
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0Elena Farinelli
 
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...Pierangelo Ranieri
 
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”KnowCamp
 
Design Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendioDesign Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendionois3
 
Smau Milano 2012 Michele Dell'Edera - marketing
Smau Milano 2012 Michele Dell'Edera - marketingSmau Milano 2012 Michele Dell'Edera - marketing
Smau Milano 2012 Michele Dell'Edera - marketingSMAU
 
Reputazione nel turismo #pugliaTU
Reputazione nel turismo #pugliaTUReputazione nel turismo #pugliaTU
Reputazione nel turismo #pugliaTUVARNER FERRATO
 
Digital strategy e Social Media Mix - Marco Pezzano e Michele Polico
Digital strategy e Social Media Mix - Marco Pezzano e Michele PolicoDigital strategy e Social Media Mix - Marco Pezzano e Michele Polico
Digital strategy e Social Media Mix - Marco Pezzano e Michele PolicoYoung Digital Lab
 
Presentazione Smau 2010 Elena Farinelli
Presentazione Smau 2010 Elena FarinelliPresentazione Smau 2010 Elena Farinelli
Presentazione Smau 2010 Elena FarinelliElena Farinelli
 
Social Media Marketing Retail
Social Media Marketing RetailSocial Media Marketing Retail
Social Media Marketing RetailsFormati Digitali
 
LA COMUNICAZIONE DIGITALE: SPARK 3.0
LA COMUNICAZIONE DIGITALE: SPARK 3.0LA COMUNICAZIONE DIGITALE: SPARK 3.0
LA COMUNICAZIONE DIGITALE: SPARK 3.0Spark 3.0
 
Facebook Page e Giornalini - Idee e Best Practices
Facebook Page e Giornalini - Idee e Best Practices Facebook Page e Giornalini - Idee e Best Practices
Facebook Page e Giornalini - Idee e Best Practices Marco Bro
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015Todi Appy Days
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015Carlo Frinolli Puzzilli
 
User Experience su Mobile con Enrico Maioli.
User Experience su Mobile con Enrico Maioli.User Experience su Mobile con Enrico Maioli.
User Experience su Mobile con Enrico Maioli.semrush_webinars
 
Reputazione nel turismo
Reputazione nel turismoReputazione nel turismo
Reputazione nel turismoMind Lab Hotel
 
Social media marketing: Sezione 1 - numeri e definizioni
Social media marketing: Sezione 1 - numeri e definizioniSocial media marketing: Sezione 1 - numeri e definizioni
Social media marketing: Sezione 1 - numeri e definizioniABC Interactive
 

Similar to Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento (20)

Dal Click alla Relazione
Dal Click alla RelazioneDal Click alla Relazione
Dal Click alla Relazione
 
Corso base di Web Marketing
Corso base di Web Marketing Corso base di Web Marketing
Corso base di Web Marketing
 
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0Le nuove professioni del web - quali sono i nuovi lavori del web 2.0
Le nuove professioni del web - quali sono i nuovi lavori del web 2.0
 
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...
Come fare Web Marketing se sei piccolo. Ovvero un approccio al digitale per l...
 
Relazioni in rete: tutto quello che serve per farsi conoscere online
Relazioni in rete: tutto quello che serve per farsi conoscere online Relazioni in rete: tutto quello che serve per farsi conoscere online
Relazioni in rete: tutto quello che serve per farsi conoscere online
 
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
 
Design Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendioDesign Thinking e Human Centered Design: un piccolo compendio
Design Thinking e Human Centered Design: un piccolo compendio
 
Smau Milano 2012 Michele Dell'Edera - marketing
Smau Milano 2012 Michele Dell'Edera - marketingSmau Milano 2012 Michele Dell'Edera - marketing
Smau Milano 2012 Michele Dell'Edera - marketing
 
Reputazione nel turismo #pugliaTU
Reputazione nel turismo #pugliaTUReputazione nel turismo #pugliaTU
Reputazione nel turismo #pugliaTU
 
Digital strategy e Social Media Mix - Marco Pezzano e Michele Polico
Digital strategy e Social Media Mix - Marco Pezzano e Michele PolicoDigital strategy e Social Media Mix - Marco Pezzano e Michele Polico
Digital strategy e Social Media Mix - Marco Pezzano e Michele Polico
 
Presentazione Smau 2010 Elena Farinelli
Presentazione Smau 2010 Elena FarinelliPresentazione Smau 2010 Elena Farinelli
Presentazione Smau 2010 Elena Farinelli
 
Social Media Marketing Retail
Social Media Marketing RetailSocial Media Marketing Retail
Social Media Marketing Retail
 
LA COMUNICAZIONE DIGITALE: SPARK 3.0
LA COMUNICAZIONE DIGITALE: SPARK 3.0LA COMUNICAZIONE DIGITALE: SPARK 3.0
LA COMUNICAZIONE DIGITALE: SPARK 3.0
 
Facebook Page e Giornalini - Idee e Best Practices
Facebook Page e Giornalini - Idee e Best Practices Facebook Page e Giornalini - Idee e Best Practices
Facebook Page e Giornalini - Idee e Best Practices
 
TTG Next 2016 13 ottobre 2016
TTG Next 2016 13 ottobre 2016TTG Next 2016 13 ottobre 2016
TTG Next 2016 13 ottobre 2016
 
#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015#VDT Visual Design Thinking - Todi Appy Days 2015
#VDT Visual Design Thinking - Todi Appy Days 2015
 
#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015#VDT - Visual Design Thinkig @AppyDays Todi 2015
#VDT - Visual Design Thinkig @AppyDays Todi 2015
 
User Experience su Mobile con Enrico Maioli.
User Experience su Mobile con Enrico Maioli.User Experience su Mobile con Enrico Maioli.
User Experience su Mobile con Enrico Maioli.
 
Reputazione nel turismo
Reputazione nel turismoReputazione nel turismo
Reputazione nel turismo
 
Social media marketing: Sezione 1 - numeri e definizioni
Social media marketing: Sezione 1 - numeri e definizioniSocial media marketing: Sezione 1 - numeri e definizioni
Social media marketing: Sezione 1 - numeri e definizioni
 

More from UXconference

Connected prosthetics - Mark McWilliams
Connected prosthetics - Mark McWilliamsConnected prosthetics - Mark McWilliams
Connected prosthetics - Mark McWilliamsUXconference
 
Smokeless - Alberto Tacconi & Matteo Loglio
Smokeless - Alberto Tacconi & Matteo LoglioSmokeless - Alberto Tacconi & Matteo Loglio
Smokeless - Alberto Tacconi & Matteo LoglioUXconference
 
UXconference 2013 - Maddalena Fiordelli - One size does not fit all: the imp...
UXconference 2013 - Maddalena Fiordelli  - One size does not fit all: the imp...UXconference 2013 - Maddalena Fiordelli  - One size does not fit all: the imp...
UXconference 2013 - Maddalena Fiordelli - One size does not fit all: the imp...UXconference
 
The jinni and the city - Stefan Klocek & Chris Noessel
The jinni and the city - Stefan Klocek & Chris NoesselThe jinni and the city - Stefan Klocek & Chris Noessel
The jinni and the city - Stefan Klocek & Chris NoesselUXconference
 
Interactive technologies for children - Garzotto Valoriani
Interactive technologies for children - Garzotto ValorianiInteractive technologies for children - Garzotto Valoriani
Interactive technologies for children - Garzotto ValorianiUXconference
 
Reinventing the wheel - Cesare Bottini
Reinventing the wheel - Cesare BottiniReinventing the wheel - Cesare Bottini
Reinventing the wheel - Cesare BottiniUXconference
 
My Home Web - Andrea Cerri
My Home Web - Andrea Cerri My Home Web - Andrea Cerri
My Home Web - Andrea Cerri UXconference
 
Christoph Schmid - Visualizing urban flows with mobile data
Christoph Schmid - Visualizing urban flows with mobile dataChristoph Schmid - Visualizing urban flows with mobile data
Christoph Schmid - Visualizing urban flows with mobile dataUXconference
 
Jan- Christoph Zoels - Supporting sustainable lifestyles
Jan- Christoph Zoels - Supporting sustainable lifestyles Jan- Christoph Zoels - Supporting sustainable lifestyles
Jan- Christoph Zoels - Supporting sustainable lifestyles UXconference
 
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoria
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoriaRoberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoria
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoriaUXconference
 
L'importanza di monitorare l'esperienza
L'importanza di monitorare l'esperienzaL'importanza di monitorare l'esperienza
L'importanza di monitorare l'esperienzaUXconference
 
Uxconference2012 presentazione cornice
Uxconference2012   presentazione corniceUxconference2012   presentazione cornice
Uxconference2012 presentazione corniceUXconference
 
Social Experience Design
Social Experience DesignSocial Experience Design
Social Experience DesignUXconference
 
Corporate user experience
Corporate user experienceCorporate user experience
Corporate user experienceUXconference
 
L'uso delle personas nell'experience design
L'uso delle personas nell'experience designL'uso delle personas nell'experience design
L'uso delle personas nell'experience designUXconference
 
Ottimizzazione cognitiva in contesti mobile touch
Ottimizzazione cognitiva in contesti mobile touchOttimizzazione cognitiva in contesti mobile touch
Ottimizzazione cognitiva in contesti mobile touchUXconference
 
Evolutive experience design
Evolutive experience designEvolutive experience design
Evolutive experience designUXconference
 
La UX come semi - cosa
La UX come semi - cosaLa UX come semi - cosa
La UX come semi - cosaUXconference
 
Slide la città del futuro vuole aspettare
Slide la città del futuro vuole aspettareSlide la città del futuro vuole aspettare
Slide la città del futuro vuole aspettareUXconference
 

More from UXconference (20)

Connected prosthetics - Mark McWilliams
Connected prosthetics - Mark McWilliamsConnected prosthetics - Mark McWilliams
Connected prosthetics - Mark McWilliams
 
Smokeless - Alberto Tacconi & Matteo Loglio
Smokeless - Alberto Tacconi & Matteo LoglioSmokeless - Alberto Tacconi & Matteo Loglio
Smokeless - Alberto Tacconi & Matteo Loglio
 
UXconference 2013 - Maddalena Fiordelli - One size does not fit all: the imp...
UXconference 2013 - Maddalena Fiordelli  - One size does not fit all: the imp...UXconference 2013 - Maddalena Fiordelli  - One size does not fit all: the imp...
UXconference 2013 - Maddalena Fiordelli - One size does not fit all: the imp...
 
Uxcon2013
Uxcon2013 Uxcon2013
Uxcon2013
 
The jinni and the city - Stefan Klocek & Chris Noessel
The jinni and the city - Stefan Klocek & Chris NoesselThe jinni and the city - Stefan Klocek & Chris Noessel
The jinni and the city - Stefan Klocek & Chris Noessel
 
Interactive technologies for children - Garzotto Valoriani
Interactive technologies for children - Garzotto ValorianiInteractive technologies for children - Garzotto Valoriani
Interactive technologies for children - Garzotto Valoriani
 
Reinventing the wheel - Cesare Bottini
Reinventing the wheel - Cesare BottiniReinventing the wheel - Cesare Bottini
Reinventing the wheel - Cesare Bottini
 
My Home Web - Andrea Cerri
My Home Web - Andrea Cerri My Home Web - Andrea Cerri
My Home Web - Andrea Cerri
 
Christoph Schmid - Visualizing urban flows with mobile data
Christoph Schmid - Visualizing urban flows with mobile dataChristoph Schmid - Visualizing urban flows with mobile data
Christoph Schmid - Visualizing urban flows with mobile data
 
Jan- Christoph Zoels - Supporting sustainable lifestyles
Jan- Christoph Zoels - Supporting sustainable lifestyles Jan- Christoph Zoels - Supporting sustainable lifestyles
Jan- Christoph Zoels - Supporting sustainable lifestyles
 
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoria
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoriaRoberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoria
Roberto Falcone - Geolocalizzazione e realtà aumentata nei luoghi della memoria
 
L'importanza di monitorare l'esperienza
L'importanza di monitorare l'esperienzaL'importanza di monitorare l'esperienza
L'importanza di monitorare l'esperienza
 
Uxconference2012 presentazione cornice
Uxconference2012   presentazione corniceUxconference2012   presentazione cornice
Uxconference2012 presentazione cornice
 
Social Experience Design
Social Experience DesignSocial Experience Design
Social Experience Design
 
Corporate user experience
Corporate user experienceCorporate user experience
Corporate user experience
 
L'uso delle personas nell'experience design
L'uso delle personas nell'experience designL'uso delle personas nell'experience design
L'uso delle personas nell'experience design
 
Ottimizzazione cognitiva in contesti mobile touch
Ottimizzazione cognitiva in contesti mobile touchOttimizzazione cognitiva in contesti mobile touch
Ottimizzazione cognitiva in contesti mobile touch
 
Evolutive experience design
Evolutive experience designEvolutive experience design
Evolutive experience design
 
La UX come semi - cosa
La UX come semi - cosaLa UX come semi - cosa
La UX come semi - cosa
 
Slide la città del futuro vuole aspettare
Slide la città del futuro vuole aspettareSlide la città del futuro vuole aspettare
Slide la città del futuro vuole aspettare
 

Usabilità e form: un punto cruciale per l’esperienza d’uso e il coinvolgimento