E-commerce UX redesign voor product discovery

E-commerce UX redesign voor product discovery

Een e-commerce UX redesign werkt pas echt als hij product discovery sneller, duidelijker en moeilijker te verpesten maakt. Heeft je webshop wel verkeer maar haken shoppers alsnog af, alsof ze zich opeens herinneren dat de oven nog aanstaat, dan zit het probleem meestal in de discovery.

Deze post is voor webshops met een echt assortiment, beperkte dev-tijd, en het groeiende gevoel dat ‘het ziet er prima uit’ geen strategie is.

Wat ‘product discovery’ eigenlijk is

Product discovery is het systeem dat ‘misschien koop ik’ omzet in ‘gevonden’. Het is niet alleen je categoriestructuur, maar alles daaromheen: navigatie, on-site search, filters, sortering, productdata, en de manier waarop pagina’s keuzes verkleinen zonder dat mensen verdwalen.

Wat teams vaak vergeten: shoppers ervaren een webshop niet als een stapel pagina’s, maar als een opeenvolging van beslissingen. Zet me in de juiste categorie. Laat me verfijnen. Laat me vergelijken. Laat me vertrouwen wat ik zie. Breekt één stap, dan schrijven ze geen bugreport. Ze gaan gewoon weg.

Scope van je e-commerce UX redesign

Een goede scope beschrijft beslisflows, geen stapel schermen. Begin bij de twee meest voorkomende journeys. Er is iemand die precies weet wat hij wil en alleen geholpen moet worden het te vinden. En er is iemand die aan het oriënteren is en geholpen moet worden te kiezen. Die twee vragen om heel verschillende hulp, en toch ontwerpen teams er meestal één flow voor.

Leg vervolgens vast waar gebruikers helderheid nodig hebben: bij categorie-keuze, bij filteren en sorteren, bij vergelijken, en bij het bevestigen dat ze nog op de juiste plek zitten. Wil je eerst het grotere plaatje pakken, begin dan bij de fundamenten van een maatwerk webshop.

Definieer succes in cijfers waar iedereen mee kan werken. Minder doodlopende zoekopdrachten, hoger filtergebruik, meer productpagina-bezoeken vanuit categoriepagina’s, en minder pogo-sticken (het heen-en-weer klikken dat ontstaat als niets genoeg houvast geeft).

Categoriepagina’s die sturen

De productlijst-pagina (PLP, of categoriepagina of collection page, afhankelijk van wie ‘m gebouwd heeft) is waar veel webshops mensen kwijtraken. Meestal niet omdat het lelijk oogt, maar omdat het vaag is.

Een goede categoriepagina beantwoordt vier vragen zonder dat de bezoeker moet werken. Waar kijk ik naar. Hoe verfijn ik dit. Wat is het verschil tussen deze items. En wat gebeurt er als ik klik.

Wat dan in de praktijk helpt: toon echt betekenisvolle verschillen in het grid, niet alleen de productnaam. Maatbereik, compatibiliteit, materiaal, het belangrijkste onderscheidende kenmerk. Maak sorteren menselijk in plaats van gebaseerd op interne logica, want ‘Nieuwste’ is geen keuze, dat is een schouderophaal. En gebruik hiërarchie zodat de productnaam niet hoeft te vechten met prijs, badges en verzendinfo om aandacht.

Wat we vaak tegenkomen: webshops kopiëren productpagina-details naar de categoriepagina en vragen zich af waarom er niets opvalt. De oplossing is zelden ‘meer informatie’. Het is de juiste informatie.

Filters die mensen vertrouwen

Filteren is waar intentie specifiek wordt. Het is ook waar webshops soms passief-agressief worden. Ja, je mag filteren. Nee, we laten niet zien wat je hebt aangevinkt. Veel succes.

Ongeveer een derde van de grote e-commerce-sites toont geen overzicht van toegepaste filters, en dat is precies waarom gebruikers desoriënteren en afhaken. Ze weten niet meer waarop ze hebben gefilterd, weten niet hoe ze het uitzetten, en geven het op.

Wat meestal wel werkt: toon toegepaste filters altijd zichtbaar en verwijderbaar, dicht bij de productlijst. Gebruik labels zoals mensen ze zelf uitspreken, ‘huidtype’ wint het van ‘dermal profile’. Houd aantallen eerlijk, dus waarschuw als een filtercombinatie nul producten oplevert voordat iemand drie minuten naar een lege pagina zit te staren. En schrap filters die er staan omdat een stakeholder het vroeg, want filters zijn geen museum van productattributen.

Search die zich gedraagt

On-site search is geen tekstveld. Het is een belofte. Faalt de search, dan gaan mensen niet ‘dan maar browsen’. Ze nemen aan dat je het product simpelweg niet verkoopt.

Leg daarom vooraf vast wat je search moet kunnen. Synoniemen aan elkaar knopen (bank is sofa is zitmeubel). Typfouten tolereren. Gedeeltelijke zoekopdrachten aankunnen. Merk plus model begrijpen. En als je catalogus het toelaat, ook intentie-zoekopdrachten als ‘cadeau voor hardloper’.

Leg ook vast wat de resultaten moeten doen. Relevantie tonen in plaats van willekeur. Verdere verfijning ondersteunen via filters. En laten zien waarom iets een match is, zonder een essay te schrijven.

Snelle check of dit goed zit: open je analytics en pak de top interne zoektermen. Zie je termen die keer op keer terugkomen met lage engagement, dan faalt de search stilletjes terwijl jij denkt dat hij het prima doet.

Productdata die verkoopt

Discovery breekt als productdata vaag, inconsistent of incompleet is. Dat is geen ‘content-klusje’ voor de stagiair. Dat is de fundering waar filtering, sortering en relevantie op rusten.

Wat we telkens tegenkomen. Attributen verschillen per product, zodat ‘Blauw’, ‘Navy’, ‘Donkerblauw’ en ‘Midnight’ vier aparte filteropties worden voor één kleur. Maten staan als tekstblob in de omschrijving in plaats van als varianten. Compatibiliteit zit verstopt in een paragraaf productdescriptie. En de verschillen die ertoe doen ontbreken volledig.

Wil je faceted filtering bouwen, waarbij een koper maat, prijs en merk tegelijk kan combineren, dan heb je gestructureerde attributen nodig. Zonder die data is je filter-UI vooral een placebo. Simpele vuistregel om te zien of je erbij zit: als een attribuut niet te filteren, te sorteren of te vergelijken is, is hij waarschijnlijk niet goed gestructureerd.

Mobile discovery is genadeloos

Mobiel is waar goede bedoelingen stilletjes sterven. Niet omdat gebruikers dom zijn, maar omdat het scherm klein is en hun aandacht per milliseconde wordt verhuurd aan alles tegelijk.

Maak mobiele keuzes expliciet. Hoe komen mensen bij filters (vaste knop, bottom sheet, aparte view). Hoe zien ze wat ze al hebben aangevinkt (chips, gestapelde lijst). Hoe heet sortering in gewone taal. En of je pagination of infinite scroll gebruikt, waarbij infinite prima werkt tot het moment dat iemand oriëntatie nodig heeft en terug wil scrollen zonder opnieuw te laden.

Kleine catalogi onder de 200 SKU’s doen het meestal beter met gecureerde collecties, minder filters, en sterkere redactionele sturing. Grote catalogi vanaf 500 SKU’s vereisen excellente filters én excellente zoek, want navigatie alleen redt het niet.

Realistisch: mobiele fixes kunnen in twee tot zes weken live als je productdata op orde is. Is die data rommelig, reken dan op zes tot twaalf weken voordat je überhaupt iets aan de zichtbare kant kunt doen.

Een nuchter redesignplan

Wat je wekelijks moet meten

Conversie is een late metric. Tegen de tijd dat ze beweegt, zijn er al maanden verstreken. Product discovery vraagt om leading indicators, signalen die laten zien dat ‘vinden’ werkt voordat de omzet reageert.

Wat hoort wekelijks op je dashboard: het percentage sessies waarin iemand een filter gebruikt, het percentage sessies met on-site search, de search exit rate (zoeken en daarna vertrekken), het aantal productpagina-bezoeken per categoriepagina-sessie, het aantal zoekopdrachten met nul resultaten (en welke termen dat zijn), en de add-to-cart-rate uitgesplitst naar zoeken versus categoriebrowsen.

