Zum Inhalt springen

Mega Menü

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 02.09.2026

Ein Mega Menü ist ein großflächiges Aufklappmenü, das beim Überfahren oder Anklicken eines Hauptpunkts alle darunterliegenden Bereiche auf einmal zeigt. Statt sich durch mehrere Ebenen zu hangeln, sieht der Besucher die Struktur eines Bereichs in einem Blick.

Mega Menü

Aufklappendes Navigationselement, das die Unterpunkte eines Hauptbereichs großflächig und mehrspaltig darstellt, oft mit Beschreibungen, Symbolen oder Bildern.
Beispiel: „Im Mega Menü unter Wissen stehen Journal, Glossar und Checklisten nebeneinander.“

Abgrenzung zum Dropdown: Ein Dropdown zeigt eine einspaltige Liste. Das Mega Menü nutzt die Fläche, gruppiert und ergänzt erklärenden Text.

Links eine Navigationsleiste mit schmalem einspaltigem Dropdown, rechts dieselbe Leiste mit einem breiten dreispaltigen Mega Menü
Das Dropdown zeigt eine einspaltige Liste, das Mega Menü den ganzen Bereich auf einen Blick, oft mit Gruppen und erklärendem Text.

Wann sich ein Mega Menü lohnt

Der Nutzen wächst mit der Zahl der Seiten. Bei acht Unterseiten reicht ein einfaches Dropdown. Bei fünfzig Seiten in sechs Bereichen wird das Menü zum wichtigsten Orientierungsmittel der ganzen Website, weil es die Struktur zeigt, ohne dass jemand eine Übersichtsseite ansteuern muss.

Der zweite Gewinn ist Einordnung. Ein Menüpunkt allein sagt oft wenig, ein Satz daneben klärt es. „Fokusthemen“ ist ohne Erklärung unscharf, mit einer kurzen Beschreibung wird daraus ein Angebot, das jemand anklickt oder bewusst übergeht.

Wo Mega Menüs scheitern

Das erste Problem ist die Bedienung mit der Maus. Wer diagonal zum dritten Eintrag zieht, verlässt kurz die Fläche, das Menü schließt sich, und der Weg beginnt von vorn. Gelöst wird das über eine kurze Verzögerung beim Schließen oder über eine unsichtbare Fläche, die den Weg zum Menü abdeckt.

Das zweite Problem ist die Tastatur. Ein Menü, das nur auf Hover reagiert, ist ohne Maus nicht erreichbar. Es braucht deshalb eine Bedienung über Klick oder Fokus, eine sinnvolle Reihenfolge beim Durchtabben und die Möglichkeit, mit der Escape-Taste zu schließen.

Auf dem Handy

Auf kleinen Bildschirmen gibt es keine Fläche, die sich großflächig aufklappen ließe. Das Mega Menü wird dort zu einer eigenen Ansicht: eine Liste, die sich Ebene für Ebene öffnet, oder ein Vollbildmenü mit aufklappbaren Gruppen. Beide Darstellungen greifen auf dieselbe Struktur zu, sehen aber unterschiedlich aus, und beide müssen gepflegt werden.

Siehe auch:

Sticky Nav

Navigationsleiste, die beim Scrollen am Bildschirmrand haften bleibt und dadurch immer sichtbar ist.

#Webdesign-Grundlagen

Design Patterns

Erprobte Lösungen für wiederkehrende Gestaltungsaufgaben in der Benutzeroberfläche, etwa Akkordeon oder Brotkrumennavigation.

#Webdesign-Grundlagen

Interaktionsdesign

Die Gestaltung des Verhaltens einer Oberfläche: der Reaktionen auf Eingaben, der Zustände dazwischen und der Rückmeldungen.

#Webdesign-Grundlagen

Sitemap-Konzept (Struktogramm)

Die geplante Seitenstruktur einer Website als Diagramm, mit allen Seiten und ihren hierarchischen Beziehungen.

#Webdesign-Grundlagen

Tag Cloud

Darstellung einer Schlagwortmenge, bei der die Schriftgröße jedes Worts seine Häufigkeit im Bestand anzeigt.

#Webdesign-Grundlagen