Comment utiliser les miettes de pain (la bonne façon)
Des miettes de pain ... elles évoquent des associations avec le conte de fée de Hansel et Gretel, où Hansel laisse des miettes de pain pour l'aider à retrouver son chemin. Bien que l'association avec les miettes de pain soit peut-être encore plus forte dans le domaine des histoires Grimm, cela change progressivement au fur et à mesure que la navigation aide les concepteurs Web à créer une meilleure expérience utilisateur pour les visiteurs du site.
Cet élément de contrôle graphique est très utile en tant qu’aide à la navigation sur un site, à condition qu’il soit conçu de manière intelligente. Il peut être une aubaine pour les visiteurs moins expérimentés qui doivent compter sur une piste pour les aider à suivre leur position sur le site de votre client.
Une piste de miettes de pain suivra et affichera chaque page qui a été vue par les visiteurs, parfois dans l’ordre où les pages ont été vues, d’autres fois dans des arrangements différents.
Voici comment intégrer efficacement le fil d'Ariane dans votre navigation:
Trois principaux types de navigation
Vous rencontrerez généralement trois principaux types de chapelure sur un site donné, deux étant plus populaires que le dernier.
Lieu de la chapelure
L'un des deux types les plus populaires que vous rencontrerez, le fil d'Ariane d'emplacement indique à vos utilisateurs où ils se trouvent par rapport à la hiérarchie du site. Son organisation simple qui oriente les utilisateurs de manière claire au sein du site rend ce type très répandu.
Populaires parmi les sites ayant de nombreux niveaux de contenu et des couches de navigation, les liens d’emplacement permettent aux utilisateurs de revenir rapidement à des niveaux de contenu plus élevés, d’un simple clic. En outre, les points de repère de localisation sont statiques (ils ne changent jamais), ce qui en fait un moyen fiable d'aider à réorienter les utilisateurs.
1-800 fleurs fournit l'exemple classique de chapiteau de localisation fonctionnelle. Chaque fois qu'un internaute visite la page de composition florale de son anniversaire, il doit d'abord cliquer sur la catégorie anniversaire après avoir démarré depuis la page d'accueil. Bien sûr, il peut cliquer sur chaque point de navigation de niveau supérieur pour y arriver instantanément.
Attributs chapelure
Le fil d'Ariane attributaire est le deuxième type majeur que vous rencontrerez. Contrairement au fil d'Ariane, ces travaux ressemblent à des choix de filtres en ce sens qu'ils ne sont pas statiques et changent continuellement en fonction des préférences de l'utilisateur.
Ils ne vous indiqueront pas votre position sur le site, mais afficheront plutôt des métadonnées sur le contenu de la page. Les liens d’attribution d’attributs sont donc très prisés par les sites de commerce électronique, où vous pouvez personnaliser ce que vous voulez acheter, par exemple sur les sites d’automobiles.
Par conséquent, vous ne pouvez pas nécessairement utiliser ce type d’approche pour retrouver le chemin des pages que vous avez déjà visitées.
Pour voir de quoi je parle, consultez Cars.com chapelure. Lorsque vous recherchez des voitures par marque et par modèle, notez les miettes de pain en haut à gauche de l'écran, juste en dessous du logo du site. L'année, la marque et le modèle représentent tous des recherches précédentes sur le site, mais ils ne fournissent pas une trace fiable pour revoir les anciennes pages que vous avez déjà vues.
Notez la différence entre ce type de fil d'Ariane et l’emplacement de navigation, ce qui vous permet de revoir exactement les pages que vous avez récemment visitées.
Chemin de la chapelure
Les chemins de navigation sont les moins populaires des trois, car, en réalité, tout ce qu’ils font, c’est de reproduire ce que fait déjà le bouton de retour d’un navigateur! Cela ne contribue pas à améliorer UX du tout; c'est assez redondant.
Également connu sous le nom de «historique», le fil d'Ariane n’est vraiment pas très utile car il ne fournit pas de contexte ou d’information supplémentaire aux visiteurs qui accèdent à une page qui se trouve déjà dans la hiérarchie du site. Un exemple serait un visiteur arrivant sur une page de produit car il a trouvé un résultat de recherche sur lequel il a cliqué.
En raison de ces problèmes d’UX que ce type de fil d'Ariane cause, il est de plus en plus rare de le trouver sur les sites actuels.
Quel type est le plus approprié pour quel site?
La répartition des trois principaux types de chapelure soulève la question évidente, laquelle est la plus appropriée dans quel but?
Commençons par celui avec lequel vous ne devriez probablement plus vous préoccuper: le chemin de navigation. À tout le moins, cela n'aide pas l'UX; Le scénario le plus défavorable est que les utilisateurs peuvent en réalité être déroutés par le fil d'Ariane car ils ne montrent pas la hiérarchie appropriée des différents niveaux du site.
Maintenant que nous avons cela hors de portée, concentrons-nous uniquement sur l’emplacement et l’attribution du fil d’Ariane.
Les lieux d’affaires sont plus appropriés pour les sites plus grands et riches en contenu. Un excellent exemple de ceci est eBay, qui est un énorme magasin en raison de tous les articles qui sont en vente ou aux enchères. En conséquence, les points de navigation de localisation sont parfaits pour cette profondeur de contenu, car les visiteurs peuvent clairement utiliser l’orientation supplémentaire.
Maintenant, tournons notre attention vers l'attribution de chapeaux.
Comme indiqué dans l'exemple ci-dessus avec Cars.com, les sites de commerce électronique qui offrent aux acheteurs de nombreuses options personnalisables bénéficieront grandement de ce type d'aide à la navigation. Les sites avec différentes options de personnalisation peuvent être accablants pour les acheteurs. C’est pourquoi il est plus logique de leur offrir ces filtres que de les placer dans la hiérarchie, car les clients voudront garder une trace des diverses modifications apportées à leurs résultats de recherche et à leurs commandes.
Meilleures pratiques pour la chapelure
En général, lorsque vous suivez ces conseils lors de la conception de la navigation de navigation pour les sites de vos clients, vous ne pouvez pas vous tromper:
- Assurez-vous qu'il n'y a pas d'éléments dupliqués dans votre trace de fil d'Ariane (lisez: les pages qui appartiennent à plusieurs catégories ou niveaux de contenu), car cela peut réellement induire les utilisateurs en erreur.
- Utilisez le signe supérieur (>) pour séparer les liens de votre fil d'Ariane, car c'est ce que les utilisateurs attendent déjà des années de familiarité et de conventions.
- Utilisez des mots-clés que vous souhaitez classer dans le référencement lorsque vous choisissez les noms de vos différentes catégories dans votre fil d'Ariane, car cela aide le référencement.
Breadcrumbs: bonne idée, mais pas toujours utilisée correctement
Comme pour beaucoup de concepts en design et en UX, une bonne idée qui peut être très utile pour les utilisateurs devient une difficulté si elle n'est pas correctement implémentée. À quoi sert ce bref guide: vous doter des connaissances nécessaires pour vous permettre de concevoir des miettes de pain afin d’optimiser l’UX au lieu de ne pas avoir d’impact ou même de le blesser.
Bien que cela ne soit pas une nécessité absolue sur tous les types de sites, le fil d'Ariane peut fournir aux utilisateurs une couche supplémentaire d'aide à la navigation lorsqu'ils sont confrontés à de nombreuses couches de contenu ou à de nombreuses options qu'ils souhaitent filtrer. Quoi qu’il en soit, la facilité d’utilisation dérivée du fil d'Ariane dépend de la manière dont les concepteurs les mettent en œuvre sur les sites de leurs clients.
En vous assurant que vous comprenez la raison d’être de chaque type de navigation, vous vous aidez à faire le bon choix pour le type de site que vous concevez. Et lorsque vous choisissez intelligemment, vous aurez des utilisateurs satisfaits, des clients heureux et de bonnes références, alors faites attention à la prochaine fois que vous aurez affaire à la chapelure.