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

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 ﬁdelize 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.ﬂickr.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.ﬂickr.com/photos/rosenfeldmedia/2367266922

http://www.ﬂickr.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://mentine.net/contatti :)

FEED BACK messaggi di successo • dare loro un seguito (“so what?”...) 5 • opportunità

UX HOURGLASS spread TW ﬁdelize satisfy pain level verify purchase decide choose explore information wideness 2010 CC NICOLA BONORA se proprio ne volete parlare, citate la fonte! :D

http://mentine.net/contatti :)

LESS IS MORE even less is even more :)

posterous.com

TENETEVI SEMPRE IN FORM

grazie! Nicola Bonora

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

by UXconference on Oct 12, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

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