Wat is de Hamburger-knop en hoe wordt deze gebruikt?

Wat is de Hamburger-knop en hoe wordt deze gebruikt?

Een hamburgerknop klinkt heerlijk, toch? Je krijgt er misschien honger van, maar de hamburgerknop heeft eigenlijk niets met hamburgers te maken. Geloof het of niet, het is een term die vaak wordt gebruikt voor menuknoppen in apps.





De meesten van ons gebruiken dit pictogram zelfs dagelijks. Het pictogram met drie gestapelde lijnen dat u ziet tijdens het schakelen tussen een menu of navigatiebalk in een app, is een hamburgerknop.





Dus waar komt deze naam vandaan en waarom wordt deze gebruikt? Laten we het uitzoeken.





De oorsprong van de Hamburger-knop

De hamburgerknop bestaat al sinds de jaren 80. De naam komt van het ontwerp: de drie gedurfde horizontale lijnen die op een hamburger lijken. Ook bekend als het inklapbare menupictogram, is de hamburgerknop gemaakt door Norm Cox als onderdeel van de gebruikersinterface voor de Xerox Star, een van de eerste moderne commerciële personal computers.

Vanwege de ontwerpbeperkingen van die tijd moest het pictogram dat een menu met extra opties vertegenwoordigt iets eenvoudigs zijn. De drie parallelle gedurfde lijnen voldeden aan de behoefte, waardoor de gebruikersinterface een minimalistische uitstraling kreeg. De lijnen zijn een abstracte weergave van een verticale lijst met opties en functies die erin zijn opgenomen.



Met de komst van smartphones en mobiele apps werd het hamburgericoon prominenter. Met de nieuwe en kleinere gebruikersinterfaces was het moeilijk om de meeste opties op het scherm in te passen. Om de navigatie te vergemakkelijken, moesten ontwikkelaars ze wegstoppen in een menu, en het hamburgerpictogram bleek voor dit doel nuttig te zijn.

Hoewel het ter discussie staat welke app het als eerste heeft gebruikt, was de Tweetie-app van Twitter misschien wel een van de eerste moderne apps die het pictogram gebruikte. Kort daarna werd het hamburgerpictogram steeds populairder toen het door Facebook en Google werd overgenomen in mobiele apps.





Vanwege het strakke uiterlijk en het duidelijke doel van het pictogram, is de hamburgerknop sindsdien het go-to-pictogram geworden voor apps en websites om hun navigatie-opties in te plaatsen.

Waar wordt het Hamburgerpictogram voor gebruikt?

Zoals hierboven vermeld, verklaart het ontwerp van het pictogram zijn oorspronkelijke doel. Dat doel is tegenwoordig vrijwel hetzelfde.





De functie van het hamburgerpictogram in apps is nu echter gelikter, vanwege de vooruitgang in technologie en ontwerp. Het wordt nu vaak gebruikt voor menu's die vanaf de zijkant van het scherm in- en uitklappen. Als u op het pictogram tikt, wordt een zijmenu geopend met een selectie van verschillende opties en functies.

Hier is een voorbeeld van het hamburgerpictogram dat wordt gebruikt in de Samsung Galaxy Store-app. Door op het pictogram in de linkerbovenhoek te tikken, krijgt u toegang tot verschillende menu-opties.

Afbeeldingengalerij (2 afbeeldingen) Uitbreiden Uitbreiden Dichtbij

Wanneer mensen nieuwe apps gebruiken, kan het moeilijk zijn om de verschillende pictogrammen op het scherm te interpreteren. Het grootste voordeel van het hamburgerpictogram is dat het direct herkenbaar is voor iedereen die bekend is met mobiel ontwerpen. Het pictogram is wijdverbreid, waardoor het gemakkelijk te interpreteren is zonder enige uitleg.

Het hamburgerpictogram neemt bijna geen ruimte in beslag, waardoor het overal op het scherm kan worden geplaatst zonder andere elementen te storen. Niet alles hoort thuis op de hoofdpagina van uw scherm, dus het pictogram biedt goed werk door een vooraf gedefinieerde plaats voor navigatie-elementen te bieden.

Verwant: Aangepaste pictogrammen instellen voor apps op Android

Wat gebeurt er vandaag met het Hamburgermenu?

Zoals we hebben gezien, biedt de hamburgerknop veel voordelen, zoals navigatiegemak en een schone gebruikersinterface. Het heeft echter een paar nadelen, waardoor app-ontwikkelaars zijn weggegaan en alternatieven hebben overwogen.

hoe maak je een iso-bestand windows 7

Nu telefoons steeds grotere schermen krijgen, wordt het moeilijker om de plaatsen te bereiken waar de hamburgerknop meestal wordt gevonden. Dit maakt de gebruikerservaring minder boeiend en het gebruik van apps minder comfortabel.

Wanneer je een app voor de eerste keer opent, ga je natuurlijk op zoek naar de belangrijkste functies. Het hamburgerpictogram verbergt vaak de meeste belangrijke opties, waardoor de interface minder vindbaar is voor nieuwkomers.

Door prominente functies in een menuknop te plaatsen, voelen ze zich ook minder belangrijk. Het doet je denken dat als die opties niet belangrijk genoeg waren om op het startscherm te zetten, ze misschien niet de moeite van het bekijken waard zijn.

Alternatieven voor het Hamburgerpictogram

Navigatiebalken zijn een populairdere en efficiëntere manier geworden om menuknoppen te organiseren. In plaats van belangrijke functies achter het menupictogram te verbergen, rangschikt de navigatiebalk meerdere pictogrammen op het startscherm.

De navigatiebalk biedt menupictogrammen die duidelijk te begrijpen zijn en daardoor aantrekkelijker zijn. Hamburgerknoppen missen deze duidelijkheid, dus ze krijgen niet hetzelfde niveau van betrokkenheid.

De Google Play Store heeft bijvoorbeeld de interface vereenvoudigd door deze opnieuw te ontwerpen met een navigatiebalk. Die balk onderaan toont belangrijke functies. Om toegang te krijgen tot andere opties, tik je op je profielpictogram in de rechterbovenhoek.

Afbeeldingengalerij (2 afbeeldingen) Uitbreiden Uitbreiden Dichtbij

Met een navigatiebalk kunt u meer kernfuncties en functionaliteit op het startscherm zien. U kunt in één oogopslag meerdere pictogrammen op de balk zien. Bovendien bevinden deze balken zich meestal onder aan het scherm, wat veel gemakkelijker te bereiken is dan rechtsboven of linksboven waar hamburgerpictogrammen meestal voorkomen.

Verwant: Een gekleurde navigatiebalk op Android krijgen zonder root

Hoewel navigatiebalken, net als het hamburgerpictogram, hun nadelen hebben. Hoewel ze de topfuncties aan de voorkant plaatsen, zijn ze slechts beperkt tot slechts vier of vijf keuzes. Dus als de app meer belangrijke functies wil laten zien, moet hij naast de navigatiebalk iets anders gebruiken.

Misschien is de beste optie om zowel een navigatiebalk als een hamburgerpictogram op te nemen. De navigatiebalk kan de gemarkeerde functies van de app laten zien, terwijl de andere functies kunnen worden weggestopt in het hamburgerpictogram.

Facebook is hier een populair voorbeeld van. In de navigatiebalk kun je op het hamburgermenu tikken om toegang te krijgen tot alle andere functies.

De toekomst van het Hamburger-icoon

De hamburgerknop wordt al heel lang als menupictogram gebruikt, dus de meeste mensen zijn er behoorlijk aan gewend. De minimalistische benadering en het duidelijke doel hebben het breed herkenbaar gemaakt voor iedereen die een smartphone heeft gebruikt.

Maar vanwege een paar nadelen van het hamburgerpictogram, zijn veel populaire apps, waaronder de Google Play Store, Instagram en Twitter, in plaats daarvan de navigatiebalk gaan omarmen. De navigatiebalk is misschien een beter alternatief voor het hamburgerpictogram, maar is nog niet volledig geïntegreerd in elke app. Als gevolg hiervan zullen we het hamburgerpictogram nog enige tijd regelmatig zien gebruikt.

Het hamburgerpictogram is niet perfect, maar kan worden verbeterd door het te combineren met alternatieve navigatie-elementen. Het is belangrijk om ervoor te zorgen dat de tools die apps gebruiken, duidelijk zijn voor gebruikers.

Deel Deel Tweeten E-mail Facebook Messenger-pictogrammen en -symbolen: wat betekenen ze?

Waarin we uitleggen wat alle iconen en symbolen van Facebook Messenger betekenen en hoe je ze op de juiste manier gebruikt.

Lees volgende
Gerelateerde onderwerpen
  • Technologie uitgelegd
  • Android
  • Android
  • Ontwerp
  • Terminologie
Over de auteur Shreeya Deshpande(9 artikelen gepubliceerd)

Shreeya is een tech-liefhebber en houdt ervan om op de hoogte te blijven van de nieuwste technologische ontwikkelingen. Als ze niet over technologie schrijft, kun je haar zien reizen of haar favoriete roman lezen!

Meer van Shreeya Deshpande

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren