Was Seitenpanels nicht können
Das seitlich eingleitende Panel ist aus gutem Grund das Standard-Mobilmenü-Muster im E-Commerce: Es erhält den Kontext (die Seite bleibt teilweise sichtbar), ist plattformübergreifend vertraut und lässt sich intuitiv durch Wischen schließen. Für die meisten Shops ist es in den meisten Situationen die richtige Wahl.
Doch das Seitenpanel hat eine visuelle Obergrenze. Bei 320–360 px Breite — der typischen Slide-Panel-Breite auf einem Mobilbildschirm — ist die Navigation funktional, aber nicht ausdrucksstark. Kategoriebezeichnungen erscheinen in einer schmalen Spalte, die Markenfarbe füllt einen Streifen statt einer Leinwand, und jeder typografische oder bildliche Anspruch wird durch die Geometrie eingeschränkt. Das Seitenpanel sagt „hier ist die Navigation"; es kann nicht sagen „hier sind wir."
Die Vollbild-Overlay-Navigation sagt beides gleichzeitig. Wenn das Menü sich öffnet und der gesamte Bildschirm zur Navigation wird — volle Breite, volle Höhe, Markenfarbe oder Typografie füllen das Display — wird die Navigationsinteraktion zu einem Markenmoment. Der Übergang vom Produktbrowsing zum Menü ist eine bewusste Pause, eine Enthüllung, ein Statement. Für Marken, bei denen das Navigationserlebnis selbst Teil des Markenausdrucks ist, ist das keine Willkür — es ist bewusstes Design.
„Wir sind eine Modemarke, und Präsentation ist alles. Unsere Produktfotografie ist künstlerisch geleitet, unsere Verpackung ist zum Aufbewahren gestaltet, unsere Stores sind durchdachte Räume. Das schmale Slide-Panel fühlte sich inkongruent an — als hätten wir in jeden Markenkontaktpunkt investiert, außer in den digitalen, den Kunden am häufigsten nutzen. Als wir auf ein Vollbild-Menü mit großen typografischen Kategorielinks auf unserem charakteristischen schwarzen Hintergrund umgestiegen sind, fingen Kunden an, konkret über das ‚Erlebnis' der Website zu sprechen. Das Menü ist jetzt ein Markenelement, nicht nur ein Navigationswerkzeug."
— Ein Navi+-Kunde, zeitgenössisches Modelabel
Designprinzipien für Vollbild-Navigation
Vollbild-Overlay-Navigation hat andere Designanforderungen als ein Seitenpanel. Die erweiterte Leinwand ist eine Chance, verlangt aber eine bewusstere Komposition:
Große, selbstbewusste Typografie als primäres Navigationselement. Wenn der gesamte Bildschirm zur Verfügung steht, sollten Navigationsbezeichnungen groß genug sein, um als visuelle Architektur des Menüs zu fungieren — typischerweise 24–36 px für Kategorienamen, was auf einem Telefonbildschirm bewusst groß wirkt. Der Weißraum (oder markenfarbene Raum) um jeden Link ist Teil der Komposition, kein verschwendeter Platz. Vollbild-Navigation, die kleine Links in eine schmale zentrierte Spalte quetscht, verfehlt den Sinn des Formats; die Bezeichnungen sollten atmen und den Bildschirm mit Absicht einnehmen.
Minimale Links: nur die wichtigsten Ziele zeigen. Ein Seitenpanel kann 10–15 Navigationslinks aufnehmen, weil das Format implizit vermittelt: „hier ist die vollständige Navigationsstruktur." Ein Vollbild-Menü mit 15 Links wirkt wie eine Liste; ein Vollbild-Menü mit 5–7 Links wirkt wie eine Navigation. Die erweiterte Leinwand belohnt weniger, aber sorgfältigere Entscheidungen. Hat der Shop mehr als 7 bedeutungsvolle Hauptnavigationsziele, funktioniert ein kombinierter Ansatz besser: Vollbild für die primäre Navigation mit einer sekundären Zeile kleinerer Links oder einem „Mehr"-Element für zusätzliche Kategorien.
Strategischer Einsatz des Hintergrunds. Der Hintergrund des Vollbild-Menüs ist die größte einzelne Markenfläche im digitalen Shop-Erlebnis. Er kann die Signaturfarbe der Marke, einen Farbverlauf, eine subtile Textur oder ein saisonales oder kampagnenbezogenes Vollbild-Hintergrundbild verwenden. Luxusmarken mit dunklen Farbpaletten — Schwarz, tiefes Marineblau, Waldgrün — profitieren besonders von der Vollbild-Navigation, weil der dunkle Hintergrund weißen oder hellen Kategorielinks maximalen Kontrast und Präsenz verleiht. Der Menühintergrund sollte mit der gleichen Sorgfalt gewählt werden wie jedes redaktionelle Foto.
Ein Öffnungs-/Schließ-Übergang, der Intention kommuniziert. Die Animation, die ein Vollbild-Menü öffnet, ist Teil des Erlebnisses. Ein Hochgleiten, ein Einblenden, ein Panel-Wipe vom Logo — jede vermittelt einen anderen Charakter. Eine langsame, theatralische Öffnung (400–600 ms mit einer Easing-Kurve) kommuniziert Luxus und Bedachtheit. Eine schnellere, schärfere Öffnung (200–300 ms) kommuniziert Modernität und Effizienz. Die Schließanimation sollte die Öffnung mit ähnlichem Timing spiegeln; ein Menü, das sich langsam öffnet und sofort schließt, erzeugt eine störende Inkonsistenz. Das Slide Menu von Navi+ unterstützt die gesamte Bandbreite an Übergangs-Timing- und Easing-Konfigurationen, um dem gewünschten Charakter der Marke zu entsprechen.
| Format | Markenausdruck | Am besten geeignet für |
|---|---|---|
| Seitenpanel (Standard Slide Menu) | Funktional — effizient, vertraut, kontextbewusst | Die meisten E-Commerce-Kontexte; sicherer, bewährter Standard |
| Vollbild-Overlay | Ausdrucksstark — Markenimmersion, typografisch mutig | Mode-, Luxus- und Lifestyle-Marken, bei denen die Navigation DIE Marke IST |
| Hybrid: Tab Bar + sekundäres Vollbild | Beides — sofortiger Primärzugriff + ausdrucksstarke Vollnavigation | Marken mit unterschiedlichen primären und sekundären Navigationsbedürfnissen |
Wann Vollbild-Navigation nicht die Antwort ist
Vollbild-Navigation eignet sich für Marken, bei denen Markenimmersion ein zentrales Wertversprechen ist. Sie ist weniger geeignet für nutzenorientierte Shops (Lebensmittel, Werkzeuge, Commodity-Produkte), bei denen Navigationseffizienz wichtiger ist als Markenausdruck, und für Shops mit großen, komplexen Katalogen, bei denen das Menü viele Links gleichzeitig anzeigen muss — ein Vollbild-Menü mit 20 Kategorien arbeitet gegen das Format, nicht mit ihm. Der Lackmustest: Wenn das Öffnen der Navigation sich anfühlen soll wie das Betreten der Markenwelt, ist Vollbild die richtige Wahl. Wenn es sich wie die Nutzung eines praktischen Werkzeugs anfühlen soll, dient ein gut konfiguriertes Seitenpanel oder eine Tab Bar besser.
Kostenlos testen — kein Code, kein Entwickler nötig
In wenigen Minuten auf Shopify, WordPress oder jeder beliebigen Website installieren.