Kleine rekensom die de finance-afdeling wél serieus neemt. Vijftigduizend sessies per maand met 2 procent conversie is duizend orders. Tilt betere discovery je naar 2,2 procent, dan zijn dat 1.100 orders. Honderd extra beslissingen die in een aankoop eindigen. Vermenigvuldig dat met de gemiddelde orderwaarde en je hebt een bedrag dat een discussie wint zonder dat je met een designtoon hoeft aan te komen.

Een nuchter redesignplan

Dit is waar je waarde levert, of waar je redesign-theater organiseert. Kies.

Fase één duurt één tot twee weken en is gewijd aan diagnose. Je mapt de beslisflows, audit je filters, search en productdata, kiest de twee belangrijkste journeys om eerst aan te pakken, en legt vast welke metrics je wekelijks gaat volgen. Geen designs nog, alleen begrip.

Fase twee duurt twee tot zes weken en is waar je de discovery-ruggengraat repareert. Layout en informatiehiërarchie van de categoriepagina’s. Zichtbaarheid van toegepaste filters. De UX van zoekresultaten. En de saaie-maar-waardevolle klus van productattributen opschonen, want dat betaalt zich langer uit dan welke nieuwe button ook.

Fase drie is doorlopend en gaat over itereren zonder chaos. Wekelijkse review van je discovery-metrics. Eén test tegelijk, zodat je weet wat werkte. Learnings vastleggen, zodat je team niet elke sprint dezelfde discussie hoeft te voeren.

Zorg dat je build-keuzes aansluiten bij je bredere aanpak voor e-commerce development, anders maak je drie keer dezelfde concessie op drie verschillende niveaus.

Conclusie

Een e-commerce UX redesign die product discovery serieus neemt begint niet bij schermen, maar bij de vraag waar jouw shoppers stoppen met kiezen. Meet de juiste dingen, repareer de ruggengraat voordat je de huid opnieuw verft, en ship in slices. Dan voel je de winst in filtergebruik en productpagina-bezoeken voordat de conversie überhaupt doorheeft dat er iets is veranderd.

Veelgestelde vragen

Wat is product discovery in e-commerce UX?

Product discovery is hoe bezoekers producten vinden, verfijnen en kiezen via categorieën, zoeken, filteren en sorteren. Daaronder zit productdata, want filters en relevantie werken alleen als attributen goed gestructureerd zijn. Faalt je discovery, dan geven shoppers meestal je assortiment de schuld, niet je interface. En ze vertrekken zonder dat je het doorhebt.

Moeten we categoriepagina’s of on-site search eerst aanpakken?

Begin waar de intentie het hoogst is. Zoekt een groot deel van je verkeer, repareer dan eerst de search. Browsen de meesten, geef dan prioriteit aan je categoriepagina’s en filters. Je analytics geeft meestal direct het antwoord: veel search exits betekent bijna altijd dat de zoekfunctie onder de maat presteert.

Hoeveel filters moet een webshop hebben?

Zoveel als gebruikers nodig hebben om echte keuzes te maken, en niet één meer. Te veel filters geeft ruis en verlaagt vertrouwen. Koppel filters aan verschillen die ertoe doen (maat, prijs, compatibiliteit, materiaal) en schrap de attributen die er vooral staan omdat ze ooit zijn aangelegd.

Welke metrics laten zien dat discovery werkt?

Kijk naar leading indicators. Filtergebruik, search-gebruik, productpagina-bezoeken per categoriepagina-sessie, zero-result searches en search exit rate. Conversie telt natuurlijk, maar komt laat. Discovery-metrics geven eerdere signalen dat je de goede kant op beweegt, of niet.

Kan een redesign discovery fixen zonder productdata aan te passen?

Bij kleine catalogi soms. Bij grote webshops sturen attributen en varianten de filtering en relevantie. Is je data inconsistent, dan kan geen interface dat compenseren. Je krijgt mooiere schermen met exact dezelfde verwarring, alleen dan in hogere resolutie.

Wat doet Studio Ubique standaard bij een product discovery-review?

Een analytics-check op zoektermen en zero-result searches, een audit van filter-zichtbaarheid en gedrag op de drie meest bezochte categoriepagina’s, en een scan van productdata op de aanwezigheid van filterbare attributen. Aan het eind ligt er een korte prioriteitenlijst met w