Warum Einheitliche Navigation Nicht Allen Phasen Gerecht Wird
Die meisten E-Commerce-Shops verwenden auf jeder Seite dieselbe Navigation, unabhängig davon, was der Besucher gerade tut oder wie weit er im Kaufprozess fortgeschritten ist. Dasselbe Menü, das einem Neubesucher hilft, Produktkategorien zu entdecken, erscheint auch auf der Warenkorbseite, der Produktdetailseite und dem Bestellbestätigungsbildschirm. Diese Einheitlichkeit erscheint logisch — konsistente Navigation ist gutes UX-Design — doch sie verwechselt Konsistenz mit kontextueller Angemessenheit. Ein für die Entdeckungsphase optimiertes Menü dient einem Besucher, der zwei spezifische Produkte vergleicht, nicht gut. Ein für breites Stöbern optimiertes Menü ist Reibung für jemanden, der eine Kaufentscheidung getroffen hat und schnell bezahlen möchte.
Kontextuelle Navigation bedeutet nicht, verschiedenen Personen unterschiedliche Shops zu zeigen — es geht darum, den Navigations-Schwerpunkt so anzupassen, dass die Reibung für die Aufgabe des Besuchers reduziert wird. Die zugrundeliegende Navigationsstruktur bleibt konsistent; was sich ändert, ist welche Elemente visuell hervorgehoben werden, welche Verknüpfungen angeboten werden und welche Aktionen am leichtesten zugänglich sind. Dies entspricht dem Prinzip, das gut gestaltete physische Einzelhandelsräume auszeichnet: Entdeckungsbereiche nahe dem Eingang, fokussierte Vergleichszonen in der Mitte des Ladens, reibungsloser Kassenbereich am Ende.
"Wir stellten fest, dass unsere Warenkorbabbruchrate hoch war, obwohl Besucher Artikel hinzugefügt hatten — sie legten etwas in den Warenkorb und begannen dann erneut über die Tab Bar zu stöbern, ließen sich von neuen Kategorien ablenken und verließen die Seite ohne zu bezahlen. Wir aktualisierten die Tab Bar auf Warenkorb- und Checkout-Seiten, um das Warenkorb-Symbol zum auffälligsten Element zu machen, mit einem sichtbaren Artikel-Badge. Alles andere blieb verfügbar, aber der Schwerpunkt verschob sich zur Kaufabwicklung. Die Wiederherstellungsrate aus dem Checkout-Prozess verbesserte sich spürbar — Menschen, die kaufen wollten, kauften auch."
— Ein Navi+-Kunde, Heimtextilienmarke
Navigationsanforderungen nach Kaufphasen
Die Kaufreise hat unterschiedliche Phasen mit jeweils verschiedenen Navigationsanforderungen. Diese Phasen zu verstehen, ist die Grundlage für kontextuelle Navigationsentscheidungen:
Entdeckungsphase: Neubesucher und breites Stöbern. Besucher, die ohne ein bestimmtes Produkt im Sinn erkunden, benötigen eine Navigation, die die Bandbreite des Shops vermittelt und ihnen hilft, einen relevanten Bereich zu finden. In dieser Phase sind die nützlichsten Navigationselemente Kategorie-Links mit genug Kontext zur Unterscheidung — nicht nur "Damen" und "Herren", sondern "Damen — Casual" und "Damen — Business" oder welche Unterscheidungen für Ihren Katalog sinnvoll sind. Breadcrumbs sind weniger wichtig; Kategoriezugangspunkte stehen im Vordergrund. Die Tab Bar sollte die beliebtesten oder breitesten Kategorien priorisieren.
Bewertungsphase: Produktvergleich und Entscheidungsfindung. Besucher, die aktiv Produkte innerhalb einer Kategorie vergleichen, haben den Übergang von der Erkundung zur Bewertung vollzogen. Sie wissen grob, was sie wollen; sie klären die Details. Navigationsanforderungen in dieser Phase: schnelle kategorieübergreifende Produktnavigation (Links zu ähnlichen Produkten, verwandten Kategorien), Filterzugang und Social-Proof-Signale auf der Navigationsfläche. Der Breadcrumb gewinnt als "Wo bin ich im Katalog"-Signal an Bedeutung. Tiefe Links zu benachbarten Produkten — sichtbar in der Navigation oder auf Produktseiten — reduzieren den Vergleichsaufwand.
Konversionsphase: Warenkorb und Kasse. Sobald ein Besucher Kaufabsicht signalisiert hat — Hinzufügen zum Warenkorb, Beginn des Checkout — kehren sich seine Navigationsanforderungen um. Er muss nicht mehr entdecken oder vergleichen; er muss abschließen. Eine Navigation mit einfachen Fluchtwegen aus dem Checkout-Prozess (prominente "Weiter einkaufen"-Links, sichtbare Kategorienavigation im Header) erzeugt das Risiko einer Entscheidungsumkehr. Die hilfreichste Navigation für einen Besucher in der Kassierphase ist ein minimales Set an kaufbestätigenden Links: Warenkorb-Zugang, Bestellübersicht, Konto-Login und ein klarer Rückweg, wenn er wirklich noch etwas hinzufügen muss.
Nachkaufphase: Bestätigung und Wiederansprache. Die Bestellbestätigungsseite ist eine Navigationsgelegenheit, die die meisten Shops mit einer allgemeinen "Danke"-Nachricht und einem Link zur Startseite verschwenden. Ein Besucher, der gerade gekauft hat, hat seine Kaufbereitschaft bei diesem Shop bewiesen. Die Navigation auf der Bestätigungsseite sollte die nächste relevanteste Entdeckung zeigen: Neuankömmlinge in der gerade gekauften Kategorie, verwandte Produkte, Einstieg ins Treueprogramm oder Empfehlungsprogramm-Links. Jedes dieser Elemente ist eine Navigationsentscheidung, die bewusst getroffen werden kann.
| Kaufphase | Navigationspriorität | Was Hervorgehoben Werden Sollte |
|---|---|---|
| Entdeckung | Breiter Kategoriezugang | Tab Bar mit Top-Kategorien, Slide Menu mit vollständigem Sortiment |
| Bewertung | Navigation innerhalb der Kategorie | Breadcrumbs, Filter, Links zu verwandten Produkten |
| Konversion | Warenkorb-Prominenz | Warenkorb-Symbol mit Badge, minimale Ablenkungen |
| Nachkauf | Wiederansprache-Links | Neuankömmlinge in der gekauften Kategorie, Treueprogramm, Empfehlungen |
Kontextuelle Navigation mit Navi+ Umsetzen
Vollständige kontextuelle Navigation — bei der sich das gesamte Menü je nach Kaufphase ändert — erfordert einen Entwicklungsaufwand, den die meisten Shop-Betreiber nicht rechtfertigen können. Die wertvollsten kontextuellen Änderungen sind jedoch durch Navigationskonfiguration statt durch individuelle Entwicklung erreichbar. Navi+ ermöglicht die Konfiguration der Tab Bar und des Floating Action Buttons mit unterschiedlichen Prioritätsstufen für verschiedene Elemente. Die Anpassung, welcher Tab Bar-Slot ein aktives Badge anzeigt, wohin der FAB zeigt und wie prominent der Warenkorb auf verschiedenen Seitentypen dargestellt wird, erzeugt bedeutungsvolle kontextuelle Navigationsänderungen, ohne die Menüstruktur neu aufzubauen.
Das Prinzip lautet: Navigation sollte der aktuellen Aufgabe des Besuchers dienen, nicht nur der durchschnittlichen Aufgabe aller Besucher. Je mehr Sie durch Analytics verstehen, wo Besucher abspringen, sich ablenken lassen oder aufgeben, desto mehr ist jede Erkenntnis ein Anstoß zur Frage: "Welche Navigation hätte ihnen hier geholfen?" Die Antworten akkumulieren sich zu einem kontextuell intelligenten Navigationssystem, das durch Iteration aufgebaut wird — nicht durch eine umfassende Neugestaltung.
Kostenlos testen — kein Code, kein Entwickler nötig
In wenigen Minuten auf Shopify, WordPress oder jeder beliebigen Website installieren.