Di’, hai rimasto una piada?
ROMAGNA CAMP 2011
Ergonomia e commercioFacoltà di vendere on line
Nicola Bonora
Nicola BonoraMENTINE.NET
@nicbonora@mentinet
#romagnacamp
Ergonomia e commercio
italiasituazione
Italia 201014,357 mld € e-commerce
+43%
fonte: Casaleggio Associati 2011
E-commerce checkout usabilityBaymard Institute
60% of all e-commerce visitorsabandon their shopping cart. Why?
Lʼabbandono del carrello nel mondo reale.
http://nulladiessinelinea.wordpress.com/2009/11/24/l%E2%80%99entropia-la-globalizzazione-omologante/
motivi per lʼabbandono del carrello
http://ilprofessorechos.blogspot.com/2010/10/la-cozza-zebra-una-continua-minaccia.html
La cozza Zebra: una continua minaccianel nord America
Si mobilita lo stato maggiore della GDO
AMAZING!
il raggio anticozzail raggio anticozza
le fessure
le fessure
Il web non ha fessure.
2010-2011 CC MENTINEse proprio ne volete parlare,
citate la fonte! :D
La clessidra della user experience
explorechoose
decide
purchase
verify
spread TW
satisfyfidelize
2010-2011 CC MENTINEse proprio ne volete parlare,
citate la fonte! :D
2010-2011 CC MENTINEse proprio ne volete parlare,
citate la fonte! :D
La piramide della billing experience
USER EXPERIENCE
BILLING EXPERIENCE
PROSPECT EXPERIENCE
CUSTOMER EXPERIENCE
2010-2011 CC MENTINEse proprio ne volete parlare,
citate la fonte! :D
E-commerce checkout usabilityBaymard Institute
Data input
Copywriting
Layout
Navigation
Flow
FocusE-commerce checkout usability
Baymard Institute
ASPETTI6
Che compogono una Checkout usability checklist
E-commerce checkout usabilityBaymard Institute
CHECK63POINT
5 uomini
5 donne
20-58 yrs
E-commerce checkout usabilityBaymard Institute
UTENTI10
1-800-Flowers, AllPosters, American Apparel, Amnesty Shop, Leviʼs, Walmart, Zappos...
E-commerce checkout usabilityBaymard Institute
SITI WEB15
Problemi correlati alla progettazione del processo di checkout
E-commerce checkout usabilityBaymard Institute
ISSUES520
Squacquerone e rucola, grazie
PIADA1
fonte: Casaleggio Associati 2011
LAYOUT“make guest checkout a prominent option”
“Cosa aspetti”? Percezione del link
FOCUS“Registration should be optional”
DATA INPUT“indicate required and optional fields”
NAVIGATION“Primary action should be above the fold”
Non è chiara la domanda
Salva.Annulla.
LAYOUT“Use a primary button for the primary action”
Campi obbligatori.
LOSOIO ILFOR
MAT ODELNU MEROTEL COGL
IONE
on line assistant?
LAYOUT“Use clear error indications”
COPYWRITING“Add descriptions to form fields labels”
DATA INPUT“Show examples of input format”
Blank è alfanumerico. Eh.
DATA INPUT“Validate form fields inline”
LAYOUT“Use clear error indications”
Coerenza
FOCUS“Only show options that are meaningful to the current customer and context”
Rumore
DATA INPUT“Only ask for the same information once”
“Se sei già registrato”
FLOW“Your checkout process should be linear”
LAYOUT“Only use one column for form fields”
Riscontrati con un test a zero attendibilità.
Quale capitale sta disperdendo questo merchant?
ERORI14
Learned lessons(tutte twittabili)
Lʼe-commerce vive di vendita, non di rendita.
La form. Un trattino rosa tra le parole E-commerce.
L'utente non è un bancomat.
Pensare la form come un commesso competente e gentile, non come una manciata di campi da dare in pasto al gestionale ordini.
Mai fare i conti senza lʼhosting.
Facciamo sorridere i campi di input.
Lʼironia è una cosa seria.
Se vi è piaciuto, ditelo ai vostri
amici!
Se non vi è piaciuto, ditelo a
@mentinet
Smiling data input (HTML6)
Romagna miaRomagna in fioreTu sei la terraDel bloggatoreQuando ti pensoVorrei ceccareOgni tua veniuDentro forsquare
Di’, hai rimasto una piada?
Nicola Bonora