Du steckst Geld in Anzeigen, der Traffic kommt stetig herein, aber die Bestellungen bleiben dünn. Der erste Reflex ist meist, an der Landingpage zu feilen, die Produktfotos auszutauschen oder den Preis zu senken. Das lohnt einen Blick, doch es gibt eine Frage, die kaum jemand stellt: Schaffen es die Kunden überhaupt bis zu dem Produkt, das sie suchen?
Genau hier spielt die E-Commerce-Shop-Navigation eine weit größere Rolle, als es auf den ersten Blick scheint. Navigation ist keine dekorative Schicht, die man oben auf die Seite klebt. Sie ist der Weg, der einen Kunden von der Neugier bis zum Klick auf “In den Warenkorb” trägt. Ist dieser Weg holprig, beschweren sich die Kunden nicht — sie gehen einfach still wieder. Und den Grund siehst du in keinem Bericht, denn wer geht, hinterlässt keine Notiz.
Dieser Artikel betrachtet vier Seiten desselben Problems: wie sich Kunden in einem Shop wirklich verhalten, in welche Richtung die Navigation den Umsatz zieht, welche Fehler auf Shopify am häufigsten auftauchen und welche Menütypen den Engpass lösen. Jeder Teil steht für sich, du kannst sie also in beliebiger Reihenfolge lesen.
- Navigation ist der erste Schritt zur Produktentdeckung.
- Die Daumenreichweite auf Mobilgeräten entscheidet, ob Kunden weitermachen.
- Die passenden Menütypen reduzieren Taps vor dem Warenkorb.
Wie sich Kunden in einem E-Commerce-Shop wirklich verhalten
Ein Kunde, der in deinen Shop kommt, bewegt sich nicht so durch ihn wie du — der Shop-Besitzer — durch deinen eigenen Shop. Du weißt, wo jede Kategorie sitzt. Der Kunde nicht. Er kommt an, schaut sich ein paar Sekunden um und entscheidet dann anhand einer einfachen Frage, ob er bleibt oder geht: “Ist das, was ich brauche, in der Nähe?”
Der meiste Traffic kommt heute von Smartphones — viele Quellen sehen mehr als die Hälfte des E-Commerce-Traffics auf Mobilgeräten. Das verändert, wie Kunden interagieren. Am Smartphone halten die meisten das Gerät in einer Hand und bedienen es mit dem Daumen. Die Forschung von Steven Hoober (über UXmatters) beobachtete mehr als 1.300 Interaktionen und stellte fest, dass die meisten davon mit dem Daumen erfolgten. Daraus entstand die Idee der “Daumenzone”: Die Mitte unten am Bildschirm ist der am leichtesten erreichbare Bereich, während die beiden oberen Ecken am schwersten zu erreichen sind und oft einen Griffwechsel verlangen.
Das Problem ist, dass das Menü in vielen Shops genau in dieser oberen Ecke sitzt — dem am schwersten erreichbaren Bereich. Um die Kategorie zu wechseln, muss der Kunde den Daumen strecken oder beide Hände nehmen. Jedes Mal ist das ein kleiner Reibungspunkt, und Reibung summiert sich dazu, dass Leute abspringen.
Eine Sache wird oft missverstanden: Viele glauben, Kunden würden das Suchfeld aufsuchen, wenn sie sich verirren. In der Praxis ist das nicht ganz so. Das Baymard Institute fand heraus, dass in Mode-Shops fast alle Testnutzer mit dem Hauptmenü statt mit der Suche begannen; die Suche war nur die Rückfallebene. Auf großen Seiten mit Tausenden von SKUs ist das Verhältnis ausgeglichener. Das heißt: Für die meisten kleinen und mittleren Shops ist das Menü weiterhin die Eingangstür — nicht das Suchfeld.
Sobald du verstanden hast, dass Kunden sich mit dem Daumen bewegen, innerhalb von Sekunden entscheiden und sich beim Finden auf das Menü verlassen, werden viele Designentscheidungen mit einem Schlag klarer.
Tiefer eintauchenZum vollständigen Leitfaden → Wie sich Kunden in einem E-Commerce-Shop wirklich verhalten
Wie die Navigation den Umsatz beeinflusst
Es liegt nahe, Navigation für eine Frage der Optik zu halten. Doch sie hängt direkt mit dem Geld zusammen, über eine einfache Kette: Ein Kunde muss ein Produkt finden, bevor er es ansehen kann, muss es ansehen, bevor er es in den Warenkorb legt, und muss es in den Warenkorb legen, bevor er zur Kasse geht. Jeder Schritt verliert ein paar Leute. Das Menü ist der erste Schritt, und ein Leck im ersten Schritt bedeutet, dass jeder folgende Schritt ebenfalls Leute verliert.
Eine Ausgangszahl hilft, das Ausmaß des Problems zu zeigen. Laut dem Baymard Institute liegt die durchschnittliche Warenkorbabbruchrate bei rund 70 %. Und das sind nur die Leute, die es überhaupt geschafft haben, etwas in den Warenkorb zu legen. Vor ihnen liegt eine noch größere Gruppe: die Leute, die in den Shop kamen, aber nie etwas fanden, das sie zum Hinzufügen bewegte. Diese Gruppe ist in Berichten fast unsichtbar, macht aber den größten Anteil des Verlusts aus.
Es gibt ein paar Wege, auf denen die Navigation still am Umsatz nagt:
- Der Weg ist zu lang. Jeder zusätzliche Tipp, der nötig ist, um ein Produkt zu erreichen, ist ein Punkt, an dem der Kunde abspringen kann. Ein tiefer Katalog mit einem flachen Menü zwingt Kunden, sich den Weg zu erraten.
- Kunden verirren sich auf halbem Weg. Sie erreichen eine Kategorie, sehen aber keinen Weg zu einer benachbarten und kehren deshalb zur Startseite zurück oder gehen.
- Randprodukte werden verschenkt. Artikel, die nicht im Menü stehen, sieht fast niemand. Du hast gute Produkte, aber sie sind vergraben.
- Seiten werden durch ein schweres Menü langsamer. Eine schwerfällige Navigation zieht die Ladegeschwindigkeit nach unten, und Geschwindigkeit hängt direkt mit der Conversion zusammen.
Der letzte Punkt verdient eine eigene Anmerkung. Google setzt recht klare Schwellenwerte für die Core Web Vitals: LCP unter 2,5 Sekunden, INP unter 200 ms, CLS unter 0,1. Ein nachlässig gebautes Menü kann dazu führen, dass sich das Layout beim Laden verschiebt (was den CLS hochtreibt) oder dass sich der Hauptaufbau verzögert. Der Kunde verliert die Geduld, bevor das Menü überhaupt erscheint.
Die gute Nachricht ist, dass die Conversion-Rate in dieser Phase oft elastischer ist, als viele annehmen. Den Weg zum Produkt zu verkürzen oder das Menü in Daumenreichweite zu bringen, erfordert keine Preis- oder Produktänderung — und kann die Bestellungen dennoch ein Stück nach oben schieben.
Tiefer eintauchenZum vollständigen Leitfaden → Wie die Navigation den Umsatz beeinflusst
Die häufigsten Navigationsfehler in Shopify-Shops
Die meisten Shopify-Shops nutzen das Standardmenü, das mit dem Theme kommt. Das Theme kümmert sich um die Optik, aber es kümmert sich nicht darum, Kunden durch deinen speziellen Katalog zu führen. Deshalb wiederholt sich eine Handvoll Fehler von einem Shop zum nächsten.
Die gesamte Navigation auf jedem Gerät hinter einem Hamburger-Button verstecken. Der Hamburger ist aufgeräumt, aber er versteckt die Optionen. Die Nielsen Norman Group fand heraus, dass versteckte Navigation die Entdeckbarkeit von Artikeln deutlich verringert und dass versteckte Menüs viel seltener genutzt werden als sichtbare, besonders auf dem Desktop. Kunden tippen nicht auf das, was sie nicht sehen. Ihr Rat ist kurz: Wenn du es nicht verstecken musst, verstecke es nicht.
Das Menü exakt zwischen Mobil und Desktop kopieren. Eine Struktur, die für einen breiten Bildschirm optimiert ist, ist meist überladen, wenn man sie in einen schmalen quetscht. Mobil braucht weniger Optionen, weiter unten platziert, näher am Daumen.
Ein Kategoriebaum, der zu flach oder zu tief ist. Zu flach, und eine einzige Kategorie ist mit hundert Produkten vollgestopft, sodass Kunden scrollen, bis die Hand schmerzt. Zu tief, und Kunden müssen sich durch vier oder fünf Ebenen tippen. Beides ist ermüdend.
Das Menü bricht jedes Mal, wenn du das Theme wechselst. Das ist ein Shopify-spezifisches Problem. Ein Theme-Wechsel bedeutet, die Navigation von Grund auf neu zu bauen, weshalb viele Shops es vermeiden, sie zu optimieren — aus Angst, die Mühe gehe wieder verloren.
Zu viele Apps installieren, die die Seite verlangsamen. Jede App fügt ein bisschen Skript hinzu. Das Menü ist ebenfalls eine App — und wenn es schwer ist, trägt es dazu bei, die Core Web Vitals nach hinten zu ziehen.
Was diese Fehler gemeinsam haben: Keiner zeigt sich als “Fehler”. Der Shop läuft weiter, bekommt weiter Bestellungen. Sie blockieren nur still einen Teil der Kunden.
Tiefer eintauchenZum vollständigen Leitfaden → Die häufigsten Navigationsfehler in Shopify-Shops
Wie Menütypen Navigationsengpässe lösen
Es gibt keinen einzigen “richtigen” Menütyp für jeden Shop. Jeder Typ löst einen anderen Engpass, und die meisten Shops brauchen eine Kombination aus mehreren — einen Satz für Mobil, einen für Desktop.
Die folgende Tabelle fasst zusammen, wofür sich jeder Typ am besten eignet:
| Menütyp | Am besten für | Der Engpass, den er löst |
|---|---|---|
| Tab Bar (untere Leiste mobil) | Mobil | Bringt die Hauptwege in die Daumenzone |
| Mega Menu (Desktop) | Desktop | Breiter Katalog, viele Kategorien auf einmal |
| Slide / Hamburger Menu | Beide | Gruppiert sekundäre Kategorien aufgeräumt |
| FAB (schwebender Button) | Mobil | Eine wichtige Aktion immer in Reichweite |
| Grid Menu | Beide | Zeigt Kategorien visuell, mit Bildern |
Die Tab Bar verdient für Mobil eine besondere Erwähnung. Sie platziert die wichtigen Wege — Start, Kategorien, Warenkorb, Konto — direkt am unteren Bildschirmrand, in der leicht erreichbaren Daumenzone, statt Kunden hoch in die Ecke greifen zu lassen. Das Mega Menu ist das Gegenstück, geeignet für den Desktop, wenn du viele Kategorieäste auslegen willst, ohne dass Kunden sich durch mehrere Ebenen klicken müssen.
Der entscheidende Punkt ist nicht, einen Typ zu wählen, sondern dass die Shop-Navigation für Mobil und Desktop getrennt konfiguriert werden sollte. Genau hier hilft ein Werkzeug, das speziell für Menüs gebaut ist. Mit Navi+ kannst du alle fünf oben genannten Typen — Tab Bar, Mega Menu, Slide Menu, FAB, Grid Menu — per Drag-and-drop bauen, ganz ohne Code, und Mobil getrennt von Desktop einrichten. Das Menü bleibt beim Theme-Wechsel erhalten, sodass kein Neuaufbau von Grund auf nötig ist, und es ist so optimiert, dass es die Ladegeschwindigkeit nicht nach hinten zieht. Das ist die Art von Shopify-Menü, die du an deine eigene Katalogstruktur anpassen kannst, statt in der Form des Themes festzuhängen.
Tiefer eintauchenZum vollständigen Leitfaden → Wie Menütypen Navigationsengpässe lösen
Wo du anfangen solltest
Du musst deinen ganzen Shop nicht sofort neu bauen. Ein paar kleine Schritte reichen, um das Problem aufzuspüren:
- Öffne deinen Shop auf deinem eigenen Smartphone, nicht am Computer.
- Wähle ein bestimmtes Produkt und versuche, es wie ein Erstbesucher zu finden.
- Zähle, wie viele Tipps es braucht, um zu dieser Produktseite zu gelangen.
- Achte darauf, ob das Hauptmenü innerhalb oder außerhalb der Daumenreichweite liegt.
- Schick deinen Shop durch Googles Core-Web-Vitals-Tool, um zu sehen, ob etwas rot aufleuchtet.
Einfacher CheckÖffne den Shop auf deinem Smartphone, wähle ein Produkt und zähle, wie viele Tipps bis dorthin nötig sind.
Wenn das Finden eines einzigen Produkts zu viele Schritte braucht oder das Menü an einer schwer erreichbaren Stelle sitzt, hast du etwas Konkretes zum Beheben — und das ist meist weit günstiger, als noch mehr Geld in Anzeigen zu stecken.
Navigation ist nichts, was man einmal einstellt und dann vergisst. Der Katalog wächst, die Traffic-Quellen verschieben sich, die Gewohnheiten der Kunden ändern sich — und das Menü muss zusammen mit ihnen immer wieder überprüft werden. Der sanfteste Einstieg ist nach wie vor der Test von oben: Nimm dein Smartphone, spiel die Rolle eines Fremden und versuche, einen Artikel zu finden. Wie viele Schritte bis dahin? Diese Antwort sagt meist mehr aus als jeder Analytics-Bericht.
Themen entdecken
Dieser Leitfaden verlinkt auf gezielte Artikel — vertiefen Sie jedes Thema.