Zeven items is het maximum, vijf werkt beter

Elk extra item in je hoofdmenu is een extra keuze voor je bezoeker. Bij vijf tot zeven hoofditems weet iemand nog waar te klikken. Bij tien of meer gaat de bezoeker scannen in plaats van kiezen, en dat kost je aanvragen. De vuistregel is simpel: kun je het menu niet in drie seconden overzien, dan kan je bezoeker dat ook niet.

Veel advieskantoren hebben dit probleem omdat het menu meegroeit met het bedrijf. Een nieuwe dienst erbij, een pagina voor een actie, een link naar het klantportaal — allemaal los toegevoegd, nooit opnieuw bekeken. Na een paar jaar staat er een menu met veertien items waar niemand meer de logica van ziet. Check dit zelf: tel de items in je hoofdmenu. Meer dan zeven? Dan is opruimen aan de orde.

De oplossing is niet alles schrappen, maar groeperen. "Hypotheken", "Verzekeringen" en "Pensioen" kunnen prima onder één item "Diensten" staan, met de losse onderdelen als subpagina's eronder. Je bezoeker ziet dan één logische ingang in plaats van drie losse knoppen die om aandacht vragen. Hetzelfde geldt voor losse actiepagina's: een tijdelijke actie hoort in een submenu of op de homepage, niet als vast hoofditem dat na de actie blijft hangen.

De volgorde bepaalt wat belangrijk lijkt

Mensen lezen een menu van links naar rechts en onthouden vooral het begin en het einde. Zet je belangrijkste dienst dus niet als vierde of vijfde item — die verdwijnt in het midden. "Over ons" hoort meestal niet vooraan: een nieuwe bezoeker wil eerst weten wát je doet, pas daarna wie je bent.

Een logische volgorde voor een advieskantoor: Diensten, Voor wie, Over ons, Kennisbank, Contact. "Contact" staat bewust als laatste item, bij voorkeur met een duidelijke knopstijl die afwijkt van de rest. Dat laatste item is namelijk niet zomaar een linkje. Het is de stap die je eigenlijk wilt dat iemand zet.

Test dit op je eigen site: vraag iemand die het kantoor niet kent om in tien seconden te vertellen wat je doet, puur op basis van het menu. Lukt dat niet, dan zegt het menu te weinig over je dienstverlening. Vaak blijkt dan dat de belangrijkste dienst pas als vijfde of zesde item staat, terwijl die vooraan hoort.

Subpagina's houden het menu licht

Een dropdown onder "Diensten" met vijf of zes subpagina's werkt beter dan vijf aparte hoofditems. De bezoeker ziet in één oogopslag dat het om varianten van hetzelfde gaat, en het hoofdmenu blijft overzichtelijk. Werk je met rekentools of een uitgebreide kennisbank, zet die dan ook onder een submenu in plaats van los in de hoofdbalk.

Let wel op de diepte. Twee niveaus is de grens. Een dropdown die weer een eigen dropdown heeft, vraagt te veel van een bezoeker op een telefoon. Mobiel gedrag verdient sowieso een aparte check — een hamburgermenu met te veel geneste niveaus werkt al snel niet meer prettig, zoals we eerder schreven over mobiele navigatie.

Twijfel je welk item wel of niet blijft staan, kijk dan naar wat bezoekers daadwerkelijk aanklikken. De meeste sitebouwers kunnen laten zien hoeveel klikken elk menu-item per maand krijgt. Staat een item al maanden onderaan die lijst, dan is dat een duidelijk signaal om het te verplaatsen naar een submenu of helemaal te schrappen.

Een opgeruimd menu is geen kwestie van smaak. Het is het verschil tussen een bezoeker die binnen een paar klikken bij je contactformulier uitkomt, en een bezoeker die afhaakt omdat hij niet vindt wat hij zoekt. Neem elk kwartaal tien minuten om het menu met frisse blik te bekijken: welk item zou een nieuwe klant missen, en welk item staat er eigenlijk voor niemand meer. Bij Contaqt Website bouwen we die navigatie mee bij elke nieuwe of vernieuwde site, afgestemd op wat jouw klanten het vaakst zoeken. Benieuwd hoe jouw menu daarin scoort? Bekijk wat Contaqt Website voor je kantoor kan doen.

Samengevat

  • Vijf tot zeven hoofditems is het maximum voor een overzichtelijk hoofdmenu van een advieskantoor.
  • Een menu dat meegroeit zonder opruiming eindigt al snel met tien of meer items die niemand meer logisch vindt.
  • Groepeer verwante diensten onder één hoofditem met subpagina's in plaats van losse knoppen voor elk onderdeel.
  • De volgorde van de items stuurt wat een bezoeker als belangrijkst ziet, dus zet de kernboodschap niet in het midden.
  • Contact hoort als laatste item met een eigen knopstijl, omdat dat de stap is die je wilt dat bezoekers zetten.
  • Eén dropdown-niveau is genoeg; meer geneste niveaus werken slecht op mobiel.