Breadcrumbs nous ramène au vieux conte de fées que vous avez peut-être lu pendant vos années de maternelle. Deux enfants Hansel et Gretel sont forcés de quitter leur maison dans les bois lorsque Hansel décide de tracer une piste de chapelure pour suivre leur chemin de retour. Bien que la chapelure soit mangée par les oiseaux embêtants de la forêt, elle a réussi à laisser une impression plusieurs années après l’écriture de l’histoire.

Dans la conception Web, les fils d’Ariane ont un objectif similaire à ce que Hansel avait en tête. Les fils d’Ariane servent de navigation secondaire dans la navigation de votre site Web pour aider les visiteurs à ne pas se perdre après être passés d’une page à l’autre. Comme le vieux conte de fées, cela aide à montrer à l’utilisateur où il a atterri et quel était son dernier emplacement.

Une fois que les fils d’Ariane sont intégrés dans la structure hiérarchique du site Web, les utilisateurs peuvent approfondir les catégories de produits et revenir à leur point de départ sans se lancer dans une frénésie de boutons "Retour".

Les fils d’Ariane servent également d’élément de contrôle graphique pour aider les visiteurs moins expérimentés à naviguer sur les sites Web de commerce électronique. Pour de tels sites Web, la structure interne doit être conçue intelligemment. Avec le fil d’Ariane, il devient impératif pour les plateformes d’achat en ligne non seulement d’offrir une facilité d’utilisation à leurs visiteurs, mais également d’empêcher les clients potentiels d’abandonner leurs pages en se perdant.

Navigation fil d’Ariane

Les fils d’Ariane sont un moyen efficace de guider les visiteurs en déterminant leur emplacement actuel et les endroits qu’ils ont visités sur leur chemin. Ils servent d’aide visuelle dans la hiérarchie du site. Mais en termes d’expérience utilisateur, les fils d’Ariane les aident à répondre à ces 3 questions.

Où suis-je?

Les fils d’Ariane tiennent les utilisateurs informés de leur localisation sur le site au début de leur voyage.
Où puis-je aller?

Il sert d’aide aux utilisateurs en leur suggérant où aller ensuite. Étant donné que la structure est déjà posée devant eux, les utilisateurs n’ont plus à chercher et à trouver des catégories ou des sections du site.
Dois-je y aller ?

Les fils d’Ariane aident à promouvoir une meilleure navigation et présentent la valeur du contenu pour l’utilisateur. Par exemple, si un client arrive sur une page Web à la recherche d’un produit, il peut trouver d’autres produits qui pourraient s’avérer adaptés à ses besoins. Cela permet de réduire le taux de rebond du site Web.

Avantages

Réduit les actions

Afin d’atteindre une page de niveau supérieur, le fil d’Ariane aide à réduire le non. d’actions requises par le visiteur du site pour y arriver. Les visiteurs peuvent simplement utiliser le fil d’Ariane pour revenir en arrière au lieu d’utiliser sans cesse le bouton "Retour" ou la navigation principale du site Web.

Nécessite un espace minimal

Il suffit d’une ligne horizontale remplie de liens texte. Cela facilite une structure de conception Web saine en prenant un minimum d’espace et en permettant aux autres éléments du site Web de respirer. Cela aide également à obtenir de meilleures vitesses de chargement pour le site Web.

Chaque utilisateur sait comment utiliser les fils d’Ariane

Il est facile à comprendre et ne nécessite aucune connaissance technique pour interagir avec eux. Le texte explique où l’utilisateur était, est et peut aller. C’est un système de navigation auto-explicatif universel à la compréhension de chaque utilisateur.

Quand utiliser le fil d’Ariane ?

Construire un plan du site pour afficher la structure de navigation de votre site Web est l’un des meilleurs moyens de déterminer si votre site Web peut bénéficier de fils d’Ariane. Vous pouvez ensuite analyser par essai et tester si la navigation par fil d’Ariane aide ou non les utilisateurs à parcourir le contenu de votre site Web.

Les fils d’Ariane sont mieux utilisés lorsqu’il y a un contenu beaucoup plus volumineux qui doit être organisé en catégories et dans une structure linéaire propre. Dans la plupart des sites Web de commerce électronique, le même critère est utilisé pour regrouper une grande variété de produits en catégories logiques.
Les fils d’Ariane ne doivent pas être utilisés pour des sites Web dépourvus de toute hiérarchie logique de regroupement de contenus ou de produits.

