Webdesignerin
Webdesignerin
Dipl. Wi. Infrom. Susanne Wollatz
Hamburger Menü
Ein Hamburger-Menü ist ein Symbol mit drei waagerechten Linien, das oft in mobilen Websites oder Apps verwendet wird. Es öffnet beim Anklicken ein Navigationsmenü. Das Symbol erinnert an einen Hamburger – daher der Name.
Das Hamburger-Menü ist ein Designelement, das besonders im responsiven Webdesign eingesetzt wird, um Platz zu sparen und die Navigation übersichtlich zu gestalten. Statt alle Menüpunkte dauerhaft anzuzeigen, werden sie hinter einem Symbol mit drei gestapelten Linien verborgen.
ELBBYTE – Menü-Icons
Menü öffnen
Menü schließen
Wenn Nutzer auf das Symbol klicken oder tippen, öffnet sich die vollständige Navigation, meist als Seitenleiste (Sidebar) oder Dropdown-Menü. Auf kleineren Bildschirmen, wie bei Smartphones oder Tablets, sorgt diese Lösung für eine aufgeräumte, benutzerfreundliche Darstellung.
Das Hamburger-Menü verbessert die Benutzererfahrung (UX), weil es Platz spart und das Design übersichtlich hält. Allerdings sollte es so gestaltet werden, dass es für Besucher leicht erkennbar und gut bedienbar ist – z. B. durch eine klare Positionierung (meist oben rechts oder links) und ausreichend große Klickflächen.
In der Desktop-Version kann das Hamburger-Menü ebenfalls verwendet werden, wird dort aber oft durch eine klassische Navigationsleiste ersetzt, da genügend Platz vorhanden ist.
