Optimaliseer de gebruikerservaring in uw webshop
Gastblog geschreven door Emil Borggaard, Web Developer Gelinde
3 eenvoudige stappen om de gebruikerservaring in je webwinkel te optimaliseren
User experience design is tegenwoordig een veelbesproken onderwerp. Het staat ook bekend als UX design, wat eigenlijk gewoon staat voor User Experience Design. Het gaat over het ontwerpen van - in dit geval - digitale gebruikersinterfaces (webshops, websites, enz.) op een manier die het de gebruiker gemakkelijk maakt om het product te gebruiken zonder al te veel na te hoeven denken over hoe het werkt en zonder vervelende elementen tegen te komen die frustratie veroorzaken.
In deze korte post geven we je 3 concrete en relatief eenvoudige tips over hoe je de gebruikerservaring op je website of webshop kunt optimaliseren zonder dat je een super designer of coder hoeft te zijn.
#1 Krijg je popups/modals onder controle
Tegenwoordig zijn popups en modals razend populair. Misschien komt dat omdat ze zo makkelijk te installeren zijn. Met een eenvoudig script ben je meestal aan het vliegen en hoef je alleen maar in te voeren wanneer je je nieuw geïnstalleerde slimme popup wilt laten zien.
Maar wanneer moet je hem eigenlijk laten zien? Is dat zodra de gebruiker op de pagina landt? Of is het wanneer ze 50% naar beneden zijn gescrold op een categoriepagina?
Er zijn veel verschillende meningen hierover en het verschilt zeker van winkel tot winkel, maar over het algemeen is het een slecht idee om een popup te tonen zodra de gebruiker op je pagina landt. Vooral als het doel van de popup is om de e-mail van de gebruiker te verzamelen.
Je kunt het vergelijken met een fysieke winkel. Als je net de winkel binnenloopt en de winkelmanager vraagt meteen of je 10% korting op je bestelling wilt in ruil voor je e-mail, wat denk je dan?
In 90% van de gevallen zal het waarschijnlijk een "Uhh... Nee bedankt. Ik kijk wel even". Want dat is wat je doet. Je weet niet eens of de winkel de artikelen heeft die je zoekt, je bent tenslotte net binnen. En zelfs als de winkel heeft wat je zoekt, is de prijs misschien niet wat je verwacht. Dus natuurlijk wil je niet meteen je e-mailadres geven als je voor het eerst op een pagina terechtkomt. Vooral niet als je nog niet weet wat ze te bieden hebben.
Het kan ook vervelend zijn om een cookiepopup te moeten sluiten, nee te moeten zeggen tegen het delen van je locatie en dan nog een popup te moeten sluiten met een nieuwsbriefaanmelding aan het einde.
Denk dus na over hoe en wanneer je je pop-ups activeert. Een oplossing zou kunnen zijn om de popup te tonen wanneer de klant voor de 5e keer je website bezoekt, maar niet eerder. Dan weet je dat ze de tijd hebben gehad om rond te kijken.
Gerelateerd: Pop-ups maken in ideal.shop
#2 Krijg grip op de visuele hiërarchie
Wanneer je met de visuele hiërarchie werkt, probeer je de aandacht van de gebruiker naar de 'juiste' elementen te leiden.
Je bent vast wel eens op een website terechtgekomen en kon de informatie die je zocht niet vinden. Misschien kwam dat door het gebrek aan onderverdelingen, kleuren, pictogrammen en dergelijke. Dit zijn allemaal dingen waar je mee werkt als je het hebt over het optimaliseren van de visuele hiërarchie.
Want het gaat allemaal om het opdelen van de pagina zodat de gebruiker gemakkelijk weet waar hij moet kijken om te vinden wat hij zoekt.
De afbeelding hierboven is een klassiek voorbeeld dat door ontwerpers over de hele wereld wordt gebruikt om precies te illustreren wat er wordt bedoeld als we het hebben over visuele hiërarchie.
De gebruikerservaring wordt enorm verbeterd als het voor de gebruiker makkelijk is om precies te vinden wat hij zoekt. Denk er dus aan om koppen, subkoppen, kleuren en meer te gebruiken om je inhoud duidelijk op te delen zodat je klanten gemakkelijk kunnen vinden wat ze nodig hebben.
#3 Maak foutmeldingen duidelijk en begrijpelijk
Als je een beetje een design en UX nerd bent, ben je misschien bekend met de 10 heuristieken van Jakob Nielsen. Eén daarvan gaat over het helpen van de gebruiker om de fouten die soms voorkomen te herkennen en te begrijpen.
Een klassiek voorbeeld is de 404-pagina. Niet iedereen beseft dat de 404-statuscode betekent dat de pagina niet kon worden gevonden. Maak in plaats daarvan duidelijk aan de klant dat ze op een pagina zijn beland die niet kon worden gevonden en hoe ze vanaf daar verder moeten gaan. Neem een zoekvak, een aantal populaire categorieën en producten op zodat ze gemakkelijk naar iets relevants kunnen navigeren.
Een ander voorbeeld dat zeer relevant is voor online winkels is wanneer de klant - per ongeluk - de verkeerde informatie invult bij het afrekenen. Misschien hebben ze hun naam ingevuld in plaats van hun e-mailadres, of een adres dat niet bestaat. Het is belangrijk om precies te laten zien wat er fout gaat en hoe je het kunt oplossen, zodat de gebruiker de fout eenvoudig kan herstellen en snel verder kan gaan in de flow.
Hulp nodig bij het ontwerpen van je ideale.shop?
Stuur me een e-mail op: emil@gelinde.dk
