ݺߣ

ݺߣShare a Scribd company logo
KnowCamp 2011

Ergonomia e commercio:
lʼultimo treno




Nicola Bonora
Nicola Bonora
MENTINE.NET


@nicbonora
@mentinet


#kc2011
Romagna mia
Romagna in fiore
Tu sei la terra
Del bloggatore
Quanto ti penso
Vorrei ceccare
Ogni tua veniu
Dentro forsquare
Ergonomia e commercio
Italia 2010
14,357 mld € e-commerce


+43%




                          fonte: Casaleggio Associati 2011
E-commerce checkout usability
           Baymard Institute


    60% of all e-commerce visitors
  abandon their shopping cart. Why?
La clessidra della user experience


                               2010-2011 CC MENTINE
                              se proprio ne volete parlare,
                                   citate la fonte! :D
spread TW
                          fidelize
                       satisfy
                     verify


          purchase
    decide
  choose
explore




                                     2010-2011 CC MENTINE
                                    se proprio ne volete parlare,
                                         citate la fonte! :D
La piramide della billing experience



                                 2010-2011 CC MENTINE
                                se proprio ne volete parlare,
                                     citate la fonte! :D
BILLING EXPERIENCE



  CUSTOMER EXPERIENCE



       PROSPECT EXPERIENCE




              USER EXPERIENCE




                          2010-2011 CC MENTINE
                         se proprio ne volete parlare,
                              citate la fonte! :D
E-commerce checkout usability
         Baymard Institute
10
                                 5 uomini

                                 5 donne

                                 20-58 yrs
UTENTI

 E-commerce checkout usability
       Baymard Institute
6
                                 Data input

                                 Copywriting

                                 Layout
ASPETTI                          Navigation

                                 Flow

                                 Focus
 E-commerce checkout usability
       Baymard Institute
63
                                 Che
                                 compogono
                                 una Checkout
                                 usability

CHECK                            checklist.


POINT                            3 livelli di
                                 gravità (dal
                                 warning al
                                 fatal)
 E-commerce checkout usability
       Baymard Institute
15
                                 1-800-
                                 Flowers,
                                 AllPosters,
                                 American
                                 Apparel,
SITI WEB                         Amnesty
                                 Shop, Leviʼs,
                                 Walmart,
                                 Zappos...


 E-commerce checkout usability
       Baymard Institute
520
                                 Problemi
                                 correlati alla
                                 progettazione
                                 del processo
                                 di checkout
ISSUES

 E-commerce checkout usability
       Baymard Institute
fonte: Casaleggio Associati 2011
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
14
        Riscontrati
        con un test a
        zero
        attendibilità.

ERORI   Quale
        capitale sta
        disperdendo
        questo
        merchant?
snipurl.com/ergonomia
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Parental control
EXPLICIT LYRICS!
Love brand...
http://yfrog.com/z/ny94ggtj
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.
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Identity
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Primary action


*


**
Error messages




no link a home...
Layout/
                              readability




Intermodalità: nel sito di Trenitalia
 ci puoi parcheggiare un autobus
sinistra (32)
                                                          alto (22)




destra (21)                                              alto bold (14)
            http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
Focus
Flow
The fold




I dati mancanti sono sopra la piega.
Flow




e adesso?
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Feedback




Reinserimento totale
Standard
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Function
Sempre meglio il software che i binari.
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Pain




Lʼansia da click è schiacciante: cosa mi
aspetta se faccio click?

La sindrome dellʼend user: “Sto sbagliando”.
UX fail.
spread TW
                          fidelize
                       satisfy
                     verify


          purchase
    decide
  choose
explore




                                     2010-2011 CC MENTINE
                                    se proprio ne volete parlare,
                                         citate la fonte! :D
3 indicate required and optional fields
47 - Your checkout process      7 Validate form fields inline
should be linear
                                24 Use clear error indications

                                26 Only use one column for form fields
4 - Preserve all customer
                                28 Curate the options you present during checkout
input despite errors in the
                                30 Reinforce all sensitive fields on the payment page
form
                                31 Use font-sizes to indicate the hierarchy in text


27 - Use a primary button for   32 Have few things surrounding your checkout

the primary action              33 Show a sensible amount of form fields

                                35 How and where to place the primary button

42 - Process steps should be    36 Hide navigation during checkout

links                           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
21
           Riscontrati
           con un test a
           zero
           attendibilità.

CHKPOINT   Quale
           capitale sta
           disperdendo
           questo
NESSUNO.   merchant?
Communication...




PHICO!
25% delle voci di menu
     sbagliate...
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:
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”
Se vi è piaciuto,
 ditelo ai vostri
      amici!

   Se non vi è
piaciuto, ditelo a
   @mentinet
Quando cʼero io, i treni
arrivavano in orario.




   Nicola Bonora

More Related Content

Nicola Bonora – “Usabilità nel commercio elettronico, settore treni”