Catégories
Uncategorized

Quoi? Quand? Comment? ‘Ou quoi ? • Testapic%


Le fil d’Ariane (ou anglicisme chapelure) est un système de navigation secondaire qui montre à l’utilisateur sa position sur un site Web ou une application. Le terme anglais vient du conte allemand Hansel et Gretel dans lequel les héros dispersent des miettes de pain pour qu’ils puissent retrouver le chemin du retour.

fil-ariane-hansel-gretel

Crédit d’image: lostyourmarbles

Tout comme dans le conte, les visiteurs ont besoin de savoir où ils se trouvent dans la structure hiérarchique du site afin de revenir facilement en arrière, nous analyserons l’utilisation du fil d’Ariane sur le web et présenterons les meilleures pratiques pour cela. ‘s’appliquent à votre site.

Navigation fil d’Ariane de plus en plus utile

Le fil d’Ariane est une aide visuelle qui montre à l’utilisateur où il se trouve dans la hiérarchie du site. Cette fonctionnalité permet la navigation dans le fil d’Ariane pour fournir des informations contextuelles à l’utilisateur et l’aider à trouver des réponses aux questions suivantes:

  • Où suis-je ? Le fil d’Ariane informe les visiteurs de leur emplacement.
  • Où puis-je aller? Les fil d’Ariane améliorent la facilité de recherche des pages et des sections d’un site. La structure du site se comprend plus facilement lorsqu’il est inséré dans un fil d’Ariane plutôt que dans un menu.
  • Dois-je y aller? Les fil d’Ariane communiquent la valeur du contenu et encouragent la navigation. Par exemple sur un site e-commerce, le visiteur peut atterrir sur une page produit, le produit peut ne pas répondre à ses attentes, mais le visiteur peut souhaiter voir tous les autres produits de la même catégorie. Les fil d’Ariane réduisent généralement le taux de rebond.

Réduisez le nombre d’actions

En ce qui concerne la convivialité, le fil d’Ariane réduit le nombre d’actions qu’un utilisateur effectue. Au lieu d’utiliser le bouton Retour du navigateur ou un bouton du menu principal pour revenir en arrière, les utilisateurs peuvent utiliser le fil d’Ariane.

Prenez un minimum d’espace

Ce mécanisme ne prend pas beaucoup de place puisqu’il s’agit simplement de plusieurs hyperliens organisés horizontalement. L’avantage ici est qu’ils ne surchargeront pas une page et son contenu.

Aucun utilisateur n’a de problème avec un fil d’Ariane

Les utilisateurs peuvent ignorer ce petit élément de conception, mais ils n’ont aucun problème à le comprendre.

Quand devriez-vous utiliser des miettes de pain?

Un conseil efficace pour déterminer si un site doit utiliser un fil d’Ariane est de créer un plan du site ou un diagramme qui représente la structure de navigation du site, puis d’analyser si un fil d’Ariane peut améliorer la capacité d’un utilisateur. pour naviguer dans et entre les catégories.

  • Vous devez utiliser un fil d’Ariane lorsque vous avez une grande quantité de contenu organisée dans une structure linéaire et stricte ou une structure hiérarchique avec des catégories prédéfinies (qui peuvent être divisées en sections, qui peuvent être divisées en sous-sections.) L’exemple le plus concret est le modèle d’un site e-commerce qui regroupe une grande variété de produits répartis en catégories.
  • Vous ne devez pas utiliser de fil d’Ariane pour un site Web qui n’a qu’un seul niveau et n’a pas de logique hiérarchique.

Les différents fils d’Ariane

Il existe différents types de fil d’Ariane, ils peuvent être basés sur: l’emplacement, l’itinéraire ou les attributs.

Basé sur l’emplacement

Le fil d’Ariane basé sur l’emplacement est une représentation de la structure du site. Ils aident les utilisateurs à comprendre et à naviguer dans la hiérarchie du site qui comporte plusieurs niveaux (généralement plus de deux). Ce type de fil d’Ariane est très efficace avec les utilisateurs qui entrent un niveau profond du site à partir d’une source externe (à partir d’un moteur de recherche par exemple).

fil d'Ariane par navigation

Navigation basée sur la localisation. Crédit d’image: marketinggland

Dans l’exemple ci-dessous (BestBuy), chaque hyperlien est pour le niveau au-dessus de la page à sa droite.

fil-ariane-bestbuy

Fil d’Ariane basé sur l’emplacement sur BestBuy

Basé sur des cours

Les fils d’Ariane basés sur l’itinéraire montrent l’itinéraire complet emprunté par l’utilisateur pour accéder à une page particulière. Ce type de fil d’Ariane est généralement généré dynamiquement. Parfois, ils sont très pratiques, mais la plupart du temps, ils déroutent les utilisateurs. Ceux-ci naviguent souvent très sauvagement, sautant d’une page à l’autre. Avoir ce type d’itinéraire un peu vague n’aide pas l’utilisateur et peut facilement être remplacé par un bouton «retour» dans le navigateur. En fin de compte, un fil d’Ariane comme celui-ci est inutile pour les utilisateurs qui entrent sur le site via une page profonde.

