Ergonomia e commercio - facoltà di vendere online

3,742 views

Published on

eCommerce: user experience e checkout usability

Published in: Technology

Ergonomia e commercio - facoltà di vendere online

  1. 1. ROMAGNA CAMP 2011Ergonomia e commercioFacoltà di vendere on lineDi’, hai rimasto una piada?Nicola Bonora
  2. 2. Nicola BonoraMENTINE.NET@nicbonora@mentinet#romagnacamp
  3. 3. Ergonomia e commercio
  4. 4. italiasituazione
  5. 5. Italia 201014,357 mld € e-commerce+43% fonte: Casaleggio Associati 2011
  6. 6. E-commerce checkout usability Baymard Institute 60% of all e-commerce visitors abandon their shopping cart. Why?
  7. 7. Lʼabbandono del carrellonel mondo reale.
  8. 8. motivi per lʼabbandonodel carrello http://nulladiessinelinea.wordpress.com/2009/11/24/l%E2%80%99entropia-la-globalizzazione-omologante/
  9. 9. La cozza Zebra: una continua minaccia nel nord America AMAZING!Si mobilita lo stato maggiore della GDO http://ilprofessorechos.blogspot.com/2010/10/la-cozza-zebra-una-continua-minaccia.html
  10. 10. ililraggio anticozza raggio anticozza
  11. 11. le fessure
  12. 12. le fessure
  13. 13. Il web non ha fessure.
  14. 14. La clessidra della user experience 2010-2011 CC MENTINE se proprio ne volete parlare, citate la fonte! :D
  15. 15. spread TW fidelize satisfy verify purchase decide chooseexplore 2010-2011 CC MENTINE se proprio ne volete parlare, citate la fonte! :D
  16. 16. La piramide della billing experience 2010-2011 CC MENTINE se proprio ne volete parlare, citate la fonte! :D
  17. 17. BILLING EXPERIENCE CUSTOMER EXPERIENCE PROSPECT EXPERIENCE USER EXPERIENCE 2010-2011 CC MENTINE se proprio ne volete parlare, citate la fonte! :D
  18. 18. E-commerce checkout usability Baymard Institute
  19. 19. 6 Data input Copywriting LayoutASPETTI Navigation Flow Focus E-commerce checkout usability Baymard Institute
  20. 20. 63 Che compogono una Checkout usability checklistCHECKPOINT E-commerce checkout usability Baymard Institute
  21. 21. 10 5 uomini 5 donne 20-58 yrsUTENTI E-commerce checkout usability Baymard Institute
  22. 22. 15 1-800- Flowers, AllPosters, American Apparel,SITI WEB Amnesty Shop, Leviʼs, Walmart, Zappos... E-commerce checkout usability Baymard Institute
  23. 23. 520 Problemi correlati alla progettazione del processo di checkoutISSUES E-commerce checkout usability Baymard Institute
  24. 24. 1 Squacquerone e rucola, graziePIADA
  25. 25. fonte: Casaleggio Associati 2011
  26. 26. FOCUS LAYOUT “Registration should be “make guest checkout optional” a prominent option”“Cosa aspetti”? Percezione del link
  27. 27. DATA INPUT“indicate required andoptional fields”
  28. 28. LAYOUT NAVIGATION “Use a primary button “Primary action should for the primary action” be above the fold” Non è chiara la domanda Salva. Annulla.Campi obbligatori.
  29. 29. on line assistant? LOSOIO ILFOR MAT ODELNU M EROTEL COGL IONE
  30. 30. DATA INPUT COPYWRITING LAYOUT“Show examples of “Add descriptions to “Use clear errorinput format” form fields labels” indications”Blank è alfanumerico.Eh.
  31. 31. LAYOUT DATA INPUT “Use clear error “Validate form fields indications” inline”Coerenza
  32. 32. FOCUS “Only show options that are meaningful to the current customer and context”Rumore
  33. 33. FLOW DATA INPUT “Your checkout process “Only ask for the same should be linear” information once”“Se sei già registrato”
  34. 34. LAYOUT“Only use one columnfor form fields”
  35. 35. 14 Riscontrati con un test a zero attendibilità.ERORI Quale capitale sta disperdendo questo merchant?
  36. 36. Learned lessons (tutte twittabili)
  37. 37. Lʼe-commerce vive divendita, non di rendita.
  38. 38. La form. Un trattino rosatra le parole E-commerce.
  39. 39. Lutente non è un bancomat.
  40. 40. Pensare la form come uncommesso competente e gentile,non come una manciata di campida dare in pasto al gestionaleordini.
  41. 41. Mai fare i conti senzalʼhosting.
  42. 42. Facciamo sorridere i campidi input.
  43. 43. Lʼironia è una cosa seria.
  44. 44. Se vi è piaciuto, ditelo ai vostri amici! Se non vi è piaciuto, ditelo a @mentinetSmiling data input (HTML6)
  45. 45. Romagna miaRomagna in fioreTu sei la terraDel bloggatoreQuando ti pensoVorrei ceccareOgni tua veniuDentro forsquare
  46. 46. Di’, hai rimasto una piada?Nicola Bonora

×