Quand éviter de les utiliser

Lorsque les fils d’Ariane sont essentiels à la structure du site Web, il existe également des cas où ils doivent être évités. Lorsqu’il existe un site Web qui consiste en une structure à un seul niveau sans aucune indication claire de regroupement, il est dans l’intérêt du site Web d’éviter l’ajout de chapelure. Comme nous l’avons mentionné ci-dessus, un diagramme ou un plan du site peut être très utile pour déterminer l’architecture de navigation du site Web.

Les fils d’Ariane ne sont utiles que s’ils sont pris en charge par la navigation principale. La chapelure agit comme les muscles, tandis que la navigation principale est le squelette qui les maintient ensemble. Sans leur locomotion complète, la hiérarchie du site Web ne peut pas fonctionner de manière productive.

Types de chapelure

Il existe trois types de fil d’Ariane que vous devez connaître : l’emplacement, le chemin et l’attribut.

1 basé sur l’emplacement

Les fils d’Ariane basés sur la localisation sont utilisés pour présenter la structure de base du site Web. Ils permettent aux utilisateurs de naviguer sur des sites Web qui ont plusieurs niveaux et des pistes de contenu complètes. Ce type de fil d’Ariane est très utile pour les visiteurs qui atterrissent sur un site Web à partir d’une source externe et entrent dans un niveau de contenu plus profond. Par exemple, si vous recherchez un type de produit particulier et que vous cliquez sur les résultats de recherche affichés par Google, vous vous retrouverez entre de nombreuses catégories une fois que vous aurez accédé à la page Web. Le fil d’Ariane vous aidera à déterminer votre emplacement et à naviguer vers les possibilités de la structure hiérarchique. Les sites Web qui contiennent des niveaux de contenu profonds conviennent parfaitement aux fils d’Ariane basés sur la localisation. Un exemple idéal est eBay.

2 basé sur le chemin

Ces fils d’Ariane sont importants pour la navigation dans l’historique d’un site Web. Les fils d’Ariane basés sur le chemin montrent essentiellement chaque chemin visité par l’utilisateur afin d’atteindre son emplacement actuel. Normalement, ces liens fil d’Ariane sont générés dynamiquement. Bien que les plugins basés sur des chemins puissent être utiles aux utilisateurs qui passent beaucoup de temps à naviguer sur des sites Web, ils sont pour la plupart déroutants pour les utilisateurs majoritaires. Étant donné que la plupart des visiteurs naviguent à leur propre discrétion, se déplaçant d’une page à l’autre. Le bouton "Retour" du navigateur résout la plupart de leurs besoins pour changer de chemin. Cela le rend inutile, en particulier pour les types de visiteurs qui arrivent sur la page du site qui est déjà profondément ancrée dans le site Web.

3 Basé sur les attributs

Les sites Web de commerce électronique bénéficient le plus des fils d’Ariane basés sur les attributs. Ils aident à répertorier les catégories en fonction de la page ou du produit spécifique. Ce type de fil d’Ariane est extrêmement utile pour encourager les utilisateurs à comprendre la relation des produits les uns avec les autres. Par exemple, si le site Web vend des jeans, il utilisera des fils d’Ariane basés sur des attributs pour aider les clients à naviguer entre les jeans Regular fit, Slim fit ou Skinny.

Meilleures pratiques de navigation dans le fil d’Ariane

Lors de la conception d’une navigation par fil d’Ariane, assurez-vous de garder à l’esprit les éléments suivants. La navigation en fil d’Ariane est une aide supplémentaire pour améliorer l’expérience de vos utilisateurs sur votre site.

Éviter les éléments en double

Si vous êtes vraiment prêt à ajouter du fil d’Ariane à votre site Web, autant le faire de la bonne manière. Tout d’abord, vous devez éliminer tous les éléments en double qui pourraient se trouver entre les traces de fil d’Ariane. Malheureusement, j’ai vu cela dans de nombreux sites Web de premier plan où les mêmes pages appartiennent à plusieurs catégories ou niveaux de contenu affichés. Non seulement cela confond le visiteur, mais cela se reflète également mal sur votre site Web.

Compatibilité SEO

Les fils d’Ariane ne sont pas seulement des contrôles de navigation pour vos visiteurs, mais aussi d’excellents atouts pour votre pratique de référencement. Vous pouvez utiliser des mots-clés dans le fil d’Ariane pour améliorer votre classement sur les moteurs de recherche. Il est recommandé de choisir des noms conviviaux pour le référencement pour les catégories de votre site Web afin que les moteurs de recherche puissent facilement les répertorier dans le fil d’Ariane de leurs résultats.

