Het menu bovenaan je site is de plattegrond van je hele bedrijf. Klopt die plattegrond, dan vindt iedereen zonder moeite zijn weg. Klopt hij niet, dan dwalen bezoekers rond, raken geïrriteerd en verdwijnen. Toch wordt het menu vaak in vijf minuten in elkaar gezet, terwijl het een van de belangrijkste onderdelen van het ontwerp is.
Minder is meer
Een menu met negen kopjes overweldigt. De meeste sites komen prima toe met vier tot zes hoofdonderdelen. Vraag jezelf bij elk kopje af: zoekt mijn bezoeker dit echt? Wat zelden bezocht wordt, kan vaak een laag dieper of helemaal weg. Een kort menu oogt rustiger en laat zien dat je keuzes durft te maken.
Gebruik woorden die mensen kennen
"Diensten", "Over", "Contact": saai misschien, maar iedereen snapt ze meteen. Creatieve namen als "Onze reis" of "Wat we brengen" voelen origineel, maar laten de bezoeker raden. Op een menu wint duidelijkheid het altijd van originaliteit. Schrijf de woorden die je klant zelf zou gebruiken.
Een goed menu hoeft niet uitgelegd te worden. Als je je navigatie moet toelichten, klopt er iets niet.
Laat zien waar de bezoeker is
Markeer de pagina waar iemand zich bevindt, bijvoorbeeld met een accentkleur of een streepje. Zo weet de bezoeker steeds waar hij is in je site. Broodkruimels boven de pagina helpen daar ook bij, vooral op sites met meerdere lagen. Verdwalen is een van de snelste redenen om weg te klikken.
Eén knop die opvalt
Geef de belangrijkste actie, vaak contact of aanvraag, een knopvorm die afsteekt tegen de rest van het menu. Zo leid je de bezoeker naar de stap die jij wilt, zonder dat het opdringerig wordt. De rest van het menu blijft rustig, die ene knop trekt net genoeg aandacht.
Vergeet mobiel niet
Op een telefoon zit het menu meestal achter een knopje. Zorg dat het makkelijk te openen is, dat de items groot genoeg zijn om met je duim te raken en dat de belangrijkste knop ook hier opvalt. Een menu dat op desktop werkt maar op mobiel frustreert, faalt voor de helft van je bezoekers.
Wil je dat bezoekers moeiteloos hun weg vinden op jouw site? Vraag een vrijblijvende blik.
Verder lezen: Visuele hiërarchie · Mobiel-eerst ontwerpen