Mobiler Traffic macht mittlerweile über 70 % der Shopify-Shop-Besuche aus. Wie sich die Navigation auf einem kleinen Bildschirm verhält, ist eine der folgenreichsten UX-Entscheidungen, die Sie treffen werden. Diese Seite zeigt genau, wie Smart Menu und Navi+ mit Mobile umgehen — und warum der Unterschied wichtig ist.
Wie Smart Menu Mobile handhabt
Smart Menus mobile Erlebnis folgt dem Standard-Hamburger-Menü-Muster:
- Besucher landet auf einer Seite — die Navigation ist ausgeblendet
- Besucher tippt auf das ☰-Symbol in der oberen Ecke
- Ein Dropdown- oder Ausklappmenü erscheint
- Besucher tippt auf eine Kategorie, um zu navigieren
Dieses Muster ist vertraut und funktional. Aber es hat ein grundlegendes Problem: Ihr gesamter Produktkatalog ist unsichtbar, bis der Besucher das Menü aktiv öffnet. Die meisten mobilen Besucher tun das nicht.
Einschränkungen von Smart Menu auf Mobile:
- Kein Tab Bar / Keine untere Navigation
- Kein FAB (Floating Action Button)
- Keine persistente Navigation — erfordert immer einen bewussten Tipp
- Keine gerätespezifischen Veröffentlichungsregeln (kann keine unterschiedlichen Menüs auf Mobile vs. Desktop anzeigen)
Wie Navi+ Mobile handhabt
Navi+ wurde Mobile-First entwickelt und unterstützt drei verschiedene mobile Navigationsmuster:
Tab Bar (Untere Navigation)
Die Tab Bar platziert 4–5 Navigationslinks in einer festen Leiste am unteren Bildschirmrand. Sie ist immer sichtbar — Besucher können jede Kategorie von jeder Seite aus antippen, ohne ein Menü öffnen zu müssen. Das spiegelt wider, wie native Apps wie Instagram, Amazon und TikTok funktionieren.
Warum die Tab Bar besser konvertiert:
- Kein Tipp erforderlich, um Hauptkategorien zu sehen — sie sind immer sichtbar
- Daumenfreundliche Position (unterer Bildschirmrand = natürliche Daumenreichweite)
- Reduziert die Anzahl der Schritte zum Durchsuchen einer Kategorie um ~1–2 Tipps pro Sitzung
- Mobile Käufer, die die Tab Bar-Navigation sehen, besuchen durchschnittlich 20–35 % mehr Seiten pro Sitzung
FAB (Floating Action Button)
Der FAB ist ein schwebender Button, der auf dem Bildschirm fixiert bleibt und typischerweise für priorisierte Aktionen verwendet wird: „Sale”, „Neuheiten”, „Kontakt” oder „Warenkorb”. Er fügt eine persistente Verknüpfung hinzu, ohne Bildschirmfläche für eine vollständige Leiste zu beanspruchen.
Slide Menu (mit Mobile-First-Regeln)
Navi+’s Slide Menu (Hamburger/Drawer-Stil) ist anpassbarer als das von Smart Menu — mit Icons, Bildern, Badges und der Möglichkeit, über Smart Publish-Regeln unterschiedliche Inhalte auf Mobile vs. Desktop anzuzeigen.
Auswirkung auf die Konversion
| Mobile-UX-Element | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar (immer sichtbar) | ✗ | ✓ |
| FAB-Button | ✗ | ✓ |
| Mobilspezifische Veröffentlichungsregeln | ✗ | ✓ |
| Icons in der mobilen Navigation | ~ (begrenzt) | ✓ |
| Dark Mode mobiles Menü | ✗ | ✓ |
| Persistente Navigation | ✗ | ✓ (Tab Bar) |
Welche sollten Sie verwenden?
Verwenden Sie Smart Menus Mobile-Ansatz, wenn:
- Ihr Shop sehr einfach ist (5 oder weniger Hauptkategorien)
- Ihre Zielgruppe hauptsächlich Desktop-Käufer sind
- Sie nur ein Hamburger-Menü und nichts weiter benötigen
Verwenden Sie Navi+, wenn:
- Mehr als 50 % Ihres Traffics mobil ist (für die meisten Shops wahrscheinlich zutreffend)
- Sie das Navigationserlebnis führender mobiler Apps nachbilden möchten
- Sie Tab Bar + FAB für eine persistente, daumenfreundliche Navigation wollen
- Sie unterschiedliche Menüs auf Mobile vs. Desktop anzeigen möchten
Für moderne Shopify-Shops, bei denen Mobile der primäre Kanal ist, ist der Unterschied zwischen diesen beiden Ansätzen erheblich. Ein Hamburger-Menü ist funktional; eine Tab Bar ist strategisch.
→ Siehe den vollständigen Vergleich: Navi+ vs Smart Menu