UX/UI : Quel menu de navigation pour votre site e-commerce?

“ Ah ça y est j’ai trouvé mon produit. Mais qu’est ce que ce site vend d’autre? Mince, il est où ce fichu menu? “

Ça vous est sans doute déjà arrivé à vous aussi. Quelle frustration que d’avoir à chercher le menu de navigation d’un site ! C’est pourtant un guide indispensable pour faciliter la navigation des internautes. Mais alors pourquoi n’y a-t-il pas de règle commune à tous? Le menu est souvent positionné en haut, mais parfois à gauche… et sur mobile…

Petit état des lieux.

 

Le menu en haut de page

C’est le menu le plus fréquemment utilisé aujourd’hui encore sur les sites e-commerce. Il possède plusieurs avantages :

  • Historiquement, la position en haut de page s’est imposée jusqu’à devenir un “standard” des sites web. Il rassure les internautes en préservant ainsi leurs habitudes de navigation.
  • Il permet de mettre en avant au premier coup d’œil les différentes rubriques de votre catalogue produit. L’ensemble de votre offre est ainsi visible dès le chargement de la page.
  • Il est très souvent couplé à un menu déroulant. Au survol des rubriques principales, on accède rapidement aux sous-catégories sans avoir à changer de page.

Évidement il existe aussi quelques contraintes pour que ce menu de navigation soit optimal :

  • Le nombre de rubriques doit être raisonnable. On préconise jusqu’à 7/8 rubriques maximum pour garantir sa visibilité.
  • Les termes doivent être succincts et clairs.
  • Graphiquement, il doit être visible et cohérent avec le reste de la charte graphique du site.

 

Cependant, certains choisissent des menus différents.

 

Le menu vertical

Utilisé il y a très longtemps (je vous parle d’un temps que les moins de 20 ans… ne souhaitent pas connaitre ?), les menus verticaux font aujourd’hui leur retour. On est bien loin des iframes mais on voit réapparaître ces structures avec le menu positionné à gauche. Et les sites de grandes enseignes s’y sont mis.

Ce choix est, à mon sens, lié à 2 critères principaux :

  • Le nombre et la désignation des rubriques peuvent être beaucoup plus important. Particulièrement vrai sur le site de la Fnac: cela leur permet de proposer l’ensemble de leur catalogue produit en ajoutant des liens transverses comme les conseils, événements ou services.
  • La part belle donnée à la recherche.

En effet, les habitudes de navigation ont bien évolué depuis plusieurs années. L’avènement du mobile a bouleversé les usages et a amené une utilisation différente du menu de navigation. Les mobinautes se sont habitués à ne plus avoir directement les rubriques du menu visibles mais à les retrouver dans le menu dit “sandwich”. La recherche a pris ainsi une place prédominante grâce à son usage plus direct.

Le menu à gauche est donc un parti pris des sites e-commerce souhaitant allier la navigation par les rubriques du menu tout en laissant une grande place à la navigation par recherche.

 

Le menu “sandwich”

Qu’il soit représenté avec l’icone des 3 traits les un au-dessus des autres ou qu’il y ait un bouton spécifique avec le terme “Menu”, “Produits” ou “Catégories”, le menu sandwich est l’héritage des usages mobiles. La moitié des internautes visite les sites via leur mobile et l’ergonomie liée aux petits écrans tend à s’imposer sur ordinateur.

C’est le cas de Leroy Merlin ou d’Amazon qui ont fait le choix de déporter les rubriques dans leur menu sandwich. Fort de leur notoriété, ils utilisent leur header pour promouvoir les catégories événementielles comme les soldes, les bonnes affaires ou leur gamme de services. Ils mettent aussi énormément en avant la barre de recherche pour inciter l’internaute à accéder directement aux produits.

 

Conclusion

Comme vous avez pu le voir, chaque type de menu de navigation à ses avantages et ses inconvénients. C’est un vrai choix ergonomique et marketing à faire lors de la conception de votre site e-commerce. Quelles sont les habitudes de votre cœur de cible? Votre notoriété est-elle suffisante pour déporter vos rubriques dans un menu sandwich? Ou au contraire, voulez-vous faire la part belle à vos rubriques événementielles? C’est à mon sens votre positionnement stratégique qui vous amènera vers tel ou tel choix. Mais avec la part croissante des mobinautes et du mobile-first prôné par Google, les usages mobile continueront-ils à influencer l’ergonomie sur desktop?

On en reparle dans 2 ans !

 Une question ? Un projet ? Contactez-nous ! N° vert : 0 805 960 360 appel gratuit depuis un poste fixe Contactez-nous