Het 3-lijnen menupictogram: Wat is een Hamburger-menu?

Inhoudsopgave:

Anonim

Wat als ik je zou vertellen dat websites en smartphones hamburgers in zich hadden? Je zou waarschijnlijk denken dat ik het helemaal kwijt ben nadat ik van mijn medicijnen was afgekomen. Maar het is absoluut waar, ik hou niet van je.

Wanneer je vandaag een app op je smartphone of op een paar websites opent, zou je een hamburger kunnen zien - een icoon van een hamburgermenu.

Wat is het Hamburger-menu?

Het hamburgermenu (dat niet bij een bijgerecht van friet wordt geleverd) is de drie horizontale lijnen die je nu aan de bovenkant van veel schermen ziet, helemaal links of helemaal rechts.

$config[code] not found

Het is eigenlijk een icoon.

Door op het pictogram te tikken, te tikken of erop te klikken, wordt een zijmenu geopend met een selectie opties of extra pagina's.

Sommige ontwikkelaars houden van het menupictogram hamburger 3 lijnen omdat het hen in staat stelt meer functies in hun apps of navigatie in te pakken. Het kleine pictogram neemt een minimale hoeveelheid schermruimte in beslag. Het geeft de app of site een strakke, minimalistische uitstraling.

Het is gemakkelijk genoeg voor de appgebruiker of websitebezoeker om op de knop te drukken om het menu in en uit te schuiven.

Of je zou denken.

Andere ontwikkelaars en sommige gebruikers verafschuwen het pictogram van het hamburgermenu echter absoluut, of zijn er gewoon door verbaasd over. Waarom? Omdat het voor alle gebruikers niet voor de hand ligt dat de drie regels eigenlijk een menupictogram zijn en gebruikers niet vertellen wat zich daarbinnen bevindt.

Wie heeft het Hamburger menupictogram "uitgevonden"?

De uitvinder achter het pictogram van het hamburger-menu is een man genaamd Norm Cox. Hij maakte het hamburger-pictogram voor Xerox Star, 's werelds eerste grafische gebruikersinterface. Dat was meer dan drie decennia geleden.

Achteraf deed het icoon echter een verdwijntruc.

Het is pas relatief recent dat het menupictogram met 3 lijnen terug begon te kruipen, met de komst van mobiele apparaten.

Zo verscheen het in 2008 in de Twitter-app, Tweetie. Toen verscheen het in 2009 in de Voice Memos-app voor de iPhone 3GS.

"Ik moet grinniken om de aandacht die het kleine" hamburger "-symbool de laatste tijd krijgt," zei Cox in een interview met Small Business Trends.

"Tot ongeveer negen maanden geleden had ik al meer dan 30 jaar niet aan het" infuus in mijn ontwerpcarrière "gedacht!"

"Er zijn maar een paar symbolen overwogen," voegde Cox eraan toe. "Eén symbool was een naar beneden wijzende pijl in de vorm van een driehoek, die de richting aangeeft waarin het resulterende menu zou verschijnen. We besloten dat dit symbool de neiging had om te vaak als een aanwijzer te worden geïnterpreteerd. We dachten na over het gebruik van een asterisk (*) of een plusteken (+), maar ze leken te abstract. "

Cox zei dat het hamburgerbeeld met drie regels precies goed bleek te zijn. "Dit symbool was visueel eenvoudig, gemakkelijk uit te leggen en functioneel gedenkwaardig. Drie lijnen waren het perfecte nummer, "voegde Cox toe.

Welke websites of apps gebruiken dit beruchte Hamburger menupictogram?

Enkele van de prominente namen die het hamburgersymbool in hun apps gebruiken, zijn onder meer Gmail, Facebook, Reeder, Twitter en Starbucks.

En nu hebben websites en browsers ook het menupictogram met 3 lijnen aangenomen. De Chrome- en Firefox-browsers zijn hiervan een voorbeeld, via het menu in de rechterbovenhoek. Het hamburgermenu verbergt alle opties, instellingen en extensies. En het pictogram licht oranje op wanneer iets in de browser moet worden gerepareerd of bijgewerkt.

Time.com is een voorbeeld van een belangrijke website die het hamburgermenu gebruikt - in dit geval in de linkerbovenhoek. Wanneer u op het menupictogram met 3 lijnen klikt, verschijnt een uitschuifbaar venster met extra links naar inhoud.

Sommige experts wijzen erop dat de functies in het hamburgermenu amper worden gebruikt.

Allereerst moeten veel mensen er nog achter komen dat de 3 horizontale lijnen eigenlijk een menupictogram zijn en niet alleen maar een afbeelding.

Ten tweede maakt het hamburgersymbool informatie in het verborgen menu "uit het oog, uit het hart." Tenzij ze op het menupictogram met 3 lijnen klikken of het aanraken, zien ze de keuzes daar niet.

In het geval van Time.com moest inderdaad het woord "menu" onder het pictogram worden toegevoegd om het duidelijker te maken wat het symbool is.

Afhankelijk van minder in het Hamburger-menu

Verschillende ontwikkelaars hebben hun ongenoegen uitgesproken over het hamburgersymbool en de tekortkomingen ervan.

Sommigen weigeren het pictogram te gebruiken, ondanks zijn trend.

Maar het meest spraakmakende bedrijf dat een verandering heeft doorgevoerd, is Facebook. Voor alle duidelijkheid: Facebook heeft nooit publiekelijk verklaard dat het er helemaal vanaf wil. Maar Facebook brengt enkele van de mobiele functies naar voren die voorheen verborgen waren achter het hamburgersymbool.

Ze worden nu weergegeven in een horizontale balk onderaan het scherm, een tabbalk.

De balk op het onderste tabblad neemt iets meer onroerend goed op het scherm in beslag, maar het maakt bepaalde functies duidelijker.

We spraken met Mrinal Desai, de CEO en mede-oprichter van Addappt. Hij was ook achter Crossloop, een op crowdsourcing gebaseerde technologie-app op afstand, die uiteindelijk werd verkocht aan AVG Anti-Virus.

"Het hamburgermenu is niet echt voor instellingen," zei Desai, in gesprek met Small Business Trends. "Het is bijna als een 'meer' of men kan het zelfs beschouwen als een alternatief voor de 'tab-balk'. Het is zeldzaam om beide te zien, maar wij bij Addappt hebben dat onderzocht met een prototype maar hebben uiteindelijk gekozen voor de 'tab-bar'-route. "

"Deze beslissingen zijn vaak afhankelijk van het doel van de app. Het hamburgersymbool heeft de neiging om functies te degraderen terwijl de tabbalk ze meer voor de hand liggend maakt ", voegde Desai eraan toe.

De Hamburger Icon Creator krijgt het laatste woord

Dus moet je een hamburgermenupictogram gebruiken op je eigen website, in een mobiel thema of in een app?

De originele ontwikkelaar van het pictogram zou het laatste woord moeten krijgen, denken we.

"De levensduur van het symbool (sinds de jaren tachtig van de vorige eeuw) is een bewijs van de eenvoud, bruikbaarheid, leerbaarheid en geheugenopslag," zei Cox, toen hem werd gevraagd naar de oproepen om het hamburgersymbool te doden.

"Het zoeken naar 'doden' of 'afschaffen' van een UI-tool of widget op basis van slecht gebruik of implementatie is zowel een beetje kortzichtig als te reactief."

Hamburger, rode pictogramfoto's via Shutterstock

Meer in: Dingen die u niet wist, wat is 3 Opmerkingen ▼