Welke navigatiestructuur is het beste voor je webwinkel!

Een goed doordachte navigatiestructuur is van groots belang voor een webwinkel. De bezoekers dienen hun weg door de webwinkel snel te kunnen vinden.

Het kiezen en ontwerpen van een navigatie is nog niet zo heel simpel, want wat is nu goed voor je website?

Verschillende vormen navigatie
1. Horizontaal menu
Een horizontaal menu wordt direct onder de header geplaatst. Voor omvangrijke webwinkels wordt dit menu vaak als hoofdcategorie gebruikt. Het menu is heel lastig uit te breiden en kan snel onoverzichtelijk worden.

Yoox maakt gebruik van een horizontaal menu, welke uit twee lagen bestaat. De bovenste laag bestaat uit de hoofdcategorieën en de onderste laag uit subcategorieën.

2. Verticaal menu
Het verticale menu wordt aan de linker bovenkant geplaatst. Voor omvangrijke webwinkels is dit een vaak gebruikte navigatie methode. Deze is makkelijk uit te breiden en blijft overzichtelijk.

Kadoplein maakt gebruik van een verticale navigatie, waarin de hoofdcategorieën staan. Na een hoofdcategorie aangeklikt te hebben verschijnen daaronder de subcategorieën.

3. Roll-out menu

Het roll-out menu wordt vaak gebruikt bij een omvangrijke webwinkel. Het roll-out gedeelte rolt uit het horizontale menu met de hoofdcategorieën, waarin de subcategorieën staan. Deze kan makkelijk uitgebreid worden en blijft overzichtelijk. Als er gekozen wordt voor een roll-outmenu dient er wel voor gezorgd te worden dat deze niet heel muisgevoelig is. Als men er met de muis over gaat, moet de roll-out niet ineens kunnen verdwijnen.

American Eagle maakt gebruik van een horizontale navigatie in combinatie met een roll-out. Het horizontale  gedeelte bestaat uit de hoofdcategorieën en de rollout verschijnt als men over een hoofdcategorie gaat. Deze bestaat uit subcategorieën en subsubcategorieën.

4. Combinatie
Vaak wordt voor webwinkels een combinatie gemaakt van de verschillende vormen navigatie. De combinatie horizontale en verticale navigatie is een veel gebruikte optie. Het gebruik van alle vormen is een nog niet veel gebruikte optie, deze wordt al wel uitgevoerd bij webwinkels die uit meerdere lagen bestaan.

Wehkamp maakt gebruik van een horizontale en verticale navigatie. Het horizontale gedeelte bestaat uit de hoofdcategorieën en de verticale as verschijnt als er een hoofdcategorie is gekozen. Deze bestaat uit subcategorieën.

Hieronder volgen richtlijnen voor het ontwerpen van een navigatie.

Gebruik consequent dezelfde navigatiestructuur
Zorg dat de navigatiestructuur op iedere pagina hetzelfde is. Gebruikers leren snel bepaalde patronen binnen een website aan. Zorg er dus voor dat de navigatie niet wegvalt of veranderd van vorm op bepaalde pagina’s.

Plaatsing van het menu
Plaats de primaire navigatie aan de linkerkant en/of onder de header. Dit is de meest gunstige plek voor de bezoekers. Door het scannend lezen van de bezoekers, wordt de navigatie direct gezien.

Categoriseren
Zorg dat de producten onder de juiste categorie geplaatst worden. Laat dmv de categorie duidelijk zien waar de bezoeker terech komt binnen de website.

Broodkruimels
Zorg dat de bezoeker kan zien waar hij zich precies bevindt en waar hij vandaan is gekomen. Zet het broodkruimelpad bovenaan de content van iedere pagina.

Home button
Laat gebruikers duidelijk zien hoe ze weer terug kunnen gaan naar het beginpunt (homepagina). Plaats een link naar de homepagina links boven in de website, onder het logo. Niet alle gebruikers weten dat men kan terug keren naar de homepagina door op het logo te klikken.

Nieuw!
Zorg ervoor dat er duidelijk in het hoofdmenu een link naar de nieuwe producten wordt weergegeven. Dit is van belang voor de terugkerende bezoeker, zo blijven deze geïnteresseerd in de shop.

Conclusie
De navigatiestructuur waar mijn voorkeur naar uit gaat is een combinatie van Wehkamp en QVC. Ofwel een horizontaal menu bovenin met de hoofdcategorieën, aan de linker kant een menu met de subcategorieën en een filter functie. Voor een snel overzicht zou ik gebruik maken van een roll out menu in het hoofdmenu. Hierin zien de bezoekers snel welke subcategorieën er zijn.