Rare sont les sites n’utilisant pas le breadcrumb, le fil d’ariane indiquant à l’internaute le chemin utilisé. Il fait parti des codes de navigation ancrés dans les mœurs des internautes : on s’attend à le trouver, et on s’attend à le trouver à une place bien précise : au dessus de la fiche produit, ou, en tout cas, du contenu principal de la page.

Quel est l’utilité réel du breadcrumb ?

Un breadcrumb n’est pas simplement un fil d’ariane, tout les sites (e-commerce ou non) ne merite pas que l’on s’y perde au point d’avoir besoin d’un filin de secours.

Un breadcrumb interpelle le visiteur

Un internaute arrivant directement sur une page intérieur visualise rapidement le chemin qu’il aurait pu parcourir depuis la page d’accueil, chemin contenant des mots clés susceptible de l’intéresser. Le breadcrumb permet ainsi de diminuer le taux de rebond.

Un breadcrumb aide le visiteur

La navigation d’un site n’est pas forcement intuitive, surtout sur les sites proposant plusieurs chemins pour un même résultat. Le breadcrumb va “lineariser” cela et permettre une meilleur compréhension de la structure d’un site, apportant une notion de facilité dont on connait l’importance pour l’expérience utilisateur.

Un breadcrumb réduit les clics

Quand tous les éléments d’un breadcrumb sont cliquables, les “bonds” de navigation sont possible. Les retours, perte de temps pour l’internaute signifiant que le site “n’est pas organisé comme il se doit, sinon j’aurais trouvé de suite …”, sont un peu plus supportables.

Ce sont là trois exemples qui indiquent que l’utilité du fil d’ariane ne se résume pas à “je suis ici”.

Plusieurs règles sont à respecter lors de la mise en place du fil d’ariane :

Le breadcrumb est en haut de la page. c’est une habitude ancrée dans l’esprit collectif des internaute.

Le breadcrumb est partout. C’est pas un coup je suis là, un coup je ne suis pas là. Non.

Le breadcrumb est là, mais il est discret. On ne veux pas le voir, on veut le remarquer quand on en a besoin.

Le breadcrumb est clair. Chaque niveau doit être clairement identifié, et la lisibilité du fil d’ariane doit être instantanée.

Le dernier élément n’est pas comme les autres. Le reste est “le chemin”, la page courante est différente et elle ne doit pas être cliquable. Vous y êtes pourquoi voulez vous y aller ?

Un breadcrumb n’est pas une navigation principale. c’est un fil d’ariane, une aide supplementaire. Si le breadcrumb est utilisé comme élément principal de navigation, revoyez ce dernier.

Cet article est une libre traduction de http://www.hongkiat.com/blog/breadcrumb-navigation-examined-best-practices-examples/