Webshop succes in 3 stappen

Geschreven door op
Webshop succes in 3 stappen

Volgens een onderzoek van Baymard zou maar liefst 68% van je klanten hun winkelmandje verlaten. In onderstaande grafiek zien we dat heel wat ergernissen te wijten zijn aan ongebruiksvriendelijke processen. Het goede nieuws is dat we met enkele User experience (UX) ingrepen dit cijfer drastisch naar beneden kunnen brengen. Let goed op, deze tips zijn geld waard.

 

Cart_Abonderners

Voor de aankoop.

Vraag minder info, verkoop meer.

Als online winkel wil je graag dat mensen een account maken en hun e-mailadres achterlaten. Enerzijds hoop je dat je klanten zo een ‘relatie’ opbouwen met je winkel. Anderzijds heb je hun e-mailadres nodig om aan e-mailmarketing te doen. Maar wat als deze registratie-barrière, ervoor zorgt dat je klanten verliest?

Kissmetrics publiceerde onlangs een onderzoek waaruit bleek dat een verplichte registratie vóór de check-out voor een verlies van 33% aan klanten zorgt. 

Fix: Voorzie een guest checkout, waar enkel de nodige informatie gevraagd wordt om de aankoop af te handelen. Na de aankoop,  kan je vragen of je alsnog een account wil aanmaken. Als je deze vraag stelt op de confirmatie-pagina beschik je al over heel wat informatie van je gebruiker, wat voor een korter registratieformulier zorgt.

Vermijd frustraties: geen verrassingen.

Iedereen heeft het al eens meegemaakt. Je voegt een item met een bepaalde waarde toe aan je winkelwagen en ziet de prijs significant duurder worden na het invullen van je gegevens. Sommige winkels voegen de verzendkosten, taksen of dossierkosten op het einde van het verkoopproces toe, met een onaangename verrassing tot gevolg.

Fix: Zorg ervoor dat je alle kosten op voorhand met de klant deelt. Dit kan op de winkelmandpagina of op de productpagina zelf gebeuren. Een andere oplossing is om de extra kosten mee in de productprijs te stoppen. Hierdoor kan je uitpakken door free-shipping aan te bieden.

Tijdens het shoppen.

Je winkelmand vullen.

Alles begint met het toevoegen van een product in je winkelmand. Eens de gebruiker iets toevoegt stopt het met surfen en is hij aan het shoppen.

Om te beginnen moet het overduidelijk zijn dat er een product is toegevoegd. Een kleine animatie, een verandering in kleur en status zijn enkele duidelijke confimaties van je actie.

Bij Bonobos kan je er niet naastkijken. Zo ziet een prodcutpagina eruit.

addtoCart1

 

En zo ziet de productpagina eruit nadat je een item hebt toegevoegd aan je winkelmand.
 
 
addtoCart2

 

 

Eens het product in de winkelmand zit heb je twee keuzes:

1: Toon een confirmatie van je actie en blijf op dezelfde pagina.

  • Pro’s: Men verwacht niet dat we naar een andere pagina gebracht gaan worden, dus geen verrassingen hier. Misschien willen ze verder shoppen en andere producten verkennen.
  • Con’s: Het item dat ze willen hebben ze al toegevoegd. Het zou handig zijn konden ze iets anders te zien krijgen op de huidige pagina.

2: Breng de gebruiker naar de winkelmandpagina.

  • Pro's: Het grote voordeel hier is dat je ze een stap dichter brengt bij de effectieve check-out en zo de kans verkleint dat ze alsnog de website verlaten.
  • Con's: De keerzijde is dan weer dat je potentiele verkopen mist.

Amazon stuurt je naar de winkelmandpagina, toont een confirmatie van je toegevoegde items en probeert je nog andere artikels te verkopen.

 
amazon

 

Visueel winkelmandje

De belangrijkste principes die je moet onthouden bij het ontwerpen van je winkelmandpagina zijn helderheid en controle.

Helderheid: Je winkelkar moet gemakkelijk en vanzelfsprekend zijn. Het moet een volledig overzicht zijn van je producten met de juiste en finale prijzen.

Controle: Het moet gebruiksvriendelijk zijn om je artikels aan te passen (aantal aanpassen, producten verwijderen).

Zorg ervoor dat de visuele hiërarchie juist zit. Het eerste dat moet opvallen is de knop die je naar de checkout pagina brengt. Je zal twee van deze knoppen nodig hebben: een helemaal boven en een onder het overzicht.

Verder bevat een goede winkelmandpagina het volgende:

  • Product foto.
  • Productnaam en prijs.
  • Mogelijkheid om artikels te verwijderen, detail veranderen, enz.
  • Betalingsmogelijkheden tonen.
  • Totale prijs, inclusief taksen en verzendkosten.
  • Een duidelijk call to action zodat je de bestelling kan afronden.
  • Andere producten tonen. (Cross & upselling.)

