Hoe maak je een duidelijk menu voor je website?

01 / VAN VRAAG NAAR PRAKTIJK

Maak het menu vanuit de vragen van je klant.

Als ondernemer ken je jouw aanbod van binnen en buiten. Je bezoeker moet het nog leren kennen. Een menunaam die binnen je bedrijf heel logisch is, kan voor een nieuwe klant weinig betekenen. Schrijf daarom eerst drie taken op waarvoor mensen je website bezoeken. Bijvoorbeeld een behandeling kiezen, openingstijden vinden en een afspraak aanvragen.

Vertaal die taken naar bestemmingen. Een salon kan werken met Behandelingen, Prijzen, Over ons en Afspraak maken. Een installatiebedrijf heeft misschien meer aan Diensten, Projecten en Contact. Dit zijn voorbeelden, geen vaste indelingen per branche. Laat je echte aanbod bepalen welke route voorrang krijgt.

Een menu is niet hetzelfde als een volledige inhoudsopgave. Je hoeft niet ieder artikel of iedere veelgestelde vraag bovenaan te zetten. Groepeer verdiepende informatie op een overzichtspagina en link van daaruit verder. Gebruik het artikel over welke pagina’s je bedrijfswebsite nodig heeft om die structuur eerst uit te tekenen.

Kies woorden waarvan een bezoeker kan voorspellen wat erachter zit. “Onze wereld” kan allerlei informatie bevatten; “Over ons” is meestal duidelijker. “Oplossingen” kan passend zijn, maar vraagt vaak om verduidelijking. Een creatieve kop op de pagina kan karakter geven terwijl de menunaam gewoon vertelt waar de link naartoe gaat.

Spreek bij het ontwerpen van de website af welke actie belangrijk is. Een opvallende contactknop kan helpen, maar niet iedere link hoeft een knop te worden. Zorg dat de bezoeker eerst voldoende informatie kan vinden om die stap te willen zetten.

02 / VAN VRAAG NAAR PRAKTIJK

Verdeel de inhoud zonder een doolhof te maken.

De menu-uitleg van W3C beschrijft navigatie als een weergave van de sitestructuur. Een begrijpelijke indeling helpt bezoekers zich te oriënteren. Gebruik daarom dezelfde volgorde en benamingen op vergelijkbare pagina’s. Zo hoeft iemand niet na iedere klik opnieuw te leren hoe de website werkt.

Stel dat een klusbedrijf timmerwerk, schilderwerk en badkamerverbouwingen aanbiedt. Je kunt die drie diensten onder Diensten laten zien, met daarnaast een overzichtspagina. Laat een bezoeker ook zonder een ingewikkeld uitklapmenu bij de drie keuzes komen. Een korte introductie per dienst helpt wanneer iemand nog niet weet welke oplossing past.

Er bestaat geen ideaal aantal menu-items voor iedere website. Kijk naar de ruimte, de lengte van de namen en het onderscheid tussen de keuzes. Twee bijna gelijke items als “Wat we doen” en “Ons aanbod” zorgen eerder voor twijfel dan voor overzicht. Samenvoegen is dan vaak nuttiger dan alleen letters kleiner maken.

Gebruik links in de tekst om verdieping aan te bieden op het moment dat die relevant wordt. Vanuit een uitleg over een bedrijfswebsite kan een link naar kosten of onderhoud logisch zijn. Dat voorkomt dat alle onderwerpen in het hoofdmenu moeten staan. De footer kan algemene informatie en aanvullende routes bevatten.

Voor een webshop verdienen productcategorieën een eigen indeling. Scheid bijvoorbeeld het vinden van een product van informatie over bezorging of het bedrijf. Geef categorieën namen die bij het assortiment passen en controleer wat er gebeurt als het aantal producten groeit. Bespreek die structuur bij een webshop laten maken.

Een zoekfunctie kan bij een uitgebreide site helpen, maar vervangt geen begrijpelijk menu. Controleer of zoekresultaten nuttig zijn en wat iemand ziet bij een zoekterm zonder resultaten. Voor een kleine bedrijfswebsite kan een helder overzicht voldoende zijn. Voeg functionaliteit toe omdat ze een echte taak makkelijker maakt.

03 / VAN VRAAG NAAR PRAKTIJK

Test een route, niet alleen een mooi menu.

Geef iemand die de website niet kent een concrete opdracht: “Waar vind je wat een badkamerverbouwing inhoudt?” Zeg niet op welke knop diegene moet klikken. Bekijk de gekozen route en vraag achteraf waar twijfel ontstond. Een verkeerde eerste keuze kan aanwijzen dat een naam of groepering beter kan.

Test op een telefoon of het menu duidelijk te openen en te sluiten is. Zijn de onderdelen goed aan te tikken en blijft de inhoud bereikbaar als de tekst groter staat? Een grote uitgeklapte navigatie mag belangrijke bediening niet buiten beeld plaatsen. Neem verschillende schermbreedtes mee, zoals bij het controleren van een responsive website.

Loop de navigatie ook met het toetsenbord door. Je moet kunnen zien welke link of knop focus heeft. Een submenu dat alleen verschijnt als je er met de muis boven hangt sluit andere bediening uit. Laat openen, sluiten en de focusvolgorde beoordelen. Meer aandachtspunten staan bij een beter bruikbare website.

Controleer de bestemming van iedere menulink na wijzigingen. Een nieuwe naam mag niet ongemerkt naar de verkeerde dienst verwijzen. Denk ook aan het logo als terugweg naar de homepage en een herkenbare aanduiding van de huidige pagina. Een broodkruimelpad kan op diepere pagina’s aanvullende oriëntatie geven.

Leg het gekozen menu vast met de namen en bestemmingen. Voeg pas iets toe wanneer duidelijk is waar het hoort en waarom de bezoeker het nodig heeft. Een periodieke controle voorkomt dat tijdelijke acties of oude diensten jarenlang bovenaan blijven staan. Bij een bestaande site kunnen we dit meenemen in gerichte websiteaanpassingen.