Was ist ein Hamburger-Menü?

Das Hamburger-Menü ist ein Navigationselement, das aus drei übereinander liegenden horizontalen Linien besteht und beim Anklicken ein Menü ein- oder ausblendet. Der Name kommt von der optischen Ähnlichkeit mit einem Hamburger-Querschnitt, also zwei Brötchenhälften mit einem Patty in der Mitte.

Du kennst es vom Smartphone: Oben rechts oder oben links sind drei Striche, du tippst drauf, und ein Navigationsmenü klappt heraus. Auf Desktop-Websites war das Hamburger-Menü lange Zeit umstritten, weil die Navigation auf großen Bildschirmen meistens direkt sichtbar sein kann. Auf mobilen Geräten ist es dagegen fast überall das Standard-Pattern.

Wann das Hamburger-Menü sinnvoll ist

Der Hauptvorteil liegt in der Platzeinsparung. Auf einem Smartphone-Bildschirm mit 375 Pixeln Breite lassen sich fünf oder mehr Navigationspunkte nicht nebeneinander darstellen. Das Hamburger-Menü löst dieses Problem, indem es die Navigation hinter einem Icon versteckt und bei Bedarf einblendet.

Der Nachteil: Es ist weniger auffindbar. Studien zeigen, dass Nutzer eine versteckte Navigation seltener nutzen als eine sichtbare. Wer dein Angebot kennen und Seiten besuchen soll, muss auch deine Navigation nutzen können. Manche Webdesign-Ansätze versuchen deshalb, das Beste aus beiden Welten zu kombinieren: wichtige Punkte wie “Kontakt” oder “Leistungen” bleiben immer sichtbar, weniger wichtige verschwinden hinter dem Hamburger-Icon.

Eine häufige Alternative auf mobilen Seiten ist die Tab-Bar am unteren Bildschirmrand, wie man sie von Apps kennt. Sie zeigt vier bis fünf Icons dauerhaft an und ist für die Daumen-Erreichbarkeit oft besser geeignet als das Hamburger-Menü oben links.

Für deine Website bedeutet das: Ein Hamburger-Menü ist kein universelles Allheilmittel. Es löst ein Problem, schafft aber ein anderes. Die richtige Lösung hängt von der Anzahl der Navigationspunkte, der Zielgruppe und den Inhalten ab, die Nutzer am häufigsten aufrufen.

Wenn du eine mobile-optimierte Navigation für deine Website planst oder bestehende Strukturen überarbeiten willst, helfen wir dir dabei im Rahmen unserer Webdesign-Leistungen. Buche gerne einen kostenlosen Termin für ein erstes Gespräch.