Le trafic mobile représente désormais plus de 70 % des visites sur les boutiques Shopify. La façon dont votre navigation se comporte sur un petit écran est l’une des décisions UX les plus déterminantes que vous puissiez prendre. Cette page explique précisément comment Smart Menu et Navi+ gèrent le mobile — et pourquoi la différence est importante.
Comment Smart Menu Gère le Mobile
L’expérience mobile de Smart Menu suit le schéma classique du menu hamburger :
- Le visiteur arrive sur une page — la navigation est masquée
- Le visiteur appuie sur l’icône ☰ dans le coin supérieur
- Un menu déroulant ou un tiroir latéral apparaît
- Le visiteur appuie sur une catégorie pour naviguer
Ce schéma est familier et fonctionnel. Mais il présente un problème fondamental : l’intégralité de votre catalogue produit est invisible jusqu’à ce que le visiteur ouvre activement le menu. La plupart des visiteurs mobile ne le font pas.
Limitations mobile de Smart Menu :
- Pas de Tab Bar / Navigation inférieure
- Pas de FAB (Floating Action Button)
- Pas de navigation persistante — nécessite toujours un appui délibéré
- Pas de règles de publication par appareil (impossible d’afficher des menus différents sur mobile vs. bureau)
Comment Navi+ Gère le Mobile
Navi+ a été conçu en priorité pour le mobile et prend en charge trois schémas de navigation mobile distincts :
Tab Bar (Navigation Inférieure)
La Tab Bar place 4 à 5 liens de navigation dans une barre fixe en bas de l’écran. Elle est toujours visible — les visiteurs peuvent accéder à n’importe quelle catégorie depuis n’importe quelle page sans ouvrir de menu. Cela reproduit le fonctionnement des applications natives comme Instagram, Amazon et TikTok.
Pourquoi la Tab Bar convertit mieux :
- Aucun appui nécessaire pour voir les catégories principales — elles sont toujours visibles
- Position adaptée au pouce (bas de l’écran = portée naturelle du pouce)
- Réduit le nombre d’étapes pour parcourir une catégorie de ~1 à 2 appuis par session
- Les acheteurs mobile avec une Tab Bar visitent en moyenne 20 à 35 % de pages supplémentaires par session
FAB (Floating Action Button)
Le FAB est un bouton flottant qui reste fixe à l’écran, généralement utilisé pour les actions prioritaires : « Soldes », « Nouveautés », « Contact » ou « Panier ». Il ajoute un raccourci persistant sans occuper l’espace écran d’une barre complète.
Slide Menu (avec règles mobile-first)
Le Slide Menu de Navi+ (style hamburger/tiroir) est plus personnalisable que celui de Smart Menu — avec des icônes, des images, des badges, et la possibilité d’afficher un contenu différent sur mobile vs. bureau via les règles Smart Publish.
Impact sur la Conversion
| Élément UX Mobile | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar (toujours visible) | ✗ | ✓ |
| Bouton FAB | ✗ | ✓ |
| Règles de publication spécifiques au mobile | ✗ | ✓ |
| Icônes dans la navigation mobile | ~ (limité) | ✓ |
| Menu mobile en mode sombre | ✗ | ✓ |
| Navigation persistante | ✗ | ✓ (Tab Bar) |
Lequel Devriez-Vous Utiliser ?
Utilisez l’approche mobile de Smart Menu si :
- Votre boutique est très simple (5 catégories de premier niveau ou moins)
- Votre audience est principalement composée d’acheteurs sur bureau
- Vous n’avez besoin que d’un menu hamburger et rien d’autre
Utilisez Navi+ si :
- Plus de 50 % de votre trafic est mobile (probablement vrai pour la plupart des boutiques)
- Vous souhaitez reproduire l’expérience de navigation des principales applications mobiles
- Vous voulez Tab Bar + FAB pour une navigation persistante et adaptée au pouce
- Vous voulez afficher des menus différents sur mobile vs. bureau
Pour les boutiques Shopify modernes où le mobile est le canal principal, l’écart entre ces deux approches est significatif. Un menu hamburger est fonctionnel ; une Tab Bar est stratégique.
→ Voir la comparaison complète : Navi+ vs Smart Menu