Vous trouverez ci-dessous un exemple de fil d’Ariane basé sur l’itinéraire et montrant comment accéder à la page avec deux itinéraires différents.

fil d'Ariane

Navigation basée sur l’itinéraire. Crédit d’image: Oracle

Basé sur les attributs

Le fil d’Ariane basé sur les attributs répertorie les catégories de la page ou du produit spécifique, c’est un fil d’Ariane particulièrement utile pour les sites de commerce électronique. Ce type de fil d’Ariane aide l’utilisateur à comprendre la relation entre les produits et propose une approche différente.

Ariane par attribut

Navigation basée sur les attributs. Crédit d’image: marketingland

Par exemple, sur le site TM Lewin, le fil d’Ariane montre les attributs des produits affichés sur la page:

fil-ariane-attribut-costumes

La page affiche toutes les combinaisons qui ont l’attribut «Slim Fit». Crédit d’image: T.M Lewin

Hiérarchie ou histoire?

Une règle d’or pour les fils d’Ariane est avant tout de afficher la hiérarchie du site, pas l’historique de l’utilisateur. Par conséquent: utilisez des fils d’Ariane qui montrent l’emplacement / les attributs des utilisateurs, pas l’itinéraire.

Bonnes pratiques pour intégrer un fil d’Ariane

Lors de la conception d’un fil d’Ariane, gardez ces bonnes pratiques à l’esprit:

N’utilisez pas de fil d’Ariane pour remplacer la navigation principale

Le fil d’Ariane doit être une fonctionnalité supplémentaire et ne doit pas remplacer la navigation effectuée par le menu principal. N’oubliez pas qu’il est principalement utilisé comme une option pour améliorer le confort de l’utilisateur, comme une navigation secondaire, comme une alternative de navigation pour votre site Web.

fil-ariane-pomme

Apple utilise le fil d’Ariane pour prendre en charge la navigation principale

Ne pas créer de lien vers la page de navigation actuelle

Le dernier élément d’un fil d’Ariane (la position actuelle de l’utilisateur) est facultatif, si vous souhaitez l’afficher, assurez-vous qu’il n’est pas cliquable. Puisque les utilisateurs sont déjà sur cette page, il ne sert à rien d’ajouter un lien de la page en cours au fil d’Ariane.

Utiliser des séparateurs

Le symbole le plus connu pour séparer les liens d’un fil d’Ariane est le symbole «plus grand que» (>). En règle générale, le signe> est utilisé pour indiquer le système de hiérarchie, tel que le format Catégorie Parentale > Catégorie enfant. Les autres symboles utilisés sont les flèches pointant vers la droite (→), les guillemets (») et les barres obliques (/). Le choix se fait sur la conception du site et le type de fil d’Ariane utilisé:

fil-ariane-slash

Crédit d’image: Dribbble

Ariane-inférieur-symbole

Crédit d’image: Dribbble

Choisissez une taille adéquate et espacez le contenu

Soyez prudent lors du choix de la taille et du rembourrage lors de la conception. Il doit y avoir suffisamment d’espace entre les différents niveaux du fil d’Ariane, sinon les utilisateurs pourraient avoir des difficultés à l’utiliser. Dans le même temps, vous ne voulez pas non plus que le fil d’Ariane remplisse toute la page. Par conséquent, le fil d’Ariane doit être plus discret que le menu principal.

N’en faites pas un point focal du design

Vous ne devez pas utiliser de polices trop fantaisistes ou de couleurs trop flashy car elles iront à l’encontre du principe même du fil d’Ariane. Lorsque vous déterminez la taille et le style de votre fil d’Ariane, il ne devrait pas jamais être le premier élément que l’utilisateur voit lorsqu’il ouvre la page. Dans l’exemple ci-dessous, les fils d’Ariane ne sont pas mauvais, mais ils attirent trop l’attention et peuvent distraire l’utilisateur de la navigation principale et du contenu du site.

fil-ariane-focal

Crédit d’image: Dribbble

Le fil d’Ariane de Google n’est pas très sophistiqué, mais les utilisateurs peuvent facilement le trouver et l’utiliser.

fil-ariane-google

N’utilisez pas de chapelure sur mobile

Si vous êtes sur mobile et avez besoin d’un fil d’Ariane pour naviguer, il y a sûrement quelque chose dans la conception du site mobile. Très probablement, votre site est trop complexe (trop de niveaux) pour ce type d’utilisation et d’environnement. Pour résoudre ce problème, vous devez réfléchir à la façon de réduire la complexité du site et vous n’aurez même plus besoin de fil d’Ariane.

Conclusion

Tout ce que le fil d’Ariane fait est de faciliter la navigation sur un site pour les utilisateurs, en supposant que son contenu et sa structure aient du sens. C’est l’une de ces choses simples qui améliore la convivialité et le confort de l’utilisateur. Et c’est assez d’entrée pour quelque chose qui ne prend qu’une ligne dans une interface.


Librement traduit de l’article: Breadcrumbs For Web Sites: Quoi, quand et comment



Source link