Waarom geen hamburger menu op je desktop website!

Als je ooit een website hebt gebouwd of ontworpen, heb je ongetwijfeld met het hamburger menu gespeeld: die drie horizontale streepjes die een menu verbergen. Handig, toch? Vooral op mobiel. Maar zodra je datzelfde mobiele menu klakkeloos naar de desktopversie kopieert, gaat het mis.

Waarom is een hamburger menu op desktop vaak een slecht idee? Wat kun je beter doen om je bezoekers écht te helpen navigeren?

Verstopte navigatie

Op een desktop heb je ruimte zat. Waarom zou je dan je belangrijkste navigatieopties verstoppen achter een icoontje? Elke klik die een bezoeker extra moet doen, is een kans dat hij afhaakt. Denk er eens over na: als jij op zoek bent naar informatie en je moet eerst raden waar die zit, klikken om een menu open te klappen, en dan pas je optie ziet, dan voelt dat als gedoe. Mensen willen direct zien waar ze moeten zijn.

Wat je verstopt, lijkt minder belangrijk. En dat straalt af op je hele site.

Lagere vindbaarheid en betrokkenheid

Uit gebruikersonderzoek blijkt keer op keer: menu-items die direct zichtbaar zijn, krijgen meer aandacht en meer klikken. Tot wel 50% meer, volgens sommige studies. Een hamburger menu zorgt ervoor dat je bezoekers minder interactie hebben met je site. Ze klikken minder, ontdekken minder, en blijven minder lang hangen. Precies het tegenovergestelde van wat je wilt.

Op desktop verwacht niemand een mobielachtige interface. Je bezoeker zit met een muis of trackpad, niet met een duim. Die extra klik op dat kleine icoontje voelt onnatuurlijk.

Een misplaatste mobiele oplossing

Het hamburger menu is ooit bedacht als noodoplossing voor kleine schermen. Daar heeft het z'n nut: ruimte besparen, orde houden. Maar dat betekent niet dat je het ook moet gebruiken waar het niet nodig is. Op desktop is ruimte geen probleem. Je kunt zonder moeite een horizontale navigatiebalk tonen. Dan weet je bezoeker meteen waar hij aan toe is. Een hamburger menu op desktop voelt dan als een designkeuze uit gemakzucht, alsof je geen tijd wilde steken in een goede, aangepaste navigatie. En dat merkt de bezoeker.

Duidelijkheid = vertrouwen. En "mobile-first" is niet hetzelfde als "mobile-only".

Wat dan wél doen?

Gebruik op desktop gewoon een klassiek horizontaal menu. Zet je belangrijkste pagina’s daarin, met duidelijke labels. Heb je veel subpagina’s? Gebruik dan dropdowns of mega menu’s. Zorg ook dat het menu op elke pagina zichtbaar blijft, liefst bovenaan. Zo houd je je site overzichtelijk en je bezoeker op koers.

Uitzonderingen? Zeker. Als je een minimalistisch design hebt waarbij elke afleiding te veel is, of als je doelgroep superdigitaal is (denk aan developers of designers), dan kun je overwegen om een hamburger menu op desktop te gebruiken. Maar alleen als het een bewuste keuze is, en niet een standaardoplossing.

Een hamburger menu is geen magisch symbool van modern webdesign. Het is een noodgreep voor kleine schermen. Op desktop is het meestal overbodig, verwarrend en slecht voor je conversie. Kies liever voor duidelijkheid. Toon je navigatie direct, geef je bezoeker houvast, en maak het makkelijk om jouw content te ontdekken. Je site zal er beter door presteren, en je bezoekers zullen je dankbaar zijn.

Bron: Hamburger Menus and Hidden Navigation Hurt UX Metrics - Kara Pernice and Raluca Budiu / Nielsen Norman Group (2016).