Hamburger icon (slide drawer navigation)

Een hamburger icon, in user interface (UI) design, is een navigatie symbool bestaande uit drie gestapelde horizontale lijnen die de locatie aangeven van een verborgen menu. Het pictogram dankt zijn naam aan het feit dat de structuur lijkt op een hamburger in een broodje in een vereenvoudigde grafische weergave. Wanneer een eindgebruiker op het pictogram klikt, tikt of het aanraakt, schuift het menu aan de zijkant van het scherm uit en presenteert het een reeks opties voor toekomstige actie. Het hamburger-icoon kan ook worden aangeduid als een menu-icoon of een schuiflade-icoon.  

Het gebruik van een hamburger-icoon illustreert een principe in user experience (UX) design genaamd progressive disclosure. Een belangrijk doel van progressive disclosure bij het ontwerpen van websites en mobiele apps is het vrijmaken van waardevolle schermruimte door alleen die informatie te tonen die relevant is voor de huidige activiteit van de eindgebruiker. Aanvullende informatie en functies kunnen worden opgeroepen wanneer daarom wordt gevraagd terwijl gebruikers zich door de website of app bewegen. 

hamburgerpictogram

Norm Cox, een grafisch ontwerper bij Xerox, creëerde het pictogram als onderdeel van de gebruikersinterface (UI) voor een computerwerkstation genaamd de Xerox Star. Het werkstation, dat in 1981 werd uitgebracht en gepromoot als een kantoorautomatiseringssysteem, had een baanbrekende grafische gebruikersinterface (GUI) die afbeeldingen gebruikte van bekende kantoorobjecten als dossiermappen en vuilnisbakken om taken weer te geven. De desktop-metafoor werd al snel overgenomen door andere computerleveranciers en wordt vandaag de dag nog steeds gebruikt.

Hoewel het hamburgerpictogram al tientallen jaren wordt gebruikt, is de leerbaarheid ervan vaak een onderwerp van discussie tussen professionals op het gebied van digitale gebruikerservaring. Leerbaarheid is een ontwerpprincipe dat betrekking heeft op het gemak waarmee gebruikers basistaken kunnen uitvoeren als ze voor het eerst met een ontwerp te maken krijgen. Voorstanders van de hamburger beweren dat de meeste eindgebruikers vertrouwd zijn met het pictogram en dat, naarmate computers mobieler worden, het pictogram een belangrijke rol zal blijven spelen in het bieden van een natuurlijke gebruikersinterface, simpelweg omdat de beschikbare schermruimte op mobiele apparaten beperkt is. Tegenstanders beweren dat navigatie-opties die achter een hamburger verborgen zitten zeer waarschijnlijk vergeten zullen worden omdat eerst op het pictogram geklikt moet worden voordat opties zichtbaar worden. Tegenstanders van schuifladennavigatie en het hamburgerpictogram geven vaak de voorkeur aan een navigatie met tabbladen of tegels.