In dit artikel zullen we het niet hebben over de cheeseburger, maar over een van de meest controversiële componenten van onze webinterfaces: het “burgermenu”, ook wel “hamburgermenu” genoemd.
Het burgermenu wordt weergegeven door een pictogram met drie parallelle horizontale balken. Wanneer u hierop klikt, wordt een venster geopend met verschillende links. U heeft het vast al een paar keer opgemerkt tijdens het surfen op uw smartphone, tablet of zelfs op uw computerscherm!
In eerste instantie, en vaak gebruikt in deze zin, stelt het burgermenu u in staat om het menu zichtbaar op een
computerscherm door het pictogram op een kleiner scherm, dus op smartphone en tablet.
Dit burgermenu zorgt voor discussie omdat het wijdverbreid wordt gebruikt en inspeelt op de ruimteproblematiek op een klein scherm. Maar het brengt ook beperkingen met zich mee wat betreft de bruikbaarheid.
“Het is net als een goedkope fastfoodketen,
ontwerpers verslaafd aan het gemak ervan,
en bedient nu miljoenen mensen per dag”.
Nielsen Norman Group
Het uiterlijk van het burgermenu
Het hamburgermenu werd in 1981 uitgevonden door Norm Cox, toen hij de interfaces voor een van de eerste personal computers, de Xerox Star, ontwierp.
Het pictogram en de drie balken stellen de lijst met opties voor die verschijnt wanneer de gebruiker klikt. Het doel was om een klein icoontje te creëren dat leesbaar en herkenbaar zou blijven, maar tegelijkertijd een lijst grafisch zou symboliseren. Norm Cox liet zich bij het maken van dit icoon onder andere inspireren door symbolen op verkeersborden.
Later, in 2009, werd het pictogram, nadat het jarenlang niet door andere interfaces was gebruikt, door Apple gebruikt in een van de allereerste applicaties voor de iPhone. Het pictogram was het ideale onderdeel om tegemoet te komen aan de beperkte ruimte op een smartphone. Bij de ontwikkeling ervan werden dezelfde argumenten gebruikt als bij Cox: klein, leesbaar en herkenbaar om een lijst weer te geven.
Vervolgens maakten Facebook, Twitter en uiteindelijk Google het pictogram tot standaardsymbool voor een menu. De populariteit van dit icoon met zijn kleurrijke naam neemt toe. Gebruikers hebben dit burgermenu inmiddels opgenomen in hun mobiele applicaties en herkennen het gebruik ervan snel.
Dit burgermenu wordt aangegeven door drie horizontale balken die als een biefstuk tussen twee sneetjes brood zijn geplaatst, vandaar de figuurlijke naam.
Andere à la carte menu's
Het hamburgermenu-icoon is niet het enige icoon dat een verborgen menu kan symboliseren :
● Het kebabmenu : het pictogram bestaat uit drie verticale stippen. Het komt vooral voor in Google-interfaces en dus ook in Android; dit onderdeel maakt deel uit van het ontwerpsysteem om een paneel met opties of secundaire acties weer te geven die verband houden met een functie.
● Het menu 'Gehaktballen': het pictogram bestaat ook uit drie puntjes, maar dit keer horizontaal. Door op dit pictogram te klikken, krijgt de gebruiker een lijst te zien met meer informatie over het item dat aan het pictogram is gekoppeld.
● Het Bento-menu: het pictogram bestaat uit drie rijen van drie vierkantjes. Dit pictogram wordt vaak gebruikt om items of kenmerken weer te geven, maar dan in een rastervorm, zoals ook in de grafische weergave van het pictogram te zien is.
● Het dönermenu: het pictogram bestaat uit drie op elkaar gestapelde lijnen van verschillende dikte en lengte. Het geeft een lijst met filters weer die betrekking hebben op de pagina die wordt bekeken.
Deze vier andere menutoegangspictogrammen hebben dezelfde nadelen als het hamburgermenu, maar bieden dezelfde voordelen.
Hieronder vind je de voor- en nadelen van het burgermenu :
De voordelen van het burgermenu
Voordat we u de redenen geven waarom we afscheid moeten nemen van het burgermenu, is het belangrijk om te onthouden dat dit onderdeel zijn voordelen met zich meebrengt. Hier is een niet-uitputtende lijst:
Wanneer het menu gesloten is :
- Zoals eerder vermeld, is het pictogram van het hamburgermenu eenvoudig en leesbaar, wat zorgt voor een strak en minimalistisch ontwerp.
- Het pictogram geeft toegang tot de inhoud van de pagina. Hiermee voorkomt u dat de pagina overbelast raakt en te veel informatie bevat.
Wanneer het menu geopend is :
- Het menu kan een eigen vormgeving hebben en dus een bepaalde indeling.
- De aandacht van de gebruiker is gericht op de inhoud van het menu.
- Op mobiele apparaten kan het aanraakoppervlak van links worden vergroot voor meer comfort.
- De links en toegang tot de verschillende routes op de site zijn op één plek gecentraliseerd.
De nadelen van het burgermenu
Maar nu kunnen we de vraag beantwoorden waarom. Waarom zou je het burgermenu vermijden? Waarom is het beter om afscheid van hem te nemen?
Ontwerpers stellen het burgermenu ter discussie, omdat uit onderzoeken, gebruikerstests en analyses van websiteverkeersstatistieken is gebleken dat deze navigatie leidt tot een scherpe daling in de gebruikersbetrokkenheid.
Hier volgt een niet-uitputtende lijst met nadelen van het burgermenu :
#1 Het grootste probleem dat aan het licht is gekomen, is dat de navigatieopties verborgen zijn en er geen totaaloverzicht is van de mogelijke route. Een gebruiker raakt dus in de war als hij op de pagina die hij bekijkt, niet kan vinden wat hij zoekt (via een trefwoord, een link of een knop).
#2 Het openen van het menu via het icoontje trekt weinig aandacht van de gebruiker (omdat het klein is en omgeven door inhoud) en kan daardoor onopgemerkt blijven.
#3 Op mobiele apparaten staat het icoontje (vaak) bovenaan het scherm, op het aanraakgebied dat voor gebruikers lastig te bereiken is.
#4 Omdat de ingangen van de site verborgen zijn, zijn gebruikers minder geïnteresseerd en klikken ze niet door om alle content te ontdekken.
#5 Het ontwerp van het pictogram is ook problematisch omdat gebruikers het pictogram mogelijk niet herkennen als een knop voor navigatie. Sommige gebruikers begrijpen het mechanisme achter deze drie balken niet. Als de navigatie daar gecentraliseerd wordt, kunnen we bezoekers verliezen.
#6 Door de extra tik (of klik) voor menutoegang raken gebruikers minder betrokken bij het verkennen van de site. Maar het kan ook vermoeiend of zelfs irritant zijn bij het navigeren, omdat deze extra klik een soort muur vormt die je moet oversteken telkens als je van pagina of route verandert. Het pad wordt dus verlengd om het doel te bereiken.
#7 Omdat het menu een eigen pagina heeft, zien we dat deze pagina's vaak overbelast raken. We willen ze namelijk vullen met zoveel mogelijk links en toegangspunten. Uiteindelijk houden we een groot aantal secties over die het effect geven alsof de sitemap is weergegeven. De interface is niet meer helder en eenvoudig.
# Concluderen
In dit artikel hebben we daarom de voor- en nadelen van het gebruik van een hamburgermenu samen bekeken.
De bevinding is duidelijk: het hamburgermenu kent een aantal problemen die ervoor zorgen dat uw gebruikers niet effectief door de site kunnen navigeren.
In een volgend artikel zal ik het volgende met u delen :
- tips om het gebruik van het burgermenu te verbeteren als u het wilt gebruiken en in welke gevallen het raadzaam is om dit mechanisme te gebruiken,
- Andere mogelijke materialisaties voor uw menu's waarmee u eenvoud, bruikbaarheid en esthetiek voor uw interfaces kunt combineren.
Deel gerust uw mening over het burgermenu! Voor of tegen? 🙂
Afbeeldingsbron: https://undraw.co/illustrations
Alexa CUELLAR UX-UI-ontwerper @UX-Republic



