E-commerce checkout stap 4: Navigatie

Written by Guido Jansen in
February 2012

Hier vind je richtlijnen met betrekking tot het weergeven van de navigatie en de acties die er in de navigatie uitgevoerd kunnen worden. Laat klanten het proces afronden, ondanks validatie errors. Het is natuurlijk handig als je bepaalde velden zoals postcode, e-mailadres en telefoonnummer automatisch laat valideren zodat hierin geen fouten voorkomen.

Maar wat als er een fout in de validator zit? Misschien woont de
persoon wel echt op een postcode die de validator niet herkent of is de
postcode nieuw. De persoon kan dan het checkout proces niet voltooien en
de bestelling niet afronden.

Gebruik validators dan ook altijd
als check en vraag de consument het veld te controleren op juistheid.
Maak het echter niet onmogelijk het formulier in te sturen met een
invalide veld, dit kan je zomaar weer enkele klanten kosten. Voor meer
informatie vindt u

Zorg voor tekstuele fallback voor afbeeldingen 

Zorg
dat voor alle afbeeldingen een “alt=tekst” is ingevuld. Als de
afbeelding dan om wat voor reden dan ook niet geladen kan worden dan
geeft een alt tekst met “Groen T-shirt zonder bedrukking” de consument
veel meer vertrouwen het juiste product in de winkelmand te hebben dan
“2011876782.PNG”.

Zorg voor een altijd zichtbare winkelmand met inhoud

Zorg
ervoor dat de winkelmand altijd zichtbaar is in het kwadrant
rechtsboven op de website. Probeer altijd zo veel mogelijk informatie te
tonen zoals aantal producten, totaalprijs en bij voorkeur ook de
afbeeldingen van de producten. Doe dit ook tijdens het gehele checkout
proces zodat de consument altijd zicht heeft op de producten die hij
gaat aanschaffen.

Toon alle processtappen.

Consumenten
raken snel de weg kwijt als zij niet weten wat zij kunnen verwachten.
De consument wil weten hoe het checkout proces eruit ziet. Zorg ervoor
dat het voor de consument duidelijk is in welke stap hij nu zit, welke
stappen afgerond zijn en welke stappen hij nog moet doorlopen.

Processtappen moeten klikbaar zijn

De
processtappen moeten klikbaar zijn zodat de consument altijd terug kan
naar een vorige stap om daar informatie aan te passen. Enkel een ‘back‘
knop is niet voldoende, je wil niet 3 keer op een back knop drukken om
naar de eerste stap terug te gaan.

Zet primaire actieknop boven de fold.

Wanneer
de primaire actieknop (‘Plaats bestelling’) onder de fold zit raken
gebruikers snel in de war over het doel van de pagina. Alhoewel steeds
meer internetgebruikers gewend raken aan scrollen, gaan de meeste
gebruikers niet rustig rondkijken op de hele pagina om te kijken wat zij
allemaal kunnen doen. Het moet in één keer duidelijk zijn. Verder kan
men door afwezigheid van de primaire actieknop voorkomen dan men dan
klikt op een secundaire knop die wél boven de fold zichtbaar is waardoor
de site iets doet wat de gebruiker helemaal niet wil.

Afbeeldingen moeten klikbaar zijn.

Zorg
ervoor dat de afbeeldingen tijdens de checkout klikbaar zijn, maar zorg
ervoor dat gebruikers wel in het afrekenproces blijven. Na een klik op
een productafbeelding kun je een pop-up laten verschijnen met
productinformatie. Vaak worden logo’s van betaalmethoden weergegeven
naast de selectie van betaalopties. Zorg er voor dat deze logo’s ook
klikbaar zijn zodat men de betreffende optie kan selecteren. Of als je
iDeal aanbiedt en alle banklogo’s toont, zorg er dan voor dan een klik
op het banklogo direct linkt naar de iDeal betaling van de betreffende
bank.

Recent posts
Optimization hierarchy of evidence
Optimization hierarchy of evidence

A hierarchy of evidence (or levels of evidence) is a heuristic used to rank the relative strength of results obtained from scientific research. I've created a version of this chart/pyramid applied to CRO which you can see below. It contains the options we have as optimizers and tools and methods we often use to gather data.

[EN] Datascience can do what?
[EN] Datascience can do what?

This is a bonus episode with Emily Robinson (Senior Data Scientist at Warby Parker) en Lukas Vermeer (Director of Experimentation at Booking.com). In her earlier session that day, Emily said that real progress starts when you put your work online for others to see and comment on which in this case was about Github. Someone from the audience wondered how that works out in larger companies where a manager or even a legal department might not be overly joyous about that to say the least so I asked Emily about her thoughts on that. Recorded live with audience pre-covid-19 at the Conversion Hotel conference in november 2019 on the island of Texel in The Netherlands. (oorspronkelijk gepubliceerd op https://www.cro.cafe/)