7 Forbedringer af dinCheckout ProcessChristian Holst · christian@baymard.com · baymard.com
2 large scale usability research studier, 3 årI dag kigger vi på et uddrag af disse research resultater
Omtale:Kunder:
Checkout Processen
67.3% gns. abandonment rateSelv små forberdringer er ‘big business’en reduktion fra 67% til 65% abandonment rate er 60.000...
Seamless and simple (yet intelligent)checkout process
Detaljerne (fokus i dag)Er ikke ødelæggende individuelt, men “mangebække små” ødelægger checkout oplevelsen.Jo flere du får...
7 checkout forbedringer63 checkout forbedringer+ 147 for mobil
7 Forbedringer af dinCheckout Process
1. Forstærk betalingsfelterne visuelt89% gør det ikke
Brugere har lille teknisk viden om form felter,SSL, og PCI.1. Forstærk betalingsfelterne visuelt
Forstærk det visuelle udtryk af betalingskort felternevia indramming, baggrunds farver, positionering af“sikkerheds” ikone...
2. Påkræv ikke (tilsyneladende) ligegyldig info61% gør det forkert
Kunderne føler du invaderer deresprivatsfære når du tvinger dem til atindtaste “unødvendig” personlige data.F.eks.‘* Requi...
Forklar hvordan den personlige information vilblive brugt, f.eks telefon og e-mail:2. Påkræv ikke (tilsyneladende) ligegyl...
3. Beskriv form felter yderligere92% gør det forkert
Hvad skal jeg taste?‘Sikkerhedskode’, ‘Addresse linie 1’ og 2,forkortelser,Hvordan skal det skrives?Telefon nummer, passwo...
Dynamisk: Twitter sign-up form3. Beskriv form felter yderligereInline tekst: Coastal.comTooltip: Amazon
4. Brug ikke ‘Opdater’ knapper72% gør det forkert
Når en ‘Opdater/Tilføj’ knap blev anvendt tilat opdatere kun en sektion af en checkoutform, gjorde test deltagerne en af f...
Vær opmærksom på enhver ‘Opdater’ knap (typiskbrugt til kuponer, gavekort, vare antal i kurven,fragt udregnere)Anvened i s...
5. Flyt friktion til ‘Tak for Ordren’ siden49% gør det ikke
Ringe udnyttelse af “tak for ordren” siden.5. Flyt friktion til ‘Tak for Ordren’ siden
Flyt registrering til efter ordren. Genbrug alleordre data og spørg kun om password.Anden “friktion” der kan flyttes til ef...
6. Ha’ intelligente standard valg15% gør det forkert
6. Ha’ intelligente standard valgFjern friktion ved at lave åbenlyse valg (dinweb statistik afslører hvad flertallet af din...
6. Ha’ intelligente standard valgFjern friktion ved at lave åbenlyse valg (dinweb statistik afslører hvad flertallet af din...
6. Ha’ intelligente standard valgHP.com: Størstedelen af kundernebehøver ikke tage stillings til, elleroverhovedet forstå,...
7. Giv mulighed for at ‘redigere’ når duviser bruger inputs 40% gør det ikke
Ingen mulighed for at gå tilbagefor at ændre valg og data7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
Process trin som links7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
På mobil sites vil inline tekst links oftevære bedre end process trin7. Giv mulighed for at ‘redigere’ når du viser bruger...
1. Forstærk betalingsfelterne visuelt2. Påkræv ikke (tilsyneladende) ligegyldig info3. Beskriv form felter yderligere4. Br...
Ikke 2-3 ‘magic bullet solutions’ - men 10-30 mindre justeringer(gns. 21 justeringer for top 100 US sites)Ikke blot mængde...
7 Forbedringer af dinCheckout ProcessChristian Holst · christian@baymard.com · baymard.com
7 checkout forbedringer   christian holst - 2013
Upcoming SlideShare
Loading in …5
×

7 checkout forbedringer christian holst - 2013

1,686 views
1,627 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,686
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

7 checkout forbedringer christian holst - 2013

  1. 1. 7 Forbedringer af dinCheckout ProcessChristian Holst · christian@baymard.com · baymard.com
  2. 2. 2 large scale usability research studier, 3 årI dag kigger vi på et uddrag af disse research resultater
  3. 3. Omtale:Kunder:
  4. 4. Checkout Processen
  5. 5. 67.3% gns. abandonment rateSelv små forberdringer er ‘big business’en reduktion fra 67% til 65% abandonment rate er 60.000 extra per år for hver 1.000.000 i årlig omsætning
  6. 6. Seamless and simple (yet intelligent)checkout process
  7. 7. Detaljerne (fokus i dag)Er ikke ødelæggende individuelt, men “mangebække små” ødelægger checkout oplevelsen.Jo flere du får forkert jo mere vil dine kunderopfatte din checkout som “langsom”,“kedelig” eller“idiotisk”.BasisTilbyd ‘Gæste’ checkout, vis fragt omkostninger ikurven, forsendelses addresse = faktura address,tydelige og konsekvente primær knapper, etlineær checkout flow, etc.
  8. 8. 7 checkout forbedringer63 checkout forbedringer+ 147 for mobil
  9. 9. 7 Forbedringer af dinCheckout Process
  10. 10. 1. Forstærk betalingsfelterne visuelt89% gør det ikke
  11. 11. Brugere har lille teknisk viden om form felter,SSL, og PCI.1. Forstærk betalingsfelterne visuelt
  12. 12. Forstærk det visuelle udtryk af betalingskort felternevia indramming, baggrunds farver, positionering af“sikkerheds” ikoner, etc.1. Forstærk betalingsfelterne visuelt
  13. 13. 2. Påkræv ikke (tilsyneladende) ligegyldig info61% gør det forkert
  14. 14. Kunderne føler du invaderer deresprivatsfære når du tvinger dem til atindtaste “unødvendig” personlige data.F.eks.‘* Required’ telefon nummer ellerfødselsdato uden yderliger forklaring.2. Påkræv ikke (tilsyneladende) ligegyldig info
  15. 15. Forklar hvordan den personlige information vilblive brugt, f.eks telefon og e-mail:2. Påkræv ikke (tilsyneladende) ligegyldig infoTarget.com: “for shipping-related questions”Victoria’s Secret: tooltip
  16. 16. 3. Beskriv form felter yderligere92% gør det forkert
  17. 17. Hvad skal jeg taste?‘Sikkerhedskode’, ‘Addresse linie 1’ og 2,forkortelser,Hvordan skal det skrives?Telefon nummer, password, datoer, kort nummerHvor finder jeg det?Sikkerhedskode, kupon/certifikater, ID numre1/4 muligheder:prøve sig frem, besøge din ‘Hjælp’ sektion, ringetil din support, eller forlade din side.3. Beskriv form felter yderligereStørstedelen af test deltagerene havde problemermed at forstå visse form felter og tilhørende label
  18. 18. Dynamisk: Twitter sign-up form3. Beskriv form felter yderligereInline tekst: Coastal.comTooltip: Amazon
  19. 19. 4. Brug ikke ‘Opdater’ knapper72% gør det forkert
  20. 20. Når en ‘Opdater/Tilføj’ knap blev anvendt tilat opdatere kun en sektion af en checkoutform, gjorde test deltagerne en af følgende:- Klikkede ikke på den, (selv hvis de udfyldtede relevante felter)- Misforstod den som den primære knap(“Næste”)4. Brug ikke ‘Opdater’ knapper
  21. 21. Vær opmærksom på enhver ‘Opdater’ knap (typiskbrugt til kuponer, gavekort, vare antal i kurven,fragt udregnere)Anvened i stedet Auto/Live opdatering of værdierog sider fremfor opdaterings knapper.4. Brug ikke ‘Opdater’ knapper
  22. 22. 5. Flyt friktion til ‘Tak for Ordren’ siden49% gør det ikke
  23. 23. Ringe udnyttelse af “tak for ordren” siden.5. Flyt friktion til ‘Tak for Ordren’ siden
  24. 24. Flyt registrering til efter ordren. Genbrug alleordre data og spørg kun om password.Anden “friktion” der kan flyttes til efter ordren er:nyhedsbrev, kundeundersøgelser, mersalg, del påsocial medier, m.v.5. Flyt friktion til ‘Tak for Ordren’ siden
  25. 25. 6. Ha’ intelligente standard valg15% gør det forkert
  26. 26. 6. Ha’ intelligente standard valgFjern friktion ved at lave åbenlyse valg (dinweb statistik afslører hvad flertallet af dinekunder vælger).
  27. 27. 6. Ha’ intelligente standard valgFjern friktion ved at lave åbenlyse valg (dinweb statistik afslører hvad flertallet af dinekunder vælger).
  28. 28. 6. Ha’ intelligente standard valgHP.com: Størstedelen af kundernebehøver ikke tage stillings til, elleroverhovedet forstå, komplicerede valg.
  29. 29. 7. Giv mulighed for at ‘redigere’ når duviser bruger inputs 40% gør det ikke
  30. 30. Ingen mulighed for at gå tilbagefor at ændre valg og data7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
  31. 31. Process trin som links7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
  32. 32. På mobil sites vil inline tekst links oftevære bedre end process trin7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
  33. 33. 1. Forstærk betalingsfelterne visuelt2. Påkræv ikke (tilsyneladende) ligegyldig info3. Beskriv form felter yderligere4. Brug ikke ‘Opdater’ knapper5. Flyt friktion til ‘Tak for Ordren’ siden6. Ha’ intelligente standard valg7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
  34. 34. Ikke 2-3 ‘magic bullet solutions’ - men 10-30 mindre justeringer(gns. 21 justeringer for top 100 US sites)Ikke blot mængden af checkout trin, men hvad kunden skal gøre i hvert trin(og hvordan du beder dem om det)Seamless and simple (yet intelligent)checkout process
  35. 35. 7 Forbedringer af dinCheckout ProcessChristian Holst · christian@baymard.com · baymard.com

×