Heb je een minimum bedrag voor gratis verzending? Zet er gerust een tellertje bij met vermelding; nog € x toevoegen voor gratis levering.

 
asoscart

 

Geen prominente coupons

Wanneer klanten ‘voeg je coupon hier in’ zien kunnen ze zich benadeeld voelen en zich vragen beginnen stellen waarom zij geen coupon hebben gekregen. Enkelen zullen naar Google gaan en proberen een coupon code te vinden, velen zullen niet meer terugkeren. De website verlaten voor een coupon te zoeken is een van de oorzaken dat mensen hun winkelmandje achterlaten.

Wil je dan toch coupons blijven aanbieden? Zorg voor een subtielere coupon veld. Zo zullen klanten zonder coupon er geen aandacht aan schenken en zij met een coupon zullen er actief naar zoeken.

Zet je diensten in de kijker.

  • Wat is de levertermijn?
  • Wat zijn de verzendkosten?
  • Zijn mijn betalingsgegevens veilig?
Herinner mensen dat je over deze geweldige diensten beschikt. Dat je het goed doet met je winkel. Vooral voor klanten die je winkel voor het eerst bezoeken hechten onrechtreeks veel belang aan zulke zekerheden. Ook je reviews kunnen je een handje helpen.

Extra tip: Zet Betaal nu veilig in plaats van Nu betalen. Ook hier zorgen deze kleine aanpassingen voor het duwtje in de rug van de twijfelende bezoeker.

 

asos1

 

Bij de checkout.

Voorzie progressie balk.

Het afhandelen van je bestelling is een proces van lange adem. Dat wil zeggen dat de gebruiker door verschillende pagina’s zal moeten navigeren. Dankzij de progressie balk krijgt de gebruiker een gevoel van controle. Hij weet perfect waar in het proces hij zich bevindt en hoeveel stappen er nog moeten afgewerkt worden.

 

apple_progress

 

Keep it simple.

Vanaf je aan de checkout komt stop je met shoppen en verandert je surfgedrag. In deze fase is het belangrijk om zo weinig mogelijk visuele prikkels te tonen. Verwijder de navigatiebalk, doe zeker niet aan upselling en begeleid je klant zo snel mogelijk naar de betaalpagina. Sommige sites zorgen er zelfs voor dat het logo, die je naar de hoofdpagina brengt, niet meer aanklikbaar wordt. Je bent als het ware gevangen in het checkout proces.

 

minimalisticcheckout

Niemand staat te springen als het om formulieren gaat, maar je kan ze wel wat opvrolijken met deze micro UX ingrepen. Bij het invullen van je geboortedatum kun je een subtiele teller plaatsen dat aangeeft hoeveel nachten nog voor je verjaardag. Hieronder zien we ook waarom ze naar je geboortedatum vragen. Je krijgt namelijk een kleine attentie op je speciale dag.

 

microUX

 

Bij het betalen

Krediet kaart informatie

Stel dat je een fysieke winkel binnenstapt en aan de ingang er gevraagd wordt om je kredietkaart nummers te geven. Zou je deze dan zomaar, zonder argwaan, geven? Hetzelfde geldt voor een online winkel.

Vraag als laatste achter betalingsgegevens. Dit zorgt er tevens ook voor dat Cialdini’s principes over engagement en consistentie in actie komen. Eens mensen bezig zijn, willen ze het ook afwerken. Na het shoppen, het invullen van tal van formulieren voelen we een psychologische drang om de handeling af te werken en door te gaan naar de betaling.

Probeer ook de meest courante betalingsmogelijkheden aan te bieden. Niets is zo frustrerend om op het laatste moment te moeten afhaken omdat je niet over een VISA-kaart beschikt.

Veiligheidsgevoel

Veiligheid is een belangrijk punt als het om online shoppen gaat. Zorg zeker voor een SSL-certificaat en beter nog, laat je klanten weten dat je over een SSL-certificaat beschikt en wat deze juist inhoudt. Leg uit waarom je achter de CVC-code vraagt van een VISA, waarom je achter een vervaldatum vraagt.

Vergeet niet dat wanneer je omgaat met gegevens van betalingskaarten dat je de PCI-richtlijnen in acht moet nemen. Zorg er ook voor dat je veilig omgaat met de gegevens die je klanten achterlaten. Via deze checklist kun je nagaan of je in orde bent met de vereisten.

 

payment

 

Conclusie

Mensen zijn gewoontedieren en houden niet van verandering. We zijn ondertussen bepaalde online conventies gewend. Met onze UX-tips zorg je er alvast voor dat je klanten zich thuis voelen tijdens het winkelen, en vooral tijdens het afhandelen van de bestelling. Een overzichtelijke winkelmandpagina, korte formulieren, veilige betalingsmogelijkheden verkleinen alvast het argwaan en frustraties bij de klanten.

Ook een webshop? Wij helpen je graag mee groeien!