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 Uxcon 2010 - Nicola Bonora - Mentine

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
 
Ergonomia e Commercio: ultimo treno
Ergonomia e Commercio: ultimo trenoErgonomia e Commercio: ultimo treno
Ergonomia e Commercio: ultimo trenoMentine
 
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 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
 
#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
 
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
 

Similar to Uxcon 2010 - Nicola Bonora - Mentine (20)

Vendere con motori di ricerca e social network. Olos27102011
Vendere con motori di ricerca e social network. Olos27102011Vendere con motori di ricerca e social network. Olos27102011
Vendere con motori di ricerca e social network. Olos27102011
 
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
 
Ergonomia e Commercio: ultimo treno
Ergonomia e Commercio: ultimo trenoErgonomia e Commercio: ultimo treno
Ergonomia e Commercio: ultimo treno
 
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 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
 
#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
 
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.
 

More from Mentine

Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017
Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017
Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017Mentine
 
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...Mentine
 
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...Mentine
 
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...Mentine
 
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016Mentine
 
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...Mentine
 
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016Mentine
 
Data Informed Design - KnowData16, Bologna, 18/11/2016
Data Informed Design - KnowData16, Bologna, 18/11/2016Data Informed Design - KnowData16, Bologna, 18/11/2016
Data Informed Design - KnowData16, Bologna, 18/11/2016Mentine
 
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016Mentine
 
Fallire è un po' morire e un po' no
Fallire è un po' morire e un po' noFallire è un po' morire e un po' no
Fallire è un po' morire e un po' noMentine
 
SANA 2014 - La Comunicazione Web del Biologico
SANA 2014 - La Comunicazione Web del BiologicoSANA 2014 - La Comunicazione Web del Biologico
SANA 2014 - La Comunicazione Web del BiologicoMentine
 
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...Mentine
 
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)Mentine
 
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011Mentine
 
Ergonomia e commercio - facoltà di vendere online
Ergonomia e commercio - facoltà di vendere onlineErgonomia e commercio - facoltà di vendere online
Ergonomia e commercio - facoltà di vendere onlineMentine
 
Accessibile.it: progetto e indagine accessibilità dei siti
Accessibile.it: progetto e indagine accessibilità dei sitiAccessibile.it: progetto e indagine accessibilità dei siti
Accessibile.it: progetto e indagine accessibilità dei sitiMentine
 
Accessibile.it reloaded
Accessibile.it reloadedAccessibile.it reloaded
Accessibile.it reloadedMentine
 
Accessibile.it al EAVI camp
Accessibile.it al EAVI campAccessibile.it al EAVI camp
Accessibile.it al EAVI campMentine
 
Dogma91 presentazione
Dogma91 presentazioneDogma91 presentazione
Dogma91 presentazioneMentine
 

More from Mentine (19)

Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017
Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017
Watch out for checkout! Nicola Bonora alla Web Marketing Expo 2017
 
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...
Marketing Automation: dati e automazioni a supporto del reparto Marketing e C...
 
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...
Storytelling e Dati: vendere (o convertire) significa raccontare storie - Kno...
 
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...
I Profili Giuridici, e relativi Rischi, circa la Raccolta e Conservazione dei...
 
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016
Contenuto data-driven: ci sei tu, nei dati - KnowData16, Bologna, 18/11/2016
 
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...
Ricavare valore dall'analisi dei dati e dai modelli di attribuzione - KnowDat...
 
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016
Relazioni Semiautomatiche - KnowData16, Bologna, 18/11/2016
 
Data Informed Design - KnowData16, Bologna, 18/11/2016
Data Informed Design - KnowData16, Bologna, 18/11/2016Data Informed Design - KnowData16, Bologna, 18/11/2016
Data Informed Design - KnowData16, Bologna, 18/11/2016
 
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016
FORM - conviene farle bene. Nicola Bonora alla Web Marketing Expo 2016
 
Fallire è un po' morire e un po' no
Fallire è un po' morire e un po' noFallire è un po' morire e un po' no
Fallire è un po' morire e un po' no
 
SANA 2014 - La Comunicazione Web del Biologico
SANA 2014 - La Comunicazione Web del BiologicoSANA 2014 - La Comunicazione Web del Biologico
SANA 2014 - La Comunicazione Web del Biologico
 
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...
I bisogni degli utenti - 5 cose che ho imparato dalla comunicazione delle toi...
 
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)
Una cosa semplice. non concederti a chi non ti merita (Freelance camp 2013)
 
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011
Accessibilità e Pubblica Amministrazione. Un'idea di Framework | Uxconf 2011
 
Ergonomia e commercio - facoltà di vendere online
Ergonomia e commercio - facoltà di vendere onlineErgonomia e commercio - facoltà di vendere online
Ergonomia e commercio - facoltà di vendere online
 
Accessibile.it: progetto e indagine accessibilità dei siti
Accessibile.it: progetto e indagine accessibilità dei sitiAccessibile.it: progetto e indagine accessibilità dei siti
Accessibile.it: progetto e indagine accessibilità dei siti
 
Accessibile.it reloaded
Accessibile.it reloadedAccessibile.it reloaded
Accessibile.it reloaded
 
Accessibile.it al EAVI camp
Accessibile.it al EAVI campAccessibile.it al EAVI camp
Accessibile.it al EAVI camp
 
Dogma91 presentazione
Dogma91 presentazioneDogma91 presentazione
Dogma91 presentazione
 

Uxcon 2010 - Nicola Bonora - Mentine