Utilisez le fil d’Ariane comme navigation alternative

Bien que les fils d’Ariane soient une excellente source pour aider les utilisateurs à naviguer d’un point à l’autre, il est important qu’ils ne soient traités que comme une source secondaire. Les fils d’Ariane sont une fonctionnalité supplémentaire pour améliorer la convivialité du visiteur et ne peuvent en aucun cas remplacer la structure de navigation principale du site Web.

Il est inutile de lier la page actuelle dans la navigation par fil d’Ariane

Bien que l’affichage de l’emplacement actuel du visiteur sur le fil d’Ariane soit facultatif, vous devez vous assurer que le lien affiché dans la structure linéaire n’est pas exploitable ou cliquable. Cela ne ferait que semer la confusion chez le visiteur en lui montrant le lien de la page sur laquelle il se trouve actuellement.

Ajouter des séparateurs

L’utilisation de séparateurs est une excellente pratique pour donner un aspect propre et appréciable à votre navigation dans le fil d’Ariane. Il empêche le texte de se rapprocher trop si l’utilisateur va à des niveaux plus profonds et crée une structure dynamique facile à comprendre et à interagir.

Vous pouvez utiliser le signe › pour indiquer la hiérarchie car il est généralement utilisé dans les formats de catégorie tels que Vêtements › Chemises › Chemises à col, etc. Les autres symboles incluent les flèches (→), les guillemets à angle droit (») et les barres obliques (⁄).

Introduisez la taille et le rembourrage de la chapelure

Lors de la conception du fil d’Ariane, vous devez tenir compte du remplissage et de la taille cible. L’espacement d’un fil d’Ariane à l’autre doit être perceptible, sinon les visiteurs pourraient ne pas être en mesure de les utiliser efficacement. Dans le même temps, assurez-vous que la taille de la chapelure ne compromet pas les autres éléments qui l’entourent afin que la navigation principale ne soit pas affectée.

Ne vous concentrez jamais sur la conception des fils d’Ariane plus que nécessaire

N’utilisez jamais de couleurs vives ou de polices fantaisistes pour représenter votre fil d’Ariane. Bien que le fil d’Ariane soit important pour les utilisateurs une fois qu’ils ont atterri sur la page, cela ne devrait pas être la première chose qui leur vient à l’esprit. L’ajout de glamour à la navigation par fil d’Ariane peut amener l’utilisateur à ignorer la navigation principale du site Web. Cela peut détourner l’attention de l’utilisateur de l’intention réelle d’entrer sur la page et entraîner la perte d’une conversion potentielle pour le magasin. Google est le meilleur exemple en la matière. Ayant autant de niveaux de contenu recherché, il affiche une simple piste de navigation dans le fil d’Ariane, sans aucune police ou couleur fantaisiste, afin que les utilisateurs puissent facilement localiser et interagir avec le fil d’Ariane.

Quel type doit être évité ?

C’est un argument contesté sur l’opportunité d’utiliser des fils d’Ariane basés sur l’emplacement/l’attribut ou des fils d’Ariane basés sur le chemin pour afficher la hiérarchie du site. En règle générale, le fil d’Ariane ne doit pas afficher l’historique de l’utilisateur, mais la hiérarchie du site. Selon notre évaluation et notre opinion, vous ne devriez probablement plus vous soucier des fils d’Ariane basés sur le chemin. D’une part, cela n’aide pas avec l’UX car cela peut potentiellement semer la confusion chez les visiteurs en raison du manque de hiérarchie entre les différents niveaux. C’est pourquoi les fils d’Ariane basés sur l’emplacement et les attributs sont préférés aux fils d’Ariane basés sur le chemin.

Dernières pensées

Le fil d’Ariane est aussi important que tout autre élément d’un site Web. Maintenant que la technologie a permis de stocker de plus grandes quantités de données, des vitesses Internet plus rapides et des temps de chargement encore plus rapides, la navigation peut être affichée de manière plus complète à des niveaux supérieurs de la hiérarchie sans transpirer. Avec l’aide de la chapelure, votre site Web produira non seulement une meilleure expérience utilisateur, mais générera également de plus grandes ventes auprès de ses clients. Une navigation plus fluide et simple signifie un accès plus facile aux pages de produits et réduit le processus de paiement.