Sobald ein Shop die Marke von 50 Produkten überschreitet, beginnen sich die Dinge zu verändern. Die Art, wie Sie Ihre Kundinnen und Kunden in der Anfangszeit durch den Shop geführt haben, wirkt jetzt beengt. Das Navigationsproblem eines wachsenden Shops rückt in den Fokus: Es geht nicht mehr darum, „überhaupt ein Menü zu haben”, sondern darum, „ob das Menü Kunden schnell genug an die richtige Stelle führt”.
Ich habe selbst einmal einen Shop betrieben, der genau diese Phase durchlaufen hat. Der Katalog wuchs schneller, als ich erwartet hatte, und die alte Menüstruktur wurde unbemerkt zum Engpass — bis ich mir die Zahlen ansah und es endlich erkannte.
Wie Phase 2 aussieht
Das offensichtlichste Anzeichen ist ein Katalog, der schnell wächst. Sie fügen fast jeden Monat eine neue Kollektion hinzu: nach Saison, nach Produktlinie, nach Aktion. Das flache Menü aus der Anfangszeit, mit vier oder fünf Einträgen, ist nun überladen.
Auch der Traffic wächst. Noch wichtiger: Sie beginnen, über echte Verhaltensdaten zu verfügen — woher Ihre Kunden kommen, worauf sie klicken, wo sie abspringen. Früher haben Sie geraten; jetzt können Sie messen.
Und es gibt eine neue Kundengruppe: die wiederkehrenden Kunden. Sie haben schon einmal gekauft, sie wissen, was Sie verkaufen, und diesmal wollen sie schneller finden. Sie sind beim Stöbern nicht so geduldig wie Erstbesucher. Wenn das Menü sie zum Herumtasten zwingt, werden sie genervt sein — obwohl sie Sie zuvor mochten.
Wann Sie Ihre Navigation erweitern sollten
Es gibt einige recht klare Anzeichen. Sie müssen nicht raten; schauen Sie einfach auf die Zahlen.
- Kunden müssen drei oder mehr Mal klicken, um ein Produkt zu erreichen. Jeder zusätzliche Klick ist eine Gelegenheit für einen Kunden aufzugeben. Je tiefer Ihre Kategorien verschachtelt sind, desto länger der Weg zum Produkt, und die Abbrüche bei jedem Schritt summieren sich.
- Die Suchrate steigt. Wenn mehr Menschen das Suchfeld nutzen, ist das meist kein gutes Zeichen — das Menü führt sie nicht dorthin, wo sie hinmüssen, also müssen sie es selbst eintippen. Die Suche sollte eine Rückfallebene sein, nicht der Hauptweg.
- Die Absprungrate steigt mit dem Katalog. Ein wachsender Katalog gepaart mit einer steigenden Absprungrate ist eine verdächtige Kombination. Die Ursache ist oft, dass Kunden ankommen, keinen klaren Weg sehen und wieder gehen.
Auch der größere Zusammenhang ist es wert, im Hinterkopf behalten zu werden. Laut dem Baymard Institute liegt die durchschnittliche Warenkorbabbruchrate im E-Commerce bei rund 70 % und hat sich über viele Jahre kaum verändert. Ein Menü kann all das nicht lösen, aber ein verworrener Weg hilft sicher nicht dabei, Kunden zu halten.
Eine klarere Struktur für einen wachsenden Shop
In dieser Phase braucht der Shop eine echte Struktur, nicht nur eine Liste von Links. Hier beginnt ein Mega Menu sinnvoll zu werden.
Auf dem Desktop können Sie mit einem Mega Menu viele Kategorien gleichzeitig in einem ausklappbaren Bereich anzeigen, statt sie hinter mehreren Ebenen zu verstecken. Mit einem Blick sieht der Kunde das ganze Bild: welche Produktlinien Sie haben und wie sie gruppiert sind. Das passt dazu, wie das menschliche Auge eine Seite überfliegt. Die Nielsen Norman Group weist darauf hin, dass versteckte Navigation (die Art, die vollständig hinter einem Icon verborgen ist) die Auffindbarkeit von Inhalten im Vergleich zu sichtbarer Navigation verringert, und dieser Effekt ist auf dem Desktop stärker als auf dem Smartphone.
Mit anderen Worten: Verstecken Sie auf einem breiten Bildschirm nichts. Zeigen Sie es. Das Mega Menu wurde genau dafür gemacht.
Bei rund 50–500 Produkten brauchen Sie noch kein Mega Menu, das mit vielen Spalten vollgestopft ist. Ein zweispaltiges Layout reicht meist aus und ist gut lesbar. Sie können für einige herausragende Kategorien Bilder hinzufügen — zum Beispiel ein Modeshop, der ein Bild „Neue Kollektion” oder „Bestseller” direkt ins Menü setzt, was den Kunden zugleich leitet und zum Kauf verlockt.
Mobil: Die Tab Bar hält die Hauptziele bereit, das Slide Menu übernimmt den Rest
Die meisten Kundinnen und Kunden kaufen auf dem Smartphone ein, daher ist Mobile die Hauptarena. Und Mobile hat seine eigenen Einschränkungen: ein schmaler Bildschirm und Menschen, die das Telefon mit einer Hand halten.
Der mit dem Daumen am leichtesten erreichbare Bereich liegt etwa im unteren Drittel des Bildschirms — die Daumenzone. Deshalb ist eine am unteren Rand platzierte Navigationsleiste (eine Tab Bar) so praktisch: Die wichtigsten Ziele sind stets in Reichweite des Daumens, nicht in die obere Ecke hochgezogen.
Eine sinnvolle Aufteilung der Rollen in dieser Phase:
- Tab Bar hält vier oder fünf Hauptziele bereit, stets unten sichtbar: Startseite, Kategorien, Suche, Warenkorb, Konto. Dies sind die Orte, zu denen Kunden am häufigsten zurückkehren, also halten Sie sie in Reichweite.
- Slide Menu übernimmt den groß gewordenen Katalog. Wenn Sie Dutzende Kategorien und Unterkategorien haben, lässt ein Slide Menu, das vom Rand aufklappt, diese ordentlich in Ebenen anordnen, ohne dauerhaft Bildschirmplatz zu beanspruchen.
Diese beiden ergänzen einander, statt sich gegenseitig zu ersetzen. Die Tab Bar sorgt für Tempo zu häufig genutzten Stellen. Das Slide Menu bewältigt die Tiefe des Katalogs. Auch hier gilt das Prinzip der Nielsen Norman Group: Verstecken Sie nicht alles hinter einem Hamburger-Icon — halten Sie die wichtigsten Pfade sichtbar und legen Sie nur den Rest in das Slide Menu.
Beginnen Sie, Menü-Analysen zu betrachten
Der große Unterschied zwischen Phase 2 und der Anfangszeit ist, dass Sie nun genug Daten haben, um Entscheidungen zu treffen. Jetzt ist die Zeit, Menü-Analysen ernsthaft zu verfolgen.
Schauen Sie, welche Menüeinträge viel geklickt werden und welche fast niemand berührt. Eine Kategorie, die Sie prominent platziert haben, auf die aber niemand klickt, hat vielleicht den falschen Namen, die falsche Position, oder der Kunde interessiert sich schlicht nicht dafür. Umgekehrt ist ein tief vergrabener Eintrag, der dennoch viele Klicks erhält, ein Zeichen dafür, dass Sie ihn nach oben holen sollten.
Ordnen Sie das Menü nicht nach dem Bauchgefühl von jemandem innerhalb des Shops. Ordnen Sie es so, wie sich Kunden tatsächlich bewegen. Menü-Analysen helfen Ihnen, diesen Weg zu sehen und schrittweise anzupassen, statt eine große Generalüberholung vorzunehmen.
Eines sollten Sie beim Hinzufügen von Tools im Blick behalten: die Seitengeschwindigkeit. Laut Google liegen die „guten” Schwellenwerte für die Core Web Vitals bei einem LCP unter 2,5 Sekunden, einem INP unter 200 Millisekunden und einem CLS unter 0,1. Ein Mega Menu und ein Slide Menu können, wenn sie schwer gebaut sind, diese Werte nach unten ziehen. Je größer der Shop, desto mehr Apps installiert er meist, und jede App kann die Ladezeit erhöhen — Ihr Menü sollte also schlank sein und die Seite nicht verlangsamen.
Empfohlene Konfiguration mit Navi+
Wenn Sie keinen Code anfassen möchten, ist hier die Konfiguration, die meiner Erfahrung nach zu einem Shop in dieser Phase passt, gebaut mit Navi+:
- Desktop: Ein zweispaltiges Mega Menu, mit Bildern für ein oder zwei herausragende Kategorien. Klar genug, ohne überladen zu wirken.
- Mobil: Eine Tab Bar für die vier oder fünf Hauptziele am unteren Rand, kombiniert mit einem Slide Menu für den gesamten Kategoriebaum.
- Tracking: Aktivieren Sie die Menü-Analyse, um zu sehen, welche Einträge genutzt werden, und feinjustieren Sie dann schrittweise.
Navi+ konfiguriert Mobil und Desktop getrennt, sodass Sie kein Layout dazu zwingen müssen, beidem zu dienen. Das Menü funktioniert per Drag-and-drop, ohne Code, und es bleibt an seinem Platz, wenn Sie das Theme wechseln — ein praktischer Punkt, da viele Shops in dieser Phase ihr Erscheinungsbild gerne ändern. Das Tool ist so optimiert, dass es die Seite nicht verlangsamt, und trägt das Abzeichen „Built for Shopify”.
Das Wichtigste in Phase 2 ist nicht, ein großartiges Menü zu bauen, sondern es klar und messbar zu machen — damit Sie, wenn der Shop weiter wächst, bereits das Fundament und die Gewohnheit haben, auf die Zahlen zu schauen, um weiter voranzukommen.
Dieser Artikel ist Teil des umfassenderen Leitfadens Navigation für jede Wachstumsphase eines Shops — von 10 bis 10.000 Produkten.