Mobile Verkehr macht jetzt über 70% der Shopify-Store-Besuche aus. Wie deine Navigation auf einem kleinen Bildschirm funktioniert, ist eine der wichtigsten UX-Entscheidungen, die du treffen wirst. Diese Seite behandelt genau, wie Meteor Mega Menu und Navi+ mobile Nutzung handhaben — und warum der Unterschied wichtig ist.
Wie Meteor Mega Menu Mobilgeräte handhabt
Meteor verfügt über einen dedizierten mobilen Menü-Stil neben seinen Desktop-Mega-Menü-Vorlagen, begrenzt auf 2–3 mobile Vorlagen je nach Plan. Es ist funktional, aber Rezensionen von Händlern deuten auf eine wiederkehrende Einschränkung hin: “mehr Mobile-Anpassung, es ist zu starr und sieht für den Preis nicht schön aus” ist die Art von Feedback, das auf der Bewertungsseite der App auftaucht.
Einschränkungen von Meteor auf Mobilgeräten:
- Keine Tab Bar / Bottom Navigation
- Kein FAB (Floating Action Button)
- Die Anzahl der mobilen Vorlagen ist nach Plan begrenzt (2 auf Kostenlos, 3 auf bezahlten Stufen)
- Keine Publish-Regeln pro Gerät (können nicht unterschiedliche Menüs auf Mobile vs. Desktop anzeigen)
Wie Navi+ Mobilgeräte handhabt
Navi+ wurde Mobile-First entworfen und unterstützt drei unterschiedliche mobile Navigationsmuster:
Tab Bar (Bottom 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. Dies spiegelt wider, wie native Apps wie Instagram, Amazon und TikTok funktionieren. Meteor hat auf keinem Preis-Tier ein Äquivalent.
FAB (Floating Action Button)
Der FAB ist ein schwebender Button, der fest auf dem Bildschirm bleibt und üblicherweise für hochpriorisierte Aktionen verwendet wird: “Verkauf”, “Neue Ankünfte”, “Kontakt” oder “Wagen”. Er fügt eine persistente Verknüpfung hinzu, ohne echten Bildschirmbereich für eine vollständige Leiste zu verwenden.
Slide Menu (mit Mobile-First-Regeln)
Navi+’s Slide Menu (Hamburger/Schubladentyp) unterstützt Icons, Bilder, Abzeichen und die Möglichkeit, unterschiedliche Inhalte auf Mobile vs. Desktop über Smart Publish-Regeln anzuzeigen — keine davon bieten Meteors mobile Vorlagen.
Auswirkungen auf Konvertierung
| Mobile UX Element | Meteor Mega Menu | Navi+ |
|---|---|---|
| Tab Bar (immer sichtbar) | ✗ | ✓ |
| FAB Button | ✗ | ✓ |
| Mobile-spezifische Publish-Regeln | ✗ | ✓ |
| Produktbilder im Mobile Menü | ✓ (bezahlte Stufen) | ✓ |
| Grenze der Mobile-Vorlagen | 2–3 nach Plan | Keine harte Grenze |
| Persistente Navigation | ✗ | ✓ (Tab Bar) |
Welche solltest du verwenden?
Nutze Meteors Mobile-Ansatz, wenn:
- Dein Shop ist nur auf Shopify mit einem einfachen, bestehenden Navigationsmenü
- WCAG 2.2 AA Barrierefreiheit-Konformität ist dir wichtiger als Mobile-Navigationsmuster
- Du nur eine Mobile-Variante deines Desktop-Mega-Menüs brauchst
Nutze Navi+, wenn:
- Mehr als 50% deines Verkehrs ist mobil (das ist wahrscheinlich für die meisten Shops der Fall)
- Du das Navigationserlebnis führender Mobile Apps replizieren möchtest
- Du Tab Bar + FAB für persistente, daumenfreundliche Navigation möchtest
- Du unterschiedliche Menüs auf Mobile vs. Desktop anzeigen möchtest
Für moderne Shopify-Stores, wo Mobilgeräte der primäre Kanal sind, ist der Unterschied zwischen einer mobilen Menü-Vorlage und einer echten Tab Bar erheblich. Einer ist eine kleinere Version des Desktop-Menüs; der andere ist ein Navigationsmuster, das speziell dafür gebaut ist, wie Leute auf einem Telefon browsen.
→ Siehe den vollständigen Vergleich: Navi+ vs Meteor Mega Menu