Succesvol producten vinden met guided navigation

7

Door Sebastiaan van Rijsewijk van Jungle Minds

Print

op dinsdag 2 februari 2010 om 08:00 uur

thumbnailHet eenvoudig ontsluiten van een grote hoeveelheid producten behoort tot een van de grootste usability uitdagingen van e-commerce websites. Naast de zoekfunctie gebruikt de bezoeker vaak de ‘guided navigation’ (ook wel ‘geleide navigatie’ of ‘faceted navigation’ genoemd) om op een snelle manier bij zijn product te komen. Er worden regelmatig nieuwe concepten ontwikkeld die deze manier van navigeren verrijken. In dit artikel een overzicht van de belangrijkste usability issues en de laatste ontwikkelingen binnen guided navigation.

De theorie van het geleide navigeren

Guided navigation neemt de bezoeker mee door een verscheidenheid van producten binnen de webwinkel op een snelle en gebruiksvriendelijke manier. De producten zijn allen gekenmerkt met één of meerdere tags die kunnen worden geselecteerd met een filter. Met elke filter die de bezoeker aanzet elimineert hij de producten waarnaar hij niet op zoek is. En daarmee komt hij steeds een stap dichter bij het vinden van het product dat voldoet aan zijn behoeften.

Waarom guided navigation?

Guided navigation biedt veel voordelen voor de bezoeker van een webwinkel:

  • De bezoeker kan zeer snel en efficiënt door een grote hoeveelheid producten navigeren.
  • Hij ziet exact wat de webwinkel in haar schappen heeft liggen gebaseerd op zijn zoekfilters. Het beperkt de mogelijkheid dat de bezoeker een product over het hoofd ziet.
  • Daarnaast kan guided navigation onverwacht producten tonen die erg interessant zijn zonder dat de bezoeker daar van te voren over heeft nagedacht.
  • Het voorkomt dat de bezoeker bij een dead-end terechtkomt. Iets wat nog regelmatig voorkomt met het gebruik van de zoekfunctie bijvoorbeeld.
  • En al deze voordelen hebben op hun beurt weer een positief effect op de conversie.

Usability issues

De belangrijkste usability aandachtspunten bij guided navigation aan de hand van een best practice van Wehkamp:

  • wehkampPlaats de geleide navigatie bij voorkeur links van de zoekresultaten zoals de meeste andere websites dat doen.
  • Maak gebruik van relevante filtersets (dimensies) aangeduid met begrijpelijke labels. Zorg ervoor dat de filtersets uitsluitend zijn en stem ze af op het soort producten in je webwinkel. Gebruikers die op zoek zijn naar kleding kunnen bijvoorbeeld veel plezier hebben van een filterfunctie op kleur.
  • Analyseer het gebruik van de filtersets en bepaal mede op basis daarvan de volgorde van de verschillende filters.
  • Pas het aantal filtersets aan op de hoeveelheid producten. Bij een beperkt aantal producten is het niet nodig om oneindig veel filters en dus een uitgebreide database te onderhouden. Bovendien zullen gebruikers niet eindeloos naar beneden scrollen om alle filter opties te bekijken.
  • Maak visueel duidelijk onderscheid tussen de labels en de filters.
  • Zorg dat je meerdere filters per label kunt aanvinken.
  • Maak bij een grote hoeveelheid filters gebruik van een een linkje ‘meer’ naar alle filters of gebruik een scroll window zoals Wehkamp doet.
  • Zorg voor een resetfunctie per filter. Ook een ‘alles wissen’ functie voor alle filters werkt gebruiksvriendelijk.
  • Plaats bij het gebruik van sliders ook tekstvakken om handmatig de invoer te kunnen doen.

Nieuwe trend: sociale navigatie

De te gebruiken filters zijn er in een veelvoud aan varianten maar hebben allen een ding gemeen: ze zijn relevant voor de productcategorie. Ook de sociale variant mag hier niet ontbreken. Op kiddicare.com kunnen klanten navigeren op basis van uitgebreide klantreviews en -ratings. Producten kunnen worden geselecteerd op basis van productkenmerken die andere klanten van toepassing vinden op het product. Kiddicare heeft een database opgebouwd van meer dan 50.000 reviews waarbij de volgende kenmerken worden vastgelegd:

  • het soort klant (bv ‘first time parent’)
  • wanneer het product het best bruikbaar is (bv ‘travel’)
  • wat de specifieke voordelen zijn (bv ‘easy to clean’)

Kiddicare zegt zelf een sprong van 20% in hun sales te hebben gezien na invoering van dit systeem.

Er dient echter wel eerst geïnvesteerd te worden om tot die begeerde database van reviews te komen. Je bent immers op zoek naar meer informatie dan de geijkte 5 sterren die een klant normaliter even snel kan aanvinken. Dit keer zal de klant een behoorlijke lijst moeten afgaan om aan te geven hoe hij over het product denkt.

Houd het beoordelen van de producten dus eenvoudig. Geef de gebruiker niet teveel keuzes en werk met tags die slechts hoeven te worden aangevinkt zodat de gebruiker zo min mogelijk tijd kwijt is. Breng de mogelijkheid van reviewen op het juiste moment nog een keer onder de aandacht van je nieuwe klant. Liever niet op de dag van aankoop zelf maar bedenk hoe lang het duurt voordat hij het product heeft kunnen uitproberen. Daarnaast werkt het aloude ‘vul in en win’ nog steeds het beste om de klant het laatste zetje te geven.

kiddicare

Eenvoudig vergelijken van de resultaten

Guided navigation eindigt altijd in een set producten die allen een of meer dezelfde kenmerken hebben (‘ik wil alle compacte camera’s zien met minimaal 8 megapixels’). Daarom is het resultaat van een zoektocht met guided navigation bij uitstek geschikt om met elkaar te vergelijken. Bij veel webwinkels is het tegenwoordig mogelijk om de resultaten te sorteren op bepaalde kenmerken (goedkoopste prijs, best beoordeeld of nieuwste producten).

Jessops’ slimme ‘camera selector’ gaat een stapje verder en ontsluit in een handomdraai alle camera’s door de gefilterde resultaten horizontaal naast elkaar op een rij te zetten zodat de camera’s op meerdere kenmerken eenvoudig te vergelijken zijn. De toegevoegde waarde zit ‘m erin dat de gebruiker naast de selectie (‘minimaal 8 megapixels en een LCD beeldscherm van 2,5-3,5 inch’) eenvoudig kan aangeven aan welke selectiekenmerken hij meer of minder waarde hecht. Jessops combineert hiermee 2 complexe functionaliteiten (guided navigation en vergelijken) op een slimme en zeer gebruiksvriendelijke manier.

jessops

Toekomst van het browsen

De manier waarop de bezoeker de zoekresultaten ziet, wordt steeds visueler. Zoekresultaten in een grid in plaats van een lange lijst of het aanpassen van het aantal resultaten, er is al veel mogelijk. Er wordt echter hard gewerkt aan nieuwe manieren om producten te ontsluiten.

Oskope.com helpt de gebruiker producten te rangschikken op een alternatieve wijze. Naast lijsten en grids worden ‘piles’ en ‘stacks’ gebruikt in combinatie met een eenvoudige zoom functie. De gebruiker speelt als het ware met de producten. Artikelen van Amazon zijn tevens te plotten op 2 assen: de verkoop afgezet tegen de prijs van het product. Daarnaast experimenteert Amazon met Windowshop.com. Een volledig visuele manier van browsen. Gebruikers kunnen eenvoudig scrollen en klikken op relevante items om een product omschrijving, een filmpje of een videoclip te zien. Een combinatie van de browsertechniek Cooliris en de visuele interactie van Bomvol. Het bekeken item kan direct worden besteld op Amazon.com.

windowshop

De laadtijd van soortgelijke applicaties (BrowseGoods.com, ShopWave en Zoomii.com) vormt vaak nog een probleem dat snel  kan leiden tot irritatie bij de gebruiker. Windowshop.com is hierop echter een positieve uitzondering die zich onderscheid door een snelle en gebruiksvriendelijke interface. Met een uitbreiding van de juiste filtermogelijkheden zit er zeker potentie in het alternatief ontsluiten van producten op een visueel rijke en interactieve manier. Ook nieuwe devices als de iPad zouden hierin weleens een grote rol kunnen gaan spelen.

7 stemmen stem

Sebastiaan van Rijsewijk werkt als consultant bij internet adviesbureau Jungle Minds.

Meer over deze auteur: profiel, website linkedin

  1. Dennis Sievers van innovadis.com op 2 februari 2010 om 08:37 uur

    Hi Sebastiaan,

    Goed artikel, leest ook lekker weg. Ik ben zelf ook wel een fan van navigatie middels filtering. Daarmee voorkom je inderdaad dat een gebruiker bepaalde producten of informatie die in principe ‘door de filters’ komen niet te zien krijgt als hij via de normale weg had genavigeerd.

    Met ‘alles’ beginnen en vervolgens op een duidelijke en eenvoudige manier wegstrepen wat je in elk geval niet zoekt. Plaats die resultaten in een setting waarin vergelijken eenvoudig wordt gemaakt en je hebt een prachtige oplossing voor een tweetal veelvuldig gewenste oplossingen.

  2. Lennaert van mirabeau.nl op 2 februari 2010 om 08:58 uur

    Fijn Artikel! Nog een aanvulling op Guided navigation: vooral je databron bepaalt wat kan. Het is dus belangrijk om naast interactieontwerp van je guided navigation erg goed te kijken naar de informatie architectuur en welke relevante info hier uit te halen is (wellicht door gegevens te combineren)

    Deze manieren van navigatie zijn wat mij betreft erg passend voor persona’s die voor de harde feitjes en compleetheid gaan. Pas in het laatste blokje zie je iets van inspirationeel shoppen. Ik denk dat hier nog erg veel gewonnen kan worden. Er zijn nou eenmaal mensen die bij de lijstjes compleet afhaken. (overigens, ikzelf niet, ik vind guided navigation prima werken).

  3. Jorrit van abonnementkeuze.com op 2 februari 2010 om 09:07 uur

    Ik zie hierin inderdaad de toekomst (tenminste voor de komende tijd) van het productzoeken. Ik merk dat ik vaak webwinkels wegklik waarbij ik niet tenminste een paar filters kan meegeven.

    Nadeel is wel dat de backoffice veel gecompliceerder wordt, al deze filters moeten gekoppeld worden aan condities per product. Al die condities moeten ingevoerd zijn/worden.

  4. Anouschka Scholten van userneeds.nl op 2 februari 2010 om 16:31 uur

    Helder en compleet artikel! Ik heb verschillende filter interactiepatronen ontworpen afgelopen jaar en deze ontwerpen ook mogen testen met gebruikers.
    Hierbij kwam duidelijk naar voren dat gebruikers snel en eenvoudig tot relevante informatie komen en wat ook opvalt is dat gebruikers het enorm waarderen om op deze manier te navigeren; je ziet dat ze geneigd zijn te ‘spelen’ met de filters.

  5. Tim Gies van mindsteps.eu op 3 februari 2010 om 17:36 uur

    Goed stuk! Al zou ik eerder als term facet navigatie (faceted navigation) hanteren dan Guided Navigation. Ik mis eigenlijk in het artikel een stukje over de combinatie met zoeken (full text search) met autocomplete waardoor websites nog krachtiger worden en bijdrage levert aan de conversie verhoging.

    @Jorit: De backoffice hoeft niet complex te zijn. Het is alleen een rot klus omdat je alle product eigenschappen moet benoemen. Vaak wordt hiervoor een Product Informatie Management oplossing gebruikt of gewoon een spreadsheet. Ook kom je steeds vaker content providers en leveranciers tegen die deze informatie aanbieden.

  6. Ivo Bosma van ivobosma.nl op 6 februari 2010 om 09:59 uur

    Mooi artikel Sebastiaan.

    Persoonlijk vind ik de werking van de faceted navigation van youtellme.nl erg goed. Hier kun je opties uitzetten die niet relevant voor je zijn, zodat je het overzicht houdt. Bovendien kun je met de optie ‘Meer specificaties toevoegen’ heel gericht een keuze maken uit opties die jij belangrijk vindt.

    Youtellme heeft hiermee in mijn ogen een slimme keus gemaakt voor de beschikbare ruimte: toon de belangrijkste kenmerken direct op het scherm, maar geef de gebruiker ook de mogelijkheid belangrijke kenmerken toe te voegen.

    Ervaar het zelf op http://www.youtellme.nl/vergelijk/flatscreen_televisies/

    In een artikel van digital-web staat een mooie beslisboom over welke UI elementen toe te passen in faceted navigation:

    PDF beslisboom: http://www.digital-web.com/extras/faceted_browsing/decisionTreeArticle.pdf

    (Volledige artikel: http://www.digital-web.com/articles/user_interface_implementations_of_faceted_browsing/)

  7. Karl Gilis van agconsult.be op 12 mei 2010 om 23:47 uur

    Goed artikel, maar wat een vreemde titel: guided navigation.

    Volledig eens met de richtlijnen over de uitwerking. Op http://usability-blog.be/filteren-productcatalogus-design-tips/ staan nog meer voorbeelden en enkele uitstekende tips over hoe een goede facetnavigatie designen. Wat wij vaak zien tijdens gebruikerstesten is dat kleine details ervoor zorgen of een facetnavigatie als handig dan wel als onhandig beschouwd wordt.

Schrijf een reactie


Opmaak uitschakelen