Post on 27-Jun-2015
description
KnowCamp 2011
Ergonomia e commercio:lʼultimo treno
Nicola Bonora
Nicola BonoraMENTINE.NET
@nicbonora@mentinet
#kc2011
Romagna miaRomagna in fioreTu sei la terraDel bloggatoreQuanto ti pensoVorrei ceccareOgni tua veniuDentro forsquare
Ergonomia e commercio
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?
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
5 uomini
5 donne
20-58 yrs
E-commerce checkout usabilityBaymard Institute
UTENTI10
Data input
Copywriting
Layout
Navigation
Flow
FocusE-commerce checkout usability
Baymard Institute
ASPETTI6
Che compogono una Checkout usability checklist.
3 livelli di gravità (dal warning al fatal)
E-commerce checkout usabilityBaymard Institute
CHECK63POINT
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
fonte: Casaleggio Associati 2011
Riscontrati con un test a zero attendibilità.
Quale capitale sta disperdendo questo merchant?
ERORI14
Parental controlEXPLICIT LYRICS!
Organico.
Organico motivato.
Responsabilità sociale
Ti odio poi ti odio poi ti odio
Sodomia binaria
Augh.
Moretti, fallo per i nostri figli
Internescional!
Guarda cosa dicono in Giappone
Rimango.
Inseguire il tuo profilo con un dito.
Auguri incondizionati.
Identity
Primary action
*
* * * * * *
no link a home...
Error messages
Intermodalità: nel sito di Trenitaliaci puoi parcheggiare un autobus
Layout/readability
sinistra (32)
destra (21)
alto (22)
alto bold (14)http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
Focus
Flow
I dati mancanti sono sopra la piega.
The fold
e adesso?
Flow
Reinserimento totale
Feedback
Standard
Function
Sempre meglio il software che i binari.
Lʼansia da click è schiacciante: cosa mi aspetta se faccio click?
La sindrome dellʼend user: “Sto sbagliando”.UX fail.
Pain
explorechoose
decide
purchase
verify
spread TW
satisfyfidelize
2010-2011 CC MENTINEse proprio ne volete parlare,
citate la fonte! :D
47 - Your checkout process should be linear
4 - Preserve all customer input despite errors in the form
27 - Use a primary button for the primary action
42 - Process steps should be links
3 indicate required and optional fields
7 Validate form fields inline
24 Use clear error indications
26 Only use one column for form fields
28 Curate the options you present during checkout
30 Reinforce all sensitive fields on the payment page
31 Use font-sizes to indicate the hierarchy in text
32 Have few things surrounding your checkout
33 Show a sensible amount of form fields
35 How and where to place the primary button
36 Hide navigation during checkout
43 Clearly show the different steps during checkout
44 Primary action / input should be above the fold
46 Add visual indicators and feedback to all actionable elements on the page
51 Apply changes immediately and near the input
56 Donʼt require seemingly unnecessary information
57 Only show options that are meaningful to the current
Riscontrati con un test a zero attendibilità.
Quale capitale sta disperdendo questo merchant?
CHKPOINT21
NESSUNO.
PHICO!
Communication...
25% delle voci di menusbagliate...
Learned lessons(tutte twittabili)
Nella Savana del libero mercato, Trenitalia sarebbe una gazzella. Zoppa.
In regime di monopolio, lʼutente paga in termini di qualità del servizio, tempo speso per ottenerlo, prezzo e salute mentale.
“Come può il Web, come fonte di informazione e strumento di partecipazione, renderci più responsabili e consapevoli nella creazione e nella diffusione di notizie ed opinioni?”
(KnowCamp.it)
Condivisione.Informazione.Conversazione.Sputtanamento.
snipurl.com/trenima
Consiglio a trenitalia.com:
Se vi è piaciuto, ditelo ai vostri
amici!
Se non vi è piaciuto, ditelo a
@mentinet
Nicola Bonora
Quando cʼero io, i treni arrivavano in orario.