Je menu is het stuur van je website. Het bepaalt of een bezoeker binnen een paar tellen vindt wat hij zoekt, of dat hij gefrustreerd afhaakt en naar een concurrent klikt. Toch krijgt het menu vaak weinig aandacht: er worden zoveel mogelijk pagina's in geplet en klaar. Het resultaat is een rommelige balk waar niemand wegwijs in wordt. In dit artikel laat ik zien hoe je een navigatie opbouwt die rust geeft en bezoekers vasthoudt.
Minder items, meer overzicht
De eerste valkuil is te veel willen. Elke pagina lijkt belangrijk genoeg voor het hoofdmenu, maar zo ontstaat een waslijst waar bezoekers door moeten ploegen. Houd het beperkt: vijf tot zeven items zijn voor de meeste mkb-sites genoeg. Denk aan diensten, over, blog of kennisbank, en contact. De pagina's die er minder toe doen, zoals voorwaarden of een privacyverklaring, horen prima in de footer thuis. Zo blijft het hoofdmenu een keuzemenu en geen inhoudsopgave.
Gebruik woorden die je bezoeker kent
Een veelgemaakte fout is dat menu-items te slim of te intern worden geformuleerd. Een bezoeker zoekt naar 'diensten' of 'tarieven', niet naar een verzonnen merknaam voor je aanbod. Gebruik gewone, voorspelbare woorden. Iemand moet bij het lezen meteen weten wat hij achter de link kan verwachten. Dat klinkt simpel, maar juist hier gaat het vaak mis. Hoe duidelijker je labels, hoe minder mensen hoeven te gokken en hoe sneller ze doorklikken.
Een goed menu hoeft niemand uit te leggen. Als een bezoeker moet nadenken waar hij moet klikken, is het menu nog niet af.
Groeperen wanneer het echt nodig is
Heb je veel pagina's, bijvoorbeeld een uitgebreid dienstenaanbod, dan kun je groeperen onder een paar duidelijke categorieen. Een dropdown kan dan helpen, maar gebruik hem met mate. Op mobiel zijn uitklapmenu's lastiger te bedienen, dus een te diepe structuur werkt daar tegen je. Vaak is een overzichtspagina met daaronder de losse pagina's prettiger dan drie lagen menu. Over hoe je structuur en gebruiksvriendelijkheid samen aanpakt, lees je meer in de gids over navigatie en UX.
Het menu op mobiel
De meeste bezoekers komen via hun telefoon, dus je menu moet daar net zo goed werken als op een groot scherm. Het bekende hamburgermenu is prima, mits het soepel openklapt en de items groot genoeg zijn om met een duim te raken. Houd de contactknop ook op mobiel zichtbaar, zodat de belangrijkste actie nooit ver weg is. Hoe je je hele site op de telefoon laat kloppen, lees je in mobiel eerst: waarom je site op de telefoon moet kloppen.
Laat de belangrijkste actie opvallen
In bijna elk goed menu staat rechts een opvallende knop, meestal voor contact of een offerte. Door die in een afwijkende kleur te zetten, leid je het oog naar de actie die jou klanten oplevert. De rest van het menu blijft rustig, terwijl de belangrijkste stap eruit springt. Zo stuur je bezoekers zonder dat het opdringerig voelt. Wil je dat principe verder doortrekken, kijk dan ook naar een call-to-action die echt klikt oplevert.
Samen je structuur op orde brengen
Een goede navigatie begint bij een logische opbouw van je hele site, niet alleen het menu. Welke pagina's heb je, hoe horen ze bij elkaar en welke route wil je dat bezoekers afleggen? Dat denk ik bij het website laten maken vanaf het begin met je mee. Heb je al een site die rommelig aanvoelt, dan kan een website redesign de structuur weer rechttrekken. Een rustig, voorspelbaar menu is vaak een van de snelste manieren om meer uit je bestaande site te halen.
Veelgestelde vragen
Hoeveel menu-items zijn ideaal?
Voor de meeste mkb-sites werkt vijf tot zeven items in het hoofdmenu het beste. Meer dan dat en bezoekers gaan zoeken in plaats van kiezen. Heb je veel pagina's, groepeer ze dan onder een paar duidelijke categorieen en gebruik de footer voor de minder belangrijke links.
Moet ik een dropdown-menu gebruiken?
Alleen als je echt meerdere niveaus hebt, bijvoorbeeld een dienstenoverzicht met losse pagina's eronder. Voor een eenvoudige site is een plat menu zonder dropdowns vaak duidelijker en werkt het beter op mobiel, waar uitklapmenu's lastiger te bedienen zijn.
Waar plaats ik de knop voor contact?
Rechts in het menu, vaak als opvallende knop in een afwijkende kleur. Zo valt de belangrijkste actie meteen op zonder dat de rest van het menu eronder lijdt. Op mobiel houd je hem zichtbaar of vast bovenaan, zodat bezoekers altijd snel contact kunnen opnemen.