E-commerce UX draait om het creëren van de ultieme gebruikservaring voor shoppers. Hieronder lees je meer over de rol van UX bij online winkels, van marketing tot afrekenen.
Het verbeteren van de e-commerce-gebruikerservaring (UX) is een manier om de omzet van je online winkel te verhogen, zonder dat je hiervoor een groter aantal bezoekers nodig hebt.
Maar—tegen de verwachting in komt er bij goede e-commerce UX meer kijken dan alleen het visuele ontwerp van je website.
UX voor online winkels omvat de manier waarop je communiceert, gebruikers ondersteunt en aanmoedigt tijdens hun koopreis, van de eerste klik tot de aankoop.
Hieronder lees je meer over de zes beste werkwijzen voor e-commerce UX, enkele veelvoorkomende valkuilen om te vermijden en hoe je gebieden in je winkel identificeert die aandacht behoeven als het aankomt op UX-elementen.
Wat is e-commerce UX?
E-commerce-gebruikerservaring (UX) is een werkwijze waarbij het draait om het creëren van een naadloze, plezierige winkelervaring in een online winkel. Dit omvat het ontwerpen van een website, het optimaliseren van navigatie en zoekfunctionaliteit, en het stroomlijnen van het afrekenproces, zodat je aan de behoeften van je klanten voldoet.
Het doel van e-commerce UX is om de frictie voor gebruikers te verminderen in de hoop de betrokkenheid te vergroten en daardoor de verkoop te stimuleren.
Wat valt onder e-commerce UX?
Hoewel websiteontwerp een belangrijke rol speelt in UX, is er veel meer om te overwegen. E-commerce UX-ontwerpers kijken naar websitefucties zoals:
- Laadtijden: Laadt de website snel en consistent op verschillende apparaten?
- Navigatiemenu's: Zijn menu's georganiseerd met de gebruiker in gedachten?
- Toegankelijkheid: Voldoet een online winkel aan de laatste toegankelijkheidsnormen?
- Journey mapping: Wordt de gebruiker naar de juiste plek geleid wanneer ze op een link of knop klikken?
- Mobiele vriendelijkheid: Functioneert de winkel goed op mobiele apparaten?
- Copywriting: Geeft de tekst op de website duidelijk de boodschap door en sluit het goed aan bij het merk?
E-commerce UX heeft ook zijn eigen set prioriteiten. UX-ontwerpers fungeren als ambassadeurs voor je klanten en visualiseren en implementeren de meest bevredigende winkelervaring—een reis die mogelijk al begint voordat je klanten je winkel bezoeken.
Volgens Daniel Patricio, oprichter van het succesvolle e-commercebedrijf voor snacks in kleine batches, Bull and Cleaver, is de grootste misvatting over UX voor e-commerce winkels dat je startpagina het begin van de gebruikerservaring vertegenwoordigt.
“Ze kunnen op een productpagina of een blogpost terechtkomen,” zegt Daniel. “Voor Bull and Cleaver zijn de twee meest bezochte pagina's op onze site een blogpost over de verschillen tussen biltong en beef jerky, en een productpagina die de landingspagina is voor enkele van onze advertenties.”
De 6 beste werkwijzen voor e-commerce UX
Met die definitie in gedachten, vind je hieronder de zes beste werkwijzen om je gebruikerservaring verder af te stemmen om een nog gebruiksvriendelijkere klantreis te creëren:
- Leg vooral de focus op functie
- Bouw verkoopfunnels, geen webpagina's
- Trek de aandacht en creëer intentie
- Schrijf gebruiksvriendelijke teksten
- Maak de navigatie van de online winkel intuïtief
- Overweeg altijd mobielvriendelijke e-commerce UX
1. Leg vooral de focus op functie
Eerlijk gezegd is er zelden een correlatie tussen de stijl van een website en de conversieratio. Sterker nog, opvallende designelementen kunnen gebruikers afleiden of verwarren en de prestaties op oudere computers of mobiele apparaten beperken.
Geen enkele e-commerce-site is een betere ambassadeur van dit principe dan Amazon. Ondanks dat ze dagelijks miljoenen shoppers bedienen, legt de marktplaats altijd een grotere nadruk op de functionele aspecten van zijn webpagina's, zoals laadtijden en gebruiksvriendelijke navigatie. Esthetische kenmerken zoals lettertypen, kleuren of interactieve elementen zijn minder belangrijk.
“Wees in het algemeen voorzichtig met opvallende functies,” zegt Daniel Patricio van Bull and Cleaver. “Mensen ontwerpen geweldige websites die goed presteren en dan huren ze een ontwerper in van Upwork en deze ontwerper voegt net één element toe dat de website om zeep helpt. Sliders met afbeeldingen zijn hier vaak de grootste boosdoeners.”
“Snelheid is een onmisbare functie voor conversie. Andere designelementen zijn niet inherent slecht; het gevaar ligt in het implementeren ervan door een minder ervaren ontwikkelaar die je website tot stilstand brengt.”
Enkele van de beste e-commerce-websites kiezen voor statische afbeeldingen in plaats van interactieve of dynamische functies, om ervoor te zorgen dat alle gebruikers succesvol toegang kunnen krijgen tot de website en deze ook kunnen navigeren. Laten we de homepage van Allbirds als voorbeeld nemen:
2. Bouw verkoopfunnels, geen webpagina's
Een van de doelen van e-commerce UX is om websites zo in te richten dat ‘zelfbediening’ mogelijk is. Dat betekent dat klanten toegang hebben, kunnen browsen en afrekenen zonder hulp.
Intuïtieve online winkels hebben lagere bouncepercentages en minder verlaten winkelwagentjes. Om je winkel intuïtiever te maken, moet je overwegen waarom mensen op je website terechtkomen en de plaatsen waar ze vandaan komen.
Bezoekers van je website kunnen zijn:
- Sociale mediagebruikers die op een advertentie hebben geklikt
- Zoekers die je website vinden via een Google-query
- E-mailabonnees die reageren op een oproep tot actie
- Recente klanten die rechtstreeks naar je website komen
Succesvolle verkopers creëren UX-ontwerpen die deze meerdere plaatsen van herkomst en verwachtingen erkennen. Ze bouwen verkoopfunnels die beginnen op verkoopkanalen en binnen marketingcampagnes en gaan pas later over op een website.
“Een van de beste manieren om e-commerce UX te benutten om meer te converteren, is via verkoopfunnels,” zegt Daniel. “Denk maar eens aan SEO.Voordat je je website aanraakt, zou je moeten vragen: Wie zoekt er naar ons? Wat zoeken ze? Naar welke content zijn ze op zoek? Waar leidt dat tot een aankoop?”
Een populaire verkoopfunnel voor e-commerce-winkels is om gebruikers van sociale media-advertenties naar een landingspagina te leiden. Hieronder zie je hoe een advertentie van het draagbare batterijbedrijf Shargeek kijkers naar een landingspagina leidt die in detail ingaat op het gepresenteerde product:
Wat deze landingspagina een voorbeeld maakt van effectieve e-commerce UX, is dat het is gemaakt met de reis van de gebruiker in gedachten.
De inhoud van de pagina gaat er niet van uit dat een gebruiker de startpagina van de website heeft bezocht, of iets weet over het merk buiten de informatie die in de sociale media-advertentie wordt weergegeven. Bovendien:
- Plaatst de call-to-action-knop en prijs bovenaan, waardoor het gemakkelijk is voor gemotiveerde bezoekers om een aankoop te doen
- Bevat gebruiksvoorbeelden en voordelen van het product, evenals technische kenmerken
- Biedt sociale bewijskracht in de vorm van klantbeoordelingen
- Raadt aanvullende producten aan die beter bij klanten kunnen passen
3. Trek de aandacht en creëer intentie met marketing
Voor e-commerce UX kan marketing vaak worden beschouwd als het begin van de gebruikerservaring.
Een manier om in de hoofden van je gebruikers te kruipen in de marketingfase, is om te begrijpen of je content de aandacht trekt of intentie creëert:
- Aandacht trekken. De gebruiker browst passief en is niet op zoek naar wat je aanbiedt, maar als je hun aandacht kunt trekken—bijvoorbeeld met een video-advertentie of een social media-post—kun je hun interesse wekken. Je kunt doelgroepsegmentatie en targeting gebruiken om je te richten op gebruikers met specifieke kenmerken die hun gereedheid voor jouw aanbod aangeven.
- Intentie creëren. De gebruiker is actief op zoek naar iets dat je kunt aanbieden. Die intentie komt tot uiting in de zoekopdrachten die ze in een zoekmachine typen. Je kunt zoekwoordonderzoek gebruiken om deze intentie beter te begrijpen en je content of website-SEO daarop afstemmen.
Hieronder zie je hoe Ruffwear, een online winkel voor hondenuitrusting, de aandacht trekt van deze twee verschillende soorten gebruikers uit zijn bredere doelgroep van hondenbezitters.
In deze Facebook-advertentie gebruikt Ruffwear een carrousel met afbeeldingen om de aandacht te trekken van gebruikers die passief scrollen. Je oog wordt eerst naar de grootste tekst getrokken (“Winterbestendige hondenjassen”) in plaats van dat je van links naar rechts en van boven naar beneden leest.
Je kunt de hiërarchie van je tekst vaststellen door de tekstgrootte, waardoor je de aandacht vestigt op informatie in de volgorde die je wilt. Stel ook verwachtingen in voor de bestemming van de link met de tekst van de oproep tot actie (Ruffwear gebruikt “Nu winkelen” om bezoekers naar de pagina met hun collectie hondenjassen te leiden).
Om aan de intenties van zoekmachinegebruikers tegemoet te komen, creëert Ruffwear ook content die overeenkomt met het zoekwoord “winterbestendig hondenjassen”. Merk op hoe de paginatitel lijkt op de zoekopdracht, en de meta-beschrijving van de pagina gerelateerde zinnen bevat:
Hoe dichter je de zoekintentie van de gebruiker benadert, hoe waarschijnlijker het is dat je in relevante zoekresultaten verschijnt.
4. Schrijf gebruiksvriendelijke teksten
Ademen is een automatische handeling. Je denkt niet na over in- en uitademen, tenzij iets je ademhaling belemmert, of je aandacht vestigt op de handeling van het ademen (zoals deze zin).
Het navigeren op een e-commerce-website zou een vergelijkbare automatische actie moeten zijn. Productbeschrijvingen zouden gebruikers niet moeten afleiden en navigatie-instructies zouden hen niet mogen belemmeren om een aankoop te doen.
Op deze manier voelt goede UX-tekst aan als gemakkelijk kunnen ademhalen. Het is rustgevend, verfrissend en dient zijn doel zonder opgemerkt te worden. Probeer deze copywriting-tips om de gebruikerservaring van je online winkel te verbeteren:
- Gebruik taal om uit te leggen waar een link of een knop naartoe leidt.
- Voeg wegwijzers toe om gebruikers te begeleiden tijdens hun koopreis.
- Voeg de context toe die gebruikers mogelijk missen.
- Schrijf informatieve linktekst voor links.
- Gebruik passende woorden voor je oproepen tot actie (“Meer informatie,” “Aan winkelwagentje toevoegen”).
- Spreek met de stem van de klant om de klant aan te spreken.
- Neem belangrijke informatie op in de vorm van pop-outs of opsommingstekens.
- Zorg voor continuïteit van informatie tussen pagina's en kanalen.
Probeer zoveel mogelijk te begrijpen over je doelgroep, hun doelen en jouw doelen voor hen, voordat je begint met schrijven. Dit zal je helpen om de verwachtingen van je gebruikers te begrijpen en te vervullen.
Gebruik minder woorden
Een eenvoudige manier om de leesbaarheid van je website te vergroten, is door het aantal woorden te verminderen. Beknopte, goed gekozen zinnen geven websitebezoekers zo snel mogelijk de informatie die ze nodig hebben.
Een gedeelte van je site waar het loont om spaarzaam met taal om te gaan, is het bovenste gedeelte van landingspagina's. Dit bovenste deel van de pagina is vaak de plek waar merken hun unique selling proposition en belangrijke productinformatie communiceren.
Neem dit voorbeeld van de homepage van Molekule, een bedrijf dat luchtreinigers verkoopt. Binnen enkele seconden nadat je op de pagina terechtkomt, krijgt de gebruiker de informatie dat dit merk:
- Prijzen heeft gewonnen voor zijn product
- Een unieke luchtreiniger produceert die meer doet dan alleen verontreinigingen opvangt
- Beoordelingen van 4 sterren en hoger heeft
- Producten verkoopt in de prijsklasse van € 600 tot € 1.200
- Een proefperiode van 30 dagen biedt met 100% terugbetalingsgarantie
- Eigen technologie heeft, genaamd PECO
Wireframe je UX-tekst
Je kunt je UX-tekst en lay-outs van landingspagina's plannen op een whiteboard of een vel papier—of door een gratis wireframing-tool zoals Miro te gebruiken.
Miro bevat sjablonen voor het visualiseren van je klantreis en websitearchitectuur, en voor het indelen van je tekst.
💡 Pro-tip: Onderschat nooit het verschil dat één enkel woord of zin kan maken voor de gebruikerservaring.
5. Maak de navigatie van de online winkel intuïtief
In zijn boek Don’t Make Me Think schrijft UX-expert Steve Krug: “Het maakt niet uit hoe vaak ik moet klikken, zolang elke klik een onbewuste, ondubbelzinnige keuze is.”
Net als de teksten op je website, zou het mogelijk moeten zijn om je site grotendeels op de automatische piloot te navigeren. We denken niet actief na over waarop we klikken of waarom—we voeren gewoon de actie uit waarvan we geloven dat die het snelst aan onze behoeften voldoet.
Intuïtieve navigatie gaat verder dan de links die je in het menu van je website opneemt. Je moet anticiperen op behoeften waarvan de gebruiker zich misschien niet bewust is, en een ervaring op je website mogelijk maken waarbij de gebruiker zonder hulp de weg kan vinden.
“Op je homepage moet het gemakkelijk zijn om door je producten, pagina's en collecties te navigeren,” adviseert Daniel. “Ik denk dat het belangrijk is dat de functionaliteit op de homepage aanwezig is. Je merk moet niet alleen goed overkomen, maar het moet kunnen anticiperen op elke klik en scroll van de gebruiker.”
Lay-outs menus
Als het gaat om de navigatie van e-commerce-websites, wordt het zware werk gedaan door je menu's.
Een nieuwe bezoeker die je site wil verkennen, zal waarschijnlijk eerst je bovenste navigatiemenu proberen. Daar zouden ze opties moeten zien om te winkelen op basis van maat, product en categorie. Je kunt ook producten aanbevelen—door populaire items te benadrukken of een quiz aan te bieden om de selectie van producten te personaliseren.
Inkbox is een bedrijf voor tijdelijke tatoeages dat zijn klanten helpt navigeren door een overweldigend aantal producten via een overvloed aan navigatie-opties. De website heeft:
- Sticky header voor zoeken met een oproep tot actie met de tekst ‘Vind een stijl die bij jou past!’ (terwijl de gebruiker scrollt, verdwijnt het hoofdmenu, maar de zoekbalk blijft zichtbaar)
- Navigatiemenu, waar sommige items kunnen worden aangeklikt om een submenu uit te klappen, evenals informatieve links naar de pagina's ‘Onze werkwijze’ en ‘Wie zijn wij?’
- Collectielijst op basis van maat voor gebruikers die, of ze het nu in gedachten hadden of niet, nu de maat overwegen als een belangrijke variabele in hun aankoopbeslissing.
Een gebruiker die op Winkelen in het menu klikt, krijgt duidelijke opties te zien, evenals een “voor jou gekozen”-categorie met een mystery bundle en tattoo-quiz.
Als de gebruiker op een link uit het menu klikt, wordt hij naar de juiste pagina, product, collectie of via een zoekopdracht via de zoekbalk van de winkel met toegepaste filters naar de juiste plek geleid.
Van daaruit kunnen klanten de filters en sorteeropties gebruiken om hun zoekopdracht te verfijnen, of het navigatiemenu opnieuw bezoeken om naar iets anders te zoeken..
Een universele voettekst bevat niet-essentiële links die alleen relevant zijn voor een minderheid van de gebruikers, zoals klanten die hulp nodig hebben met hun bestelling, journalisten die op zoek zijn naar je persmap, of potentiële partners die met je merk willen samenwerken.
Je Contactpagina, bijvoorbeeld, is niet een pagina die elke gebruiker hoeft te bezoeken (en je wilt waarschijnlijk klanten naar je Veel gestelde vragen-pagina leiden voordat ze contact opnemen met de klantenservice). Inkbox organiseert strategisch zijn gebruikersmenu op basis van deze prioriteiten, met opties voor zelfbediening, bijvoorbeeld voor vragen over tracking, verzending en retourbeleid.
6. Overweeg altijd mobiele e-commerce UX
Veel e-commerce-winkels ontvangen meer bezoekers via mobiele apparaten dan via desktops. Dat betekent dat ze rekening moeten houden met de vele verschillen tussen winkelen op een smartphone en op een laptop.
Op je smartphone tik je in plaats van te klikken, zijn elementen verticaal georganiseerd, en is het navigatiemenu verborgen onder een hamburgerpictogram.
Als je een Shopify-verkoper bent, heeft elke thema een responsief ontwerp, dat zich automatisch aanpast om de optimale gebruikerservaring voor desktop-, tablet- en smartphone-schermen te faciliteren.
In de wereld van vandaag, waar mobiel verkeer ongeveer de helft van al het verkeer op het web uitmaakt, wil je misschien overwegen om je online winkel eerst voor kleinere schermen te ontwerpen.
In de Shopify-thema-editor kun je schakelen tussen desktop- en mobiele weergave terwijl je wijzigingen aanbrengt:
Betalen op mobiele apparaten was vroeger een van de grootste obstakels voor online shoppers. Het invoeren van je verzendgegevens en creditcardgegevens via een reeks tikken op een klein toetsenbord betekende dat een binnenkomend sms-bericht al genoeg was om een afgebroken afrekenproces te veroorzaken.
Nu we beschikken over een hele reeks aan betaalopties voor mobiele telefoons—Shop Pay, Apple Pay, Google Pay, Meta Pay, PayPal, en nog veel meer—hebben gebruikers nu de optie voor een versnelde checkout, waarbij hun verzend- en betalingsinformatie al is ingevuld.
Veelvoorkomende fouten in e-commerce UX die je moet zien te vermijden
Nu je hebt kennisgemaakt met zes UX-fundamentals, zul je het misschien gemakkelijker vinden om op te merken wanneer een element van je e-commerce website de gebruikerservaring belemmert.
Het auditen van je online winkel op deze frictiepunten—zoals gebroken links, niet-intuïtieve navigatie, of verwarrende teksten—maakt permanent onderdeel uit van je e-commerce gebruikerservaring. Maar voordat je diep in de structuur van je productpagina duikt, ga je eerst dieper in op de volgende veelvoorkomende UX-valkuilen. Gebruik deze checklist om je site te onderzoeken en enkele snelle UX-verbeteringen aan te brengen.
Vraag jezelf af: Is mijn e-commerce website vrij van:
- Langzame elementen?
- Onzorgvuldige teksten?
- Een geforceerde gebruikerservaring?
- Pagina's ontworpen voor gebruik op het verkeerde scherm?
Langzame elementen
Zelfs populaire ontwerptrends kunnen uithangborden van slechte UX worden wanneer ze afbreuk doen aan het uiteindelijke doel om conversies te verhogen. Dit geldt vooral als elementen veel geheugen vereisen en de laadtijden van pagina's verhogen. Wees voorzichtig met pagina-ontwerpelementen zoals:
- Parallax scrollen, wat afleidend kan zijn wanneer het onnodig wordt geïmplementeerd
- Automatische sliders met afbeeldingen, die langzaam kunnen laden, moeilijk te lezen zijn en vaak slecht presteren als oproepen tot actie
- ‘Ghost’-buttons, die vaak niet aanklikbaar lijken en over het hoofd worden gezien
- Achtergronden met video’s, die de aandacht kunnen afleiden en laadtijden extra verlengen, waardoor je site traag wordt
Onzorgvuldige teksten
Onzorgvuldige teksten erkennen de reis of behoeften van de gebruiker niet. Een veelvoorkomend voorbeeld hiervan is informatie slechts één keer weergeven op je website en verwachten dat de gebruiker deze zelf zoekt als ze ergens anders belanden.
Met productpagina's, bijvoorbeeld, is het belangrijk om aan te nemen dat veel van je gebruikers via advertenties of zoekmachineopdrachten op je site belanden, en mogelijk daarom geen andere pagina op je website hebben bezocht.
Probeer je in te leven in het perspectief van een potentiële klant die je Over ons-pagina niet heeft gezien, je video met merkverhaal niet heeft bekeken, of informatie over je belofte voor productkwaliteit en verzendbeleid niet heeft gelezen. Welke informatie zou die persoon nodig hebben om zich zeker te voelen over het doen van een aankoop?
In dit voorbeeld van Chubbies zie je hoe het merk informatie herhaalt die al elders op de site staat:
- Het samenvatten van zijn retourbeleid
- Klanten herinneren aan de kortingscode die ze kunnen gebruiken
- Gerelateerde producten naar voren brengen
Geforceerde gebruikerservaring
Vermijd het forceren van een kunstmatige gebruikerservaring. Verbeter in plaats daarvan je meest populaire bestaande pagina's en content.
Beginnende verkopers besteden vaak veel tijd aan het zorgvuldig ontwerpen van hun startpagina en productpagina's, en proberen vervolgens verkeer naar deze pagina’s te leiden met kostbare advertenties, e-mailcampagnes, en zoekmachineoptimalisatie. Ervaren verkopers daarentegen besteden middelen aan delen van hun website waar activiteit organisch accumuleert.
Als je bijvoorbeeld opmerkt dat een aanzienlijk aantal gebruikers rechtstreeks op een specifieke productpagina belandt vanuit een externe zoekmachine, is dat een duidelijk signaal dat deze pagina belangrijk is.
In plaats van te proberen gebruikers naar je startpagina te lokken, optimaliseer je deze productpagina. Zorg ervoor dat de productbeschrijving duidelijk en overtuigend is, voeg hoogwaardige afbeeldingen toe, zorg ervoor dat de knop 'Aan winkelwagentje toevoegen' prominent aanwezig is, en voeg belangrijke informatie zoals je verzend- en retourbeleid direct aan de pagina toe.
Bovendien, moet je geen middelen besteden aan het herontwerpen van die pagina als analyses aantonen dat gebruikers zelden je Over ons-pagina bezoeken.Te veel nadruk leggen op je startpagina en minder populaire pagina's is een onnodig moeilijke en dure benadering van e-commerce UX.
Pagina's ontworpen voor het verkeerde scherm
Hoewel het waar is dat een mobiele-vriendelijke gebruikerservaring cruciaal is voor de meeste e-commerce winkels, is het belangrijk om mobiele ontwerpen niet te overdrijven ten koste van desktop-gebruikers.
Een veelvoorkomende valkuil is het uniform toepassen van deze mobielvriendelijke benadering op alle pagina's, zelfs wanneer bepaalde pagina's meer desktop-gebruikers aantrekken. Je hebt bijvoorbeeld een gedetailleerde productvergelijkingspagina die vaak wordt bezocht door desktop-gebruikers die de voorkeur geven aan een groter scherm om productspecificaties te bekijken en te vergelijken.
In dergelijke gevallen is het een fout om een mobielvriendelijk ontwerp af te dwingen. In plaats daarvan moet deze pagina geoptimaliseerd worden voor desktop-weergave. Dit kan betekenen dat je een productvergelijkingslay-out naast elkaar gebruikt, grotere, hoge-resolutie afbeeldingen toevoegt, en ervoor zorgt dat interactieve elementen zoals uitklapmenu's soepel werken op desktop.
Hoe je UX-problemen op je e-commerce-website spot en oplost
Hoewel de bovenstaande principes een goed startpunt bieden, zul je waarschijnlijk meer complexe UX-behoeften en -problemen tegenkomen die net zo uniek zijn als je producten en klanten. Om die behoeften te vinden en eventuele problemen op te lossen, is een diagnostisch proces onmisbaar.
Hieronder vind je een verzameling populaire manieren om feedback over de gebruikerservaring te verzamelen—zowel kwalitatief als kwantitatief. Gegevens en tools zoals deze helpen je om punten te identificeren waar de betrokkenheid van bezoekers afneemt, evenals gedeeltes van je website die de aandacht van gebruikers trekken.
Sessie-herhalingen
Veel e-commerce retailers leggen de interacties van bezoekers met webpagina’s vast met behulp van hulpmiddelen voor sessie-herhalingen zoals Lucky Orange. Het observeren van het gedrag van echte gebruikers biedt onweerlegbare inzichten in de kwaliteit van je gebruikerservaring.
Als je de interacties van gebruikers observeert met je online winkel, let dan op gedragingen zoals pauzes, terugkeren, en snel klikken.
Pauzes
Indien een gebruiker stopt met scrollen of pauzeert op een pagina-element, is dat een teken dat hun aandacht is getrokken. Dit kan een positief signaal zijn, zoals wanneer een gebruiker stopt om een informatieve video te bekijken, of een negatief signaal, zoals wanneer een gebruiker pauzeert omdat ze een menu moeilijk te navigeren vinden.
Teruggaan
Teruggaan, wanneer een gebruiker terug navigeert naar een vorige pagina, kan dit verwarring of moeilijkheid in het vinden van gewenste informatie aangeven. Dit kan te wijten zijn aan onduidelijke navigatie, gebrek aan informatie, of een te complex afrekenproces.
Snel klikken
Snel klikken, vooral in hetzelfde gebied, kan frustratie of verwarring aangeven. Dit kan te wijten zijn aan een niet-responsieve knop, onduidelijke instructies, of een langzaam ladende pagina.
Paginagegevens
E-commerce analytics tools, zoals Google Analytics, kunnen waardevolle inzichten bieden in het gebruikersgedrag op je site. Deze tools kunnen je statistieken tonen zoals bouncepercentage, de tijd die is besteed op elke pagina, en het pad dat gebruikers volgen door je winkel. Het analyseren van deze gegevens kan je helpen om pagina's te identificeren die onderpresteren of verwarring veroorzaken, zodat je de nodige aanpassingen kunt maken.
Gebruikerstests
Je kunt een service voor gebruikerstests inhuren om kwalitatieve feedback over je website te verzamelen, of gewoon iemand vragen die je site nog nooit heeft gebruikt om de site te testen. Geef ze instructies zoals: “Claim de kortingscode en reken af met een winkelwagentje ter waarde van € 120,” en kijk hoe ze proberen die instructies te volgen.
Bonustip: Laat je gebruiker hun gedachteproces hardop verwoorden.
De vijf-seconden test
Een populaire gebruikerstest houdt in dat je je site aan een focusgroep toont voor een korte periode om te zien of je merkboodschap en waardepropositie duidelijk zijn. Na vijf seconden blootstelling aan je winkel, vraag je de groep wat ze zich van de site herinneren.
Als testers zich niet de belangrijkste boodschap of waardepropositie kunnen herinneren, kan dat een teken zijn dat het ontwerp en de content van je site vereenvoudigd moeten worden om hun impact te vergroten.
Heatmaps
Voeg een heatmap-tool toe, zoals Hotjar, aan je online winkel, zodat je de verdeling van de klikken van je gebruikers kunt analyseren en kunt zien hoe ver bezoekers naar beneden scrollen op je pagina's.
Als gebruikers een sectie van een pagina volledig negeren, overweeg dan om deze te verwijderen. Als er veel gebruikers zijn die niet ver genoeg scrollen, kijk dan waarom je momentum verliest.
Hieronder zie je een voorbeeld van een heatmap van Bull and Cleaver. Hier slaan gebruikers de collectie met gedroogd fruit over die zich aan de onderkant van de pagina bevindt, wat suggereert dat deze pagina niet de beste plek is om deze producten te verkopen.
Mogelijke reacties op deze heatmap-gegevens kunnen zijn:
- De collectie met gedroogd fruit vervangen door een andere productcategorie die beter aansluit bij de verwachtingen van gebruikers
- De gedroogde fruit snacks aanbieden als een cross-sell zodra bezoekers klaar zijn om af te rekenen
- Meer nieuwe teksten of informatieve inhoud op de pagina bieden om de gedroogde fruit snacks beter te promoten
E-commerce UX is een iteratief proces
Het werk van UX-design is nooit af. Je moet altijd experimenteren met de functies van je winkel, je successen analyseren en vervolgens aanpassingen en verbeteringen aanbrengen.
Soms maak je fouten en draai je de wijzigingen terug. En soms vind je een pot gevuld met goud aan het eind van de regenboog en denk je na over hoe je de lessen elders op je site kunt implementeren.
Door dit proces leer je veel over je klanten in verschillende segmenten en fasen van hun reis. Maar uiteindelijk zorgt investeren in je e-commerce UX ervoor dat je je aansluit bij de behoeften van de klant, om de winkelervaring bij jou zo eenvoudig en prettig mogelijk te maken.
Klaar om je bedrijf te starten? Begin je gratis proefperiode van Shopify—geen creditcard vereist.
Veelgestelde vragen E-commerce UX
Wat is de rol van UX in e-commerce?
Gebruikerservaring (UX) in e-commerce draait om de interactie van klanten met je online winkel. Dit omvat alles, van de veronderstelde context die ze hebben bij het bezoeken van een webpagina tot hoe ze je producten doorbladeren en de manier waarop ze afrekenen en nog veel meer.
Waarom is UX belangrijk voor e-commerce?
Een goede UX is essentieel voor alle e-commercebedrijven. Het kan je helpen om conversieratio's te verhogen, klanttevredenheid te vergroten en het aantal verlaten winkelwagentjes te verminderen. Het heeft direct impact op je winst.
Wat is de rol van UI en UX voor e-commercebedrijven?
UI verwijst naar de gebruikersinterface van je online winkel, die de visuele en interactieve elementen van je website omvat. UX, aan de andere kant, verwijst naar de gebruikerservaring en gaat over de algehele kwaliteit van de ervaring en hoe gemakkelijk het is voor je klanten om de informatie te krijgen die ze nodig hebben, je producten te kopen en hun aankoop te voltooien.
Wat doet een UX-ontwerper?
Een UX-ontwerper begrijpt de behoeften van de gebruikers van een website en werkt samen met UI-ontwerpers en ontwikkelaars om het gebruiksgemak en de plezierigheid te verhogen.