E-commerce checkout stap 5: Flow

Written by Guido Jansen in
February 2012

Het moet voor de consument begrijpelijk zijn hoe het checkout proces in elkaar steekt en de flow tussen de verschillende individuele stappen moet helder zijn.

Gebruik een lineair checkout proces

Het hebben van aparte sub-stappen tijdens een checkout proces zorgt voor verwarring. Doe geen zijstapjes tijdens het proces. Van Stap 1 via Stap 2 naar Stap 3 naar Stap 3a terug naar Stap 3 en Stap 4 is dus niet de bedoeling.

Geef duidelijk aan wat extra kosten zijn

Geef zo snel mogelijk aan wat de totaalprijs is. Kom niet in de laatste stap aanzetten met extra kosten voor verzending, BTW, iDeal o.i.d.. De consument voelt zich bekocht wanneer er op het laatste moment extra kosten gerekend worden.

Gebruik geen ‘Toepassen’ knop

Als n.a.v. de input van de consument (bijv. keuze van verzendmethode) iets op de site aangepast moet worden (bijv. verzendkosten), zorg er dan voor dat de betreffende waardes automatisch bijgewerkt worden zonder dat de consument eerst op een ‘toepassen‘ knop moet drukken. Consumenten zien deze knoppen vaak over het hoofd of zien deze knoppen aan voor de primaire knop van de pagina.

Toon zo snel mogelijk een complete prijs

Zonder dat de consument eerst allerlei formulieren gaat invullen wil hij precies weten wat hij kwijt gaat zijn aan dit product. Toon dus zo snel mogelijk (een inschatting van) de totaalprijs.

Pas wijzigingen direct toe en in de buurt van de input

Als de consument iets aanpast dan verwacht de consument dat de aanpassingen direct doorgevoerd worden in de buurt van de input. Wordt het aantal producten aangepast, pas dan direct de (totaal)prijzen aan. Gebeurt dit ergens anders dan is het lastig voor de consument om te achterhalen waar en of de aanpassingen hebben plaatsgevonden.

Toon alle vergelijkingscriteria

Het is voor gebruikers lastig om gegevens met elkaar te vergelijken als ze niet duidelijk naast elkaar in tabellen staan, maar ‘verborgen’ staan in een lap tekst of in (verschillende) pop-ups. Zorg er dus voor dat bij verschillende betaalopties en in het bijzonder bij verzendopties de gebruiker een goed overzicht heeft van alle voor- en nadelen van elke optie en ze goed onderling kan vergelijken. Voor Nederlandse sites lijkt dit meestal niet zo’n grote opgaaf, maar zeker als je over de landsgrenzen gaat verzenden en er aardig wat (verzend)opties bij komen is dit een welkome aanvulling voor de gebruiker.

Onderscheid vooraf ingevulde velden en nieuwe velden

Als een gebruiker een terugkerende klant is en inlogt kun je vaak veel gegevens al invullen. Maar het kan zijn dat je meer informatie nodig hebt vanwege specifieke eisen van de bestelling, of omdat je in het algemeen iets meer wilt weten van je klanten.Zorg er dan voor dat je een duidelijk onderscheid maakt tussen velden die al ingevuld zijn door de webshop en de nieuwe velden die alsnog ingevuld moeten worden. Als deze velden allemaal door elkaar staan is het voor de gebruiker onduidelijk wat er van hem verwacht wordt, welke velden nieuwe zijn en welke hij nu dus extra moet invullen.

De volgende keer zal het blog uit deze miniserie verschijnen waarin het onderwerp “Focus” behandelt wordt. In dit blog wordt uitgelegd hoe belangrijk het is om niet zozeer te focussen op de voordelen voor jouw business, maar vooral op de voordelen van jouw diensten en producten voor de consument en zijn beleving van jouw checkout proces.

Recent posts
Recording: Creating An Optimization Culture
Recording: Creating An Optimization Culture

At Meet Magento UK last July I shared my ideas on how to create an optimization culture at you company, today the organisation released the video recording of my session so here you go!

Magento Association Mission Statement & Culture Statement
Magento Association Mission Statement & Culture Statement

The last couple of weeks the Magento Association Task Force has been working on the Mission and Culture statement for the new Magento Association. Today at Magento Live Europe in Barcelona, Mark Lavelle - Senior Vice President of Magento - announced this on stage.