Ah, trouver un produit dans un site n’est pas toujours chose facile ! Des fois il y en a trop ! Des fois, on ne sait pas comment il s’appelle. Des fois, le moteur de recherche ne le trouve pas. Bref, à moins de disposer d’un bon moteur de recherche, pour l’utilisateur moyen, trouver un article peut s’avérer plus compliqué qu’il n’y parait.
Sur un site ecommerce, il y a deux moyens pour arriver : la navigation et le moteur de recherche. Aujourd’hui, nous nous intéresserons à la navigation et, en premier lieu, au menu de navigation principal.
Le menu de navigation principal, c’est un peu la carte de l’utilisateur. Celle qui va lui permettre de se retrouver plus ou moins facilement dans votre offre. Sans être trop simple, elle ne doit pas non plus être trop compliquée, sous peine de ne pas pouvoir être correctement mémorisée. Evidemment, il est aussi beaucoup plus facile de dessiner une carte pour quelques dizaines de produits que pour quelques milliers de produits.
Voici donc quelques astuces qui vous permettront de mieux concevoir « votre carte ».
Limiter le nombre d’objets
C’est le plus compliqué. Plus il y a d’articles dans votre boutique, plus votre carte risque d’être grande. Et grande aussi est la tentation de faire un menu compliqué qui range tous les articles dans des dizaines de rayons. Le problème, c’est qu’au bout d’un moment, plus personne ne s’y retrouve. Vous devez donc limiter le nombre d’objets de votre carte.
Pour cela respectez quelques règles :
- Pas plus de 4 niveaux de profondeurs : univers, catégorie, produit. Au delà, vous créez inutilement de la complexité.
- Pas plus de 8 univers principaux. Pareil, plus vous en mettrez, plus vous aurez du mal visuellement à tous les ranger dans la page que ce soit horizontalement ou verticalement.
Bien sûr, plus vous avez d’offre, plus il devient compliqué de respecter ces règles. Mais, au moins, fixez-les vous comme objectif. Même si vous n’y arrivez pas, vous devez tendre vers la simplicité.
Utilisez les layers plutôt que des menus déroulants.
Certes, on voit de moins en moins de menus déroulants, mais pour utiliser au mieux l’espace qui vous est alloué sur un écran, vous pouvez déroulez au survol ou au clic un morceau de page (que l’on appelle un layer) contenant la sous arborescence de votre univers.
Soignez vos polices de caractères pour les libellés d’univers
Utilisez des lettres capitales : même si les capitales sont moins rapides à lire que les minuscules, elles accrochent toutefois mieux le regard. Pour des titres d’onglets, il vaut donc mieux les utiliser pour augmenter leur saillance et donc leur impact visuel.
Utilisez des titres courts : là aussi, ce n’est pas facile. Un mot doit suffire à décrire un univers. Au delà, vous commencez à compliquer la lecture. Si ce n’est pas possible, surtout évitez d’écrire vos libellés sur 2 lignes.
Choisissez des noms pertinents pour vos catégories
Méfiez-vous des noms trop spécialisés ou trop génériques. Choisissez les termes qui représentent le mieux vos univers et que vos internautes utilisent. Evitez par exemple de reprendre votre nomenclature fournisseur.
Evitez d’utiliser des termes qui se chevauchent ou se recoupent. Si vous le faites, vous risquez de perdre vos utilisateurs qui vont se demander ou chercher.
N’utilisez l’ordre alphabétique que comme un cas particulier. L’ordre alphabétique ne représente pas le moyen de recherche le plus efficace pour une catégorie. Il est possible de l’offrir aux internautes, mais à ce moment là, comme un index et non pas comme un outil de navigation principal.
Soignez l’accessibilité
Dernier facteur important, soignez l’accessibilité.
Vos libellés doivent constraster suffisamment avec le fond de vos menus.
Les polices de caractères doivent être suffisamment grandes (12 minimum) et comme je le disais, il y a encore moyen de les agrandir en utilisant des lettres capitales, du moins pour les catégories de haut niveau (les univers).
Pour les onglets, rendez les cliquables dans le cas de pages pour PC, mais non cliquables pour les tablettes ou mobiles (ce qui tombe sous le sens, car vous ne pouvez pas faire de rollover).
Créez plusieurs clés d’entrée
Nous avions déjà évoqué la question de l’affichage en ordre alphabétique. Si vous disposez de suffisamment d’espace dans vos layers, vous pouvez tenter de créer plusieurs clés d’entrée. Ainsi, outre une navigation classique par rayon, vous pouvez créer des entrées particulières : les promos, le coin des bonnes affaires, la sélection pour lui ou pour elle, des entrées par gamme de couleurs ou par collection. Cela peut non seulement aider à trouver des produits, mais également sucsciter l’intérêt, éveiller la curiosité ou l’excitation. N’hésitez donc pas à multiplier ce genre d’entrées.
D’autres suggestions ?
6 commentaires
Des conseils que l’on pourrait croire n’être que de bon sens, et pourtant trop de sites ont encore une navigation qui va à l’encontre du but recherché : orienter simplement et rapidement le visiteur vers les produits que l’on veut lui vendre.
C’est tout à fait juste. Il n’y rien de plus énervant que de perdre du temps à chercher les bonnes rubriques sur un site. Les conséquences, la perte de l’internaute.
En bonne pratique SEO c’est bien de proposer le menu déroulant de toutes les TOP catégories sur la page d’accueil et dans les sous-catégories uniquement la TOP catégorie parente… Jamais testé mais je pense que c’est une bonne idée 🙂