ergonomia e commercio - facoltà di vendere online

Post on 22-May-2015

3.201 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

eCommerce: user experience e checkout usability

TRANSCRIPT

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

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

top related