Hamburger-Menu

Das Hamburger-Menu ist ein UI-Pattern, bei dem eine Navigationsliste hinter einem Icon aus drei horizontalen Strichen (das die Form eines Hamburgers andeutet) verborgen wird und sich auf Klick oder Tippen oeffnet. Es wurde populär als Lösung für die Darstellung von Navigation auf kleinen Mobil-Bildschirmen, wo kein Platz für eine vollständige Navigationsliste ist. Das Icon wurde ursprünglich von Norm Cox für das Xerox Star-System in den 1980er Jahren entworfen.

Erläuterung

Das Hamburger-Menu ist eines der umstrittensten UI-Patterns in der UX-Community: Es spart zwar Platz, versteckt aber die Navigation vor den Nutzern, was zu geringerer Entdeckbarkeit und weniger Klicks auf Navigationspunkte führt. Studien von Nielsen Norman Group zeigen, dass sichtbare Navigationen generell besser performen als versteckte. Trotzdem bleibt es auf Mobile ein weit verbreitetes Muster, das von den meisten Nutzern mittlerweile verstanden wird. Alternativen sind Tab-Bars am unteren Bildschirmrand, horizontale Scroll-Navigationen oder Priority-Plus-Patterns, die wichtige Punkte sichtbar und weniger wichtige im Menu verstecken. Beim Hamburger-Menu ist wichtig, dass das Oeffnen und Schließen klar animiert ist und der geschlossene Zustand visuell erkennbar ist.

Praxistipp: Erwägen Sie Alternativen zum Hamburger-Menu wie eine Tab-Bar für Apps oder eine horizontal scrollbare Navigation für Websites, wenn Sie maximal fünf bis sechs Hauptnavigationspunkte haben - diese lösungen steigern typischerweise die Navigation-Engagement-Rate. Wenn Sie ein Hamburger-Menu verwenden, beschriften Sie es zusätzlich mit dem Wort "Menu", da das reine Icon ohne Label von manchen Nutzergruppen nicht erkannt wird.