7 checkout forbedringer christian holst - 2013
DESCRIPTION
TRANSCRIPT
![Page 2: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/2.jpg)
![Page 3: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/3.jpg)
2 large scale usability research studier, 3 år
I dag kigger vi på et uddrag af disse research resultater
![Page 4: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/4.jpg)
Omtale:
Kunder:
![Page 5: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/5.jpg)
Checkout Processen
![Page 6: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/6.jpg)
67.3% gns. abandonment rate
Selv 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
![Page 7: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/7.jpg)
Seamless and simple (yet intelligent) checkout process
![Page 8: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/8.jpg)
Detaljerne (fokus i dag)Er ikke ødelæggende individuelt, men “mange bække små” ødelægger checkout oplevelsen. Jo flere du får forkert jo mere vil dine kunder opfatte din checkout som “langsom”, “kedelig” eller “idiotisk”.
BasisTilbyd ‘Gæste’ checkout, vis fragt omkostninger i kurven, forsendelses addresse = faktura address, tydelige og konsekvente primær knapper, et lineær checkout flow, etc.
![Page 9: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/9.jpg)
7 checkout forbedringer
63 checkout forbedringer+ 147 for mobil
![Page 10: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/10.jpg)
7 Forbedringer af din Checkout Process
![Page 11: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/11.jpg)
1. Forstærk betalingsfelterne visuelt 89% gør det ikke
![Page 12: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/12.jpg)
Brugere har lille teknisk viden om form felter, SSL, og PCI.
1. Forstærk betalingsfelterne visuelt
![Page 13: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/13.jpg)
Forstærk det visuelle udtryk af betalingskort felterne via indramming, baggrunds farver, positionering af “sikkerheds” ikoner, etc.
1. Forstærk betalingsfelterne visuelt
![Page 14: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/14.jpg)
2. Påkræv ikke (tilsyneladende) ligegyldig info61% gør det forkert
![Page 15: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/15.jpg)
Kunderne føler du invaderer deres privatsfære når du tvinger dem til at indtaste “unødvendig” personlige data. F.eks. ‘* Required’ telefon nummer eller fødselsdato uden yderliger forklaring.
2. Påkræv ikke (tilsyneladende) ligegyldig info
![Page 16: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/16.jpg)
Forklar hvordan den personlige information vil blive brugt, f.eks telefon og e-mail:
2. Påkræv ikke (tilsyneladende) ligegyldig info
Target.com: “for shipping-related questions”
Victoria’s Secret: tooltip
![Page 17: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/17.jpg)
3. Beskriv form felter yderligere92% gør det forkert
![Page 18: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/18.jpg)
Hvad skal jeg taste?‘Sikkerhedskode’, ‘Addresse linie 1’ og 2, forkortelser,
Hvordan skal det skrives?Telefon nummer, password, datoer, kort nummer
Hvor finder jeg det?Sikkerhedskode, kupon/certifikater, ID numre
1/4 muligheder: prøve sig frem, besøge din ‘Hjælp’ sektion, ringe til din support, eller forlade din side.
3. Beskriv form felter yderligere
Størstedelen af test deltagerene havde problemer med at forstå visse form felter og tilhørende label
![Page 19: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/19.jpg)
Dynamisk: Twitter sign-up form
3. Beskriv form felter yderligere
Inline tekst: Coastal.com
Tooltip: Amazon
![Page 20: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/20.jpg)
4. Brug ikke ‘Opdater’ knapper72% gør det forkert
![Page 21: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/21.jpg)
Når en ‘Opdater/Tilføj’ knap blev anvendt til at opdatere kun en sektion af en checkout form, gjorde test deltagerne en af følgende:
- Klikkede ikke på den, (selv hvis de udfyldte de relevante felter)
- Misforstod den som den primære knap (“Næste”)
4. Brug ikke ‘Opdater’ knapper
![Page 22: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/22.jpg)
Vær opmærksom på enhver ‘Opdater’ knap (typisk brugt til kuponer, gavekort, vare antal i kurven, fragt udregnere)
Anvened i stedet Auto/Live opdatering of værdier og sider fremfor opdaterings knapper.
4. Brug ikke ‘Opdater’ knapper
![Page 23: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/23.jpg)
5. Flyt friktion til ‘Tak for Ordren’ siden49% gør det ikke
![Page 24: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/24.jpg)
Ringe udnyttelse af “tak for ordren” siden.
5. Flyt friktion til ‘Tak for Ordren’ siden
![Page 25: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/25.jpg)
Flyt registrering til efter ordren. Genbrug alle ordre 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
![Page 26: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/26.jpg)
6. Ha’ intelligente standard valg15% gør det forkert
![Page 27: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/27.jpg)
6. Ha’ intelligente standard valg
Fjern friktion ved at lave åbenlyse valg (din web statistik afslører hvad flertallet af dine kunder vælger).
![Page 28: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/28.jpg)
6. Ha’ intelligente standard valg
Fjern friktion ved at lave åbenlyse valg (din web statistik afslører hvad flertallet af dine kunder vælger).
![Page 29: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/29.jpg)
6. Ha’ intelligente standard valg
HP.com: Størstedelen af kunderne behøver ikke tage stillings til, eller overhovedet forstå, komplicerede valg.
![Page 30: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/30.jpg)
7. Giv mulighed for at ‘redigere’ når du viser bruger inputs 40% gør det ikke
![Page 31: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/31.jpg)
Ingen mulighed for at gå tilbage for at ændre valg og data
7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
![Page 32: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/32.jpg)
Process trin som links
7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
![Page 33: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/33.jpg)
På mobil sites vil inline tekst links ofte være bedre end process trin
7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
![Page 34: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/34.jpg)
1. Forstærk betalingsfelterne visuelt
2. Påkræv ikke (tilsyneladende) ligegyldig info
3. Beskriv form felter yderligere
4. Brug ikke ‘Opdater’ knapper
5. Flyt friktion til ‘Tak for Ordren’ siden
6. Ha’ intelligente standard valg
7. Giv mulighed for at ‘redigere’ når du viser bruger inputs
![Page 35: 7 checkout forbedringer christian holst - 2013](https://reader034.vdocuments.site/reader034/viewer/2022042713/547bfb3ab4af9faa158b4fdf/html5/thumbnails/35.jpg)
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