Een navigatiebalk is de rij links, vrijwel altijd bovenaan een website, die bezoekers naar de belangrijkste pagina’s stuurt. Het is het eerste dat de meeste mensen scannen als ze aankomen, en het schept hun verwachting van wat de site biedt.

Zie het als het menubord boven de toonbank van een koffiezaak. Eén snelle blik vertelt je alles wat er is en waar je bestelt, zonder iemand iets te vragen. Een navigatiebalk doet dat voor een website: hij toont de hoofdbestemmingen in één oogopslag en blijft op een plek waar mensen instinctief kijken. Het is het zichtbaarste deel van de bredere navigatie van een site, en op langere pagina’s wordt het vaak een sticky balk die met je meescrollt.

De kunst zit in terughoudendheid. Een navigatiebalk met twintig links is even nutteloos als een menubord met tweehonderd gerechten; mensen lopen vast. Vijf tot zeven heldere keuzes, met verwante pagina’s weggestopt in dropdowns, houdt het scanbaar. De labels moeten de woorden gebruiken die je bezoekers gebruiken, niet intern jargon.

Op een telefoon klapt diezelfde balk meestal in tot een hamburgericoon, en die kleine wijziging draagt een echt risico: links die je verbergt zijn links die mensen vergeten dat ze bestaan, dus de belangrijkste actie hoort zichtbaar te blijven, niet weggestopt in het menu. Volgorde telt ook, want het eerste en het laatste item vallen het meeste op. En wat een bezoeker nu bekijkt moet duidelijk gemarkeerd staan, zodat de balk in één oogopslag “waar ben ik” beantwoordt in plaats van mensen te laten gokken.

Bij TopDevs ontwerpen we navigatiebalken kort, eerlijk en consistent over elke pagina, zodat bezoekers altijd weten waar ze zijn en waar ze heen kunnen.