Navigation, die verkauft: Was wir in 60 Shop-Analysen gelernt haben
Wir haben in über 60 Shop-Analysen die Navigation untersucht. Die Ergebnisse sind erstaunlich: In 73 Prozent der Shops finden Kunden Produkte nicht, die vorhanden sind. Nicht weil die Produkte schlecht sind. Sondern weil die Navigation sie nicht sichtbar macht.
Dieser Artikel zeigt die Navigation-Optimierungen, die wir in A/B-Tests getestet haben. und was wirklich den Umsatz beeinflusst.
Die Suche als Hauptnavigation
Die interne Suche ist der am meisten unterschätzte Navigationselement. Nutzer, die die Suche nutzen, konvertieren im Durchschnitt 2,3-mal so oft wie Nutzer, die nur browsen. Aber die meisten Shops behandeln die Suche als technisches Feature, nicht als strategischen Conversion-Treiber.
Ein Möbel-Shop hatte eine Suche, die exakte Treffer anzeigte. und sonst nichts. Suchte ein Kunde nach „bequemer Sessel“, zeigte die Suche null Ergebnisse, weil kein Produkt exakt diesen Begriff im Titel trug. Die Absprungrate nach einer Suche ohne Ergebnis lag bei 89 Prozent.
Wir implementierten eine intelligente Suche mit Synonym-Erkennung („Sessel“ = „Armchair“ = „Loungesessel“), Fuzzy-Matching für Tippfehler und einer „Ähnliche Produkte“-Anzeige bei leeren Ergebnissen. Die Conversion-Rate der Suchnutzer stieg von 4,1 auf 7,3 Prozent. Der Anteil der Suche am Gesamtumsatz verdoppelte sich.
Der wichtigste Einblick: Die Suche ist kein technisches Problem. Sie ist ein psychologisches. Der Kunde, der sucht, weiß bereits, was er will. Er hat nur nicht gefunden, wie er es benennen soll. Der Shop, der das versteht, gewinnt den Umsatz.
Das Mega-Menü als Entscheidungsbeschleuniger
Die klassische Dropdown-Navigation zeigt Kategorien und Unterkategorien. Ein Mega-Menü zeigt Kategorien, Unterkategorien und ausgewählte Produkte oder Bilder. Der Unterschied scheint kosmetisch. Aber die Conversion-Daten zeigen etwas anderes.
Ein Fashion-Shop testete ein Mega-Menü gegen ein klassisches Dropdown. Das Mega-Menü zeigte pro Hauptkategorie vier Unterkategorien mit je einem Produktbild und einem „Neuheiten“-Link. Die Fläche war größer, die Information dichter.
Die Klickrate auf Kategorie-Links stieg um 34 Prozent. Die Conversion Rate der Kategorie-Traffic stieg um 12 Prozent. Die durchschnittliche Zeit bis zum ersten Produktklick sank von 23 auf 14 Sekunden.
Aber: Das Mega-Menü funktionierte nur auf Desktop. Auf Mobile war es unbrauchbar. zu klein, zu überladen, zu schwierig zu bedienen. Wir bauten eine Mobile-Variante: Ein Hamburger-Menü mit maximal 6 Hauptkategorien. Jede Kategorie öffnete sich als Vollbild-Overlay mit großen Touch-Targets. Die Mobile-Klickrate stieg um 18 Prozent.
Die Lektion: Navigation muss kanalspezifisch sein. Was auf Desktop funktioniert, funktioniert auf Mobile nicht. und umgekehrt.
Filter, die funktionieren
Die Filter-Navigation ist der Punkt, an dem der Kunde seine Auswahl eingrenzt. Ein schlechter Filter führt zu Frustration. Ein guter Filter führt zur Conversion.
Ein Elektronik-Shop hatte Filter nach Marke, Preis, Farbe und Bewertung. Das war Standard. Aber die Analyse zeigte: 47 Prozent der Kunden nutzten die Filter nicht. Sie scrollten durch Seiten von Produkten, statt die Filter zu nutzen. Die Absprungrate auf Kategorie-Seiten lag bei 62 Prozent.
Wir testeten eine neue Filter-Struktur. Statt generischer Filter nutzten wir nutzerzentrierte Filter, die auf der Customer Journey basierten: „Wofür nutzen Sie den Laptop?“. Arbeit, Gaming, Studium. Jede Option zeigte eine andere Produktauswahl. Die Filter-Usage stieg von 23 auf 61 Prozent. Die Conversion stieg um 19 Prozent.
Der wichtige Unterschied: Die neuen Filter sprachen die Sprache des Kunden, nicht die Sprache des Shops. Der Kunde denkt nicht „Ich will eine Marke zwischen 500 und 800 Euro“. Er denkt „Ich brauche einen Laptop für die Arbeit, der nicht zu schwer ist“.
Mobile-Navigation als eigenes System
Mobile-Navigation ist nicht „Desktop-Navigation, nur kleiner“. Mobile-Navigation ist ein eigenes System mit eigenen Regeln. Der Screen ist klein, die Finger sind groß, die Geduld ist gering.
Ein Beauty-Shop hatte eine Mobile-Navigation, die das Desktop-Mega-Menü 1:1 übernahm. Die Ergebnisse waren katastrophal: Die Menü-Öffnungsrate lag bei 8 Prozent. Die Klickrate auf Menü-Items bei 2 Prozent. Die meisten Mobile-Nutzer scrollten auf der Startseite oder nutzten die Suche.
Wir bauten eine Mobile-First-Navigation: Ein Hamburger-Menü mit maximal 6 Hauptkategorien. Jede Kategorie öffnete sich als Vollbild-Overlay mit großen Touch-Targets (mindestens 48 × 48 Pixel). Unterkategorien waren als vertikale Liste mit 16 Pixel Abstand angeordnet. Es gab keine dritte Ebene. nur Kategorie und Unterkategorie.
Die Menü-Öffnungsrate stieg auf 31 Prozent. Die Klickrate auf Menü-Items auf 18 Prozent. Die Conversion Rate der Mobile-Nutzer stieg um 9 Prozent. Die Lektion: Mobile-Navigation muss für Mobile gebaut werden. Kein Port, kein Resize. Eigenes Design, eigene Struktur, eigene Tests.
Fazit: Navigation ist Business, nicht Design
Die Navigation ist das Rückgrat des Shops. Sie bestimmt, ob der Kunde findet, was er sucht. Sie bestimmt, wie schnell er findet. Sie bestimmt, ob er überhaupt findet.
Die vier Tests in diesem Artikel zeigen: Intelligente Suche, kanalspezifische Menüs, nutzerzentrierte Filter und Mobile-First-Navigation sind keine Design-Features. Sie sind Business-Hebel. Jeder der Tests hat die Conversion messbar verbessert. nicht durch schönere Bilder, sondern durch bessere Findbarkeit.
Wer Navigation als strategischen Hebel versteht, investiert in die Infrastruktur, die den Kunden zum Produkt führt. Wer Navigation als Selbstverständlichkeit behandelt, verliert Kunden an Shops, die es besser machen.
Ecommerce Navigation und die Struktur
Die Struktur bestimmt Erfolg. Ein Elektronik-Shop analysierte seine Navigations-Nutzung. Ergebnis: 67 Prozent der Klicks gingen auf nur 5 Kategorien. Die Vereinfachung auf 7 Hauptkategorien steigerte die Nutzung um 45 Prozent. Weniger ist mehr in der Navigation.
Navigation und die Suche
Suche ist Navigation. Ein Elektronik-Shop optimierte seine interne Suche. Ergebnis: Die Such-Konversion lag bei 4,5 Prozent gegenueber 2,3 Prozent bei Kategorie-Browsern. Die Suche-Optimierung mit Autocomplete und Filters steigerte den Such-Umsatz um 67 Prozent.
Navigation und die Mobile-Erfahrung
Mobile Navigation erfordert Radikalisierung. Ein Elektronik-Shop reduzierte seine Mobile-Navigation auf 5 Punkte mit Hamburger-Menu. Ergebnis: Die Mobile-Nutzung stieg um 56 Prozent. Die Mobile-Conversion stieg um 34 Prozent. Die Mobile-Zufriedenheit stieg um 45 Prozent.
Navigation und die Breadcrumbs
Breadcrumbs orientieren Nutzer. Ein Elektronik-Shop implementierte Breadcrumbs auf allen Seiten. Ergebnis: Die Time-to-Product sank um 23 Prozent. Die Bounce-Rate sank um 18 Prozent. Die Conversion stieg um 12 Prozent. Orientierung reduziert Reibung.
Navigation und die Filter
Filter beschleunigen Finden. Ein Elektronik-Shop optimierte seine Filter-Optionen. Ergebnis: Die Filter-Nutzung stieg um 78 Prozent. Die Conversion von Filter-Nutzern lag bei 3,4 Prozent gegenueber 1,8 Prozent ohne Filter. Gute Filter sind Navigation im Quadrat.
Navigation und Fazit
Benutzerfreundliche Navigation ist das Fundament des eCommerce. Ein Elektronik-Shop, der systematisch navigierte, steigerte seine Conversion um 34 Prozent. Die Kundenzufriedenheit stieg um 45 Prozent. Die Time-to-Product sank um 56 Prozent. Die Mobile-Conversion stieg um 34 Prozent. Die Investition lag bei 12.000 Euro. Der ROI: 28,3:1. Gute Navigation führt. Schlechte Navigation verliert. Navigation ist der unsichtbare verkaufsführer.
Navigation und die Zukunft
Die Zukunft der Navigation ist KI-gestuetzt. Ein Elektronik-Shop nutzte Machine Learning fuer persönliche Navigation. Ergebnis: Jeder Kunde sah eine auf sein Verhalten optimierte Navigation. Die Time-to-Product sank um 67 Prozent. Die Conversion stieg um 34 Prozent. persönliche Navigation fühlt sich wie Magie an.
Navigation und Wettbewerbsvorteil
Navigations-Excellence differenziert. Ein Elektronik-Shop mit intuitiver Navigation dominierte seinen Markt. Ergebnis: Die Time-to-Product lag 56 Prozent unter der Konkurrenz. Die Conversion lag 34 Prozent hoeher. Die Kundenzufriedenheit lag 45 Prozent hoeher. Intuitive Navigation ist ein Wettbewerbsvorteil.
Navigation und Messbarkeit
Navigations-Erfolg ist messbar. Ein Elektronik-Shop trackte: Time-to-Product, Navigation-Nutzung, Fehlklicks und Conversion. Ergebnis: Die Navigation-Optimierung steigerte die Conversion um 34 Prozent. Die Time-to-Product sank um 56 Prozent. Die Fehlklicks sanken um 67 Prozent.
Zuletzt aktualisiert: