Terug naar begrippenlijst
Hamburger menu
Een hamburger menu is een veelgebruikte navigatie oplossing in webdesign, vooral op mobiele apparaten. Het bestaat meestal uit drie horizontale lijnen (die lijken op een hamburger) en fungeert als een knop die een verborgen navigatiemenu opent. Deze minimalistische aanpak bespaart ruimte en biedt een overzichtelijke manier om gebruikers toegang te geven tot de navigatie-opties zonder de interface te overbelasten.
Inhoudsopgave
Hapklare navigatie: hoe werkt een hamburger menu?
Een hamburger menu is een compacte manier om navigatie te presenteren, vooral op kleinere schermen zoals smartphones en tablets. De drie lijnen dienen als een visuele indicatie dat er meer opties beschikbaar zijn. Bij een klik of tik opent een uitklap- of zijmenu waarin de navigatie links worden weergegeven.
Het menu is ontworpen om eenvoudig en overzichtelijk te zijn door gebruikers een duidelijke route te geven naar andere delen van een website of app zonder de interface rommelig te maken.
Navigeren met smaak
Het hamburger menu wordt vooral gebruikt om ruimte te besparen in het ontwerp, wat cruciaal is voor mobiele apparaten met beperkte schermruimte. Door het menu te verbergen achter een icoon blijft het ontwerp schoon en minimalistisch, terwijl gebruikers nog steeds toegang hebben tot alle belangrijke navigatie links.
Daarnaast biedt een hamburger menu flexibiliteit: het kan eenvoudig worden aangepast aan verschillende schermformaten en past zowel bij websites als bij mobiele apps.
Voor- en nadelen van een hamburger menu
| Voordelen | Nadelen |
| Ruimtebesparing
Houdt het ontwerp overzichtelijk, vooral op kleine schermen. |
Verstopte navigatie
Gebruikers zien niet direct alle beschikbare opties. |
| Flexibiliteit
Geschikt voor mobiele én desktopweergaven. |
Extra interactie nodig
Het menu vereist een klik of tik om te openen, wat een extra stap toevoegt. |
| Focus op inhoud
De gebruiker kan zich concentreren op de hoofdinhoud zonder afleiding. |
Minder intuïtief voor sommige gebruikers
Niet iedereen begrijpt direct het hamburger icoon. |
Veelgestelde vragen
Een hamburger menu is een navigatieknop die bestaat uit drie horizontale lijnen en toegang biedt tot een verborgen menu met links of opties.
De naam komt van het uiterlijk: de drie lijnen lijken op een gestapelde hamburger.
Hamburger menu’s zijn ideaal voor mobiele ontwerpen en minimalistische interfaces waar ruimte beperkt is.
Ja, alternatieven zijn bijvoorbeeld een tab navigatie of een vast menu dat met de gebruiker meescrollt. Welke optie het beste is, hangt af van de structuur en inhoud van je website of app.
Mika de Bruijn Lead digital designer
Gerelateerde begrippen
- 404-pagina
- A/B-testen
- Above the Fold
- Afbeeldingsresolutie
- AJAX
- Aspect ratio
- Bitbucket
- Breadcrumbs
- Business-to-Business (B2B)
- Business-to-Consumer (B2C)
- Call To Action (CTA)
- Click Through Rate (CTR)
- Cloudflare
- Content marketing
- Contentkalender
- Conversie-optimalisatie (CRO)
- Copyright
- Docker
- E-mailmarketing
- Footer
- Front-end
- Google Analytics
- Google Mijn Bedrijf
- Header
