Das 3-zeilige Menüsymbol: Was ist ein Hamburger-Menü?

Was wäre, wenn ich Ihnen sagen würde, dass Websites und Smartphones Hamburger enthalten? Sie würden wahrscheinlich denken, dass ich nach dem Absetzen meiner Medikamente völlig die Fassung verloren habe. Aber es ist absolut wahr, ich mache dir nichts vor.

Wenn Sie heute eine App auf Ihrem Smartphone oder auf einer Website öffnen, könnten Sie einen Hamburger sehen – also ein Hamburger-Menüsymbol.

Was ist das Hamburger-Menü?

Das Hamburger-Menü (das keine Pommes-Beilage enthält) besteht aus den drei horizontalen Linien, die Sie jetzt oben auf vielen Bildschirmen sehen, entweder ganz links oder ganz rechts.

Eigentlich ist es eine Ikone.

Durch Berühren, Tippen oder Klicken auf das Symbol öffnet sich ein Seitenmenü mit einer Auswahl an Optionen oder zusätzlichen Seiten.

Einige Entwickler lieben das dreizeilige Hamburger-Menüsymbol, weil es ihnen ermöglicht, mehr Funktionen in ihre Apps oder Navigation zu integrieren. Das winzige Symbol nimmt nur wenig Platz auf dem Bildschirm ein. Es verleiht der App oder Website ein klares, minimalistisches Aussehen.

Für den App-Benutzer oder Website-Besucher ist es ganz einfach, die Taste zu drücken, um das Menü ein- und auszublenden.

Zumindest könnte man das meinen.

Allerdings verabscheuen andere Entwickler und einige Benutzer das Hamburger-Menüsymbol völlig oder sind einfach nur verwirrt darüber. Warum? Weil nicht für alle Benutzer klar ist, dass es sich bei den drei Zeilen tatsächlich um ein Menüsymbol handelt, und den Benutzern nicht mitgeteilt wird, was sich darin befindet.

Wer hat das Hamburger-Menü-Symbol „erfunden“?

Der Visionär hinter der allgegenwärtigen Hamburger-Menü-Ikone ist ein kreativer Vorreiter namens Norm Cox. Er schuf das mittlerweile allgegenwärtige Hamburger-Menüsymbol, ein universelles Symbol, das er ursprünglich vor über drei Jahrzehnten für Xerox Star, die weltweit erste grafische Benutzeroberfläche, entworfen hatte.

Nach seiner Entstehung schien das ikonische Bild jedoch in eine Phase relativer Dunkelheit zu geraten.

Das Wiederaufleben des Symbols lässt sich auf den Aufstieg mobiler Geräte zurückführen. In dieser Zeit, im Jahr 2008, tauchte das dreizeilige Symbol erstmals wieder in der Twitter-App Tweetie auf.

Im folgenden Jahr fand das Symbol ein neues Zuhause in der Benutzeroberfläche der Voice Memos-App für das iPhone 3GS.

In einem Interview mit Small Business Trends äußerte Cox seine Verwunderung über das Wiederaufleben seiner Kreation und erklärte: „Ich muss über die Aufmerksamkeit schmunzeln, die diesem kleinen ‚Hamburger‘-Symbol in letzter Zeit zuteil wird.“ Bis vor etwa neun Monaten hatte ich über 30 Jahre lang nicht an den „Tropf in meiner Designkarriere“ gedacht!“

Beim Brainstorming des Symbols wurden einige Alternativen in Betracht gezogen:

• Ein nach unten zeigender Pfeil in Form eines Dreiecks, der die Richtung angibt, in der das resultierende Menü angezeigt wird. Dies wurde jedoch abgelehnt, da es zu oft als Hinweis interpretiert wurde.
• Das Sternchen (*) oder das Pluszeichen (+) wurden ebenfalls berücksichtigt, aufgrund ihrer abstrakten Natur jedoch letztendlich verworfen.

Am Ende sagte Cox, dass das dreizeilige Hamburgerbild die perfekte Balance gefunden habe: „Dieses Symbol war optisch einfach, leicht zu erklären und funktional einprägsam. Drei Zeilen waren die perfekte Zahl.“

Das Hamburger-Symbol, ein einfaches, aber wirkungsvolles Designelement, festigte damit seinen Platz in der Welt des User-Interface-Designs und zeugt von der zeitlosen Anziehungskraft der Einfachheit.

Welche Websites oder Apps verwenden dieses berüchtigte Hamburger-Menüsymbol?

Zu den bekannten Namen, die das Hamburger-Symbol in ihren Apps verwenden, gehören Gmail, Facebook, Reeder, Twitter und Starbucks.

Und jetzt haben auch Websites und Browser das dreizeilige Menüsymbol übernommen. Ein Beispiel hierfür sind die Browser Chrome und Firefox, die das Menü in der oberen rechten Ecke nutzen. Das Hamburger-Menü verbirgt alle Optionen, Einstellungen und Erweiterungen. Und das Symbol leuchtet orange, wenn etwas im Browser repariert oder aktualisiert werden muss.

Time.com ist ein Beispiel für eine große Website, die das Hamburger-Menü verwendet – in diesem Fall in der oberen linken Ecke. Wenn Sie auf das dreizeilige Menüsymbol klicken, wird eine Folie mit zusätzlichen Inhaltslinks angezeigt.

Einige Experten weisen darauf hin, dass die Funktionen im Hamburger-Menü kaum genutzt werden.

Erstens müssen viele Leute noch verstehen, dass es sich bei den drei horizontalen Linien tatsächlich um ein Menüsymbol und nicht nur um ein Bild handelt.

Zweitens sorgt das Hamburger-Symbol dafür, dass Informationen im versteckten Menü „aus den Augen, aus dem Sinn“ verschwinden. Sofern sie nicht tatsächlich auf das dreizeilige Menüsymbol klicken oder es berühren, werden ihnen die Auswahlmöglichkeiten dort nicht angezeigt.

Tatsächlich musste im Fall von Time.com das Wort „Menü“ unter dem Symbol hinzugefügt werden, um klarer zu machen, worum es sich bei dem Symbol handelt.

Hängt weniger vom Hamburger-Menü ab

Verschiedene Entwickler haben ihren Unmut über das Hamburger-Symbol und seine Mängel geäußert.

Manche weigern sich, das Symbol zu verwenden, obwohl es gerade im Trend liegt.

Aber das bekannteste Unternehmen, das eine Änderung vorgenommen hat, ist Facebook. Um es ganz klar zu sagen: Facebook hat nie öffentlich erklärt, dass es es vollständig abschaffen möchte. Aber Facebook bringt einige der mobilen Funktionen heraus, die bisher hinter dem Hamburger-Symbol verborgen waren.

Sie werden nun in einer horizontalen Leiste am unteren Bildschirmrand angezeigt, der sogenannten Tab-Leiste.

Die untere Tab-Leiste nimmt etwas mehr Platz auf dem Bildschirm ein, macht aber bestimmte Funktionen deutlicher sichtbar.

Wir haben mit Mrinal Desai gesprochen, dem CEO und Mitbegründer von Addappt. Er stand auch hinter Crossloop, einer Crowdsourcing-Remote-Tech-App, die schließlich an AVG Anti-Virus verkauft wurde.

„Das Hamburger-Menü ist nicht wirklich etwas für Einstellungen“, sagte Desai im Gespräch mit Small Business Trends. „Es ist fast wie ein ‚Mehr‘ oder man kann es sich sogar als Alternative zur ‚Tab-Leiste‘ vorstellen. Es kommt selten vor, dass man beides sieht, aber wir bei Addappt haben das mit einem Prototyp untersucht, uns aber schließlich für die ‚Tab-Bar‘-Route entschieden.“

„Diese Entscheidungen hängen oft vom Ziel der App ab. Das Hamburger-Symbol tendiert dazu, Funktionen abzuwerten, während die Tab-Leiste sie offensichtlicher macht“, fügte Desai hinzu.

Der Hamburger Icon Creator erhält das letzte Wort

Sollten Sie also ein Hamburger-Menüsymbol auf Ihrer eigenen Website, Ihrem mobilen Theme oder Ihrer App verwenden?

Unserer Meinung nach sollte der ursprüngliche Entwickler des Symbols das letzte Wort haben.

„Die Langlebigkeit des Symbols (seit den 1980er Jahren) ist ein Beweis für seine Einfachheit, Nützlichkeit, Erlernbarkeit und Einprägsamkeit“, sagte Cox, als er nach den Aufrufen gefragt wurde, die Hamburger-Ikone zu töten.

„Der Versuch, ein UI-Tool oder Widget aufgrund schlechter Nutzung oder Implementierung zu ‚killen‘ oder ‚abzuschaffen‘, ist sowohl etwas kurzsichtig als auch überreaktiv.“

In dieser Tabelle werden die Geschichte und Verwendung des Symbols in verschiedenen Epochen aufgeschlüsselt, von seiner Entstehung bis zu seiner Wiedereinführung und der aktuellen weit verbreiteten Verwendung, und es wird hervorgehoben, wie sich seine Rezeption und Anwendung im Laufe der Zeit verändert haben:

Hamburger, Red Icon Fotos über Shutterstock