Le fil d’Ariane en ergonomie IHM
Comme dans les contes des fées, le fil d’Ariane permet aux utilisateurs de retrouver leur chemin du retour grâce aux grains qu’ils laissent lors de leurs navigations. Appliqué aux sites web, le fil d’Ariane rend le parcours de l’utilisateur traçable et leur permet de revenir facilement aux actions précédentes.
Le fil d’Ariane est très utile dans l’ergonomie IHM « interface Homme-machine », il rend le parcours de la navigation des internautes utilisable et facile à manipuler.
Qu’est-ce que la navigation par fil d’Ariane ?
Le fil d’Ariane, c’est quoi ?
Les fils d’Ariane sont des schémas de navigation de site web permettant aux utilisateurs de comprendre facilement la relation entre leur emplacement sur une page, par exemple une page de produit, et les pages de niveau supérieur, comme les pages des catégories. C’est comme si un quelqu’un se perdait dans une forêt et il avait laissé des grains ou des pierres derrière lui pour trouver son chemin de retour vers le point de départ. Quand vous utilisez le fil d’Ariane et que vous atteignez une page sur laquelle vous ne voulez pas être, vous pouvez facilement retrouver votre chemin ou revenir en arrière d’une étape ou deux et recommencer votre parcours.
Il est important de savoir que les fils d’Ariane ne sont pas un élément exclusivement réservé au site web, par exemple Microsoft les a introduits dans Windows Vista.
Ergonomie IHM et fil d’Ariane
L’ergonomie est une discipline qui s’intéresse à la compréhension et à l’étude des interactions entre les hommes et d’autres éléments d’une machine. En effet, IHM est l’abréviation de « Interface Humain Machine ». L’Ergonomie IHM vise l’application des principes, des méthodes, et des données au design dans le but d’optimiser le bien-être humain et la performance optimale d’un système.
Les ergonomes contribuent à la conception et à l’évaluation des tâches, des emplois, des produits, des environnements et des systèmes afin de les rendre compatibles avec les besoins, les capacités et les limités des personnes.
Dans ce sens, le fil d’Ariane joue un rôle important pour rendre la navigation compatible aux besoins des utilisateurs. C’est un excellent outil pour rendre l’expérience des utilisateurs plus agréable et plus accessible.
Comment les fils d’Ariane sont-ils utilisés pour naviguer sur un site web ?
La navigation avec le fil d’Ariane dépend en grande partie de la façon dont les développeurs de sites web utilisent le fil d’Ariane. Pour la plupart, ce dernier permet aux utilisateurs de naviguer vers d’autres pages ou d’autres sections étroitement liées à la page sur laquelle ils se trouvent. Ils aident également les utilisateurs à revenir aux pages qui les y ont conduits.
Les fils d’Ariane peuvent aider un utilisateur à accéder à des pages plus pertinentes pour lui, sans avoir à parcourir la navigation principale du site.
Les différents types des fils d’Ariane de navigation
Il existe trois types de fils d’Ariane de navigation :
Navigation par fil d’Ariane basé sur la localisation
Le fil d’Ariane basé sur la localisation, vous montre dans quelle page vous vous trouvez et où elle se trouve dans la hiérarchie du site. Voici un exemple simple : vous cherchez à préparer le dîner et vous trouvez une recette de spaghettis carbonara dans un site, vous pouvez trouver le fil d’Ariane suivant : Accueil > Alimentation > Italien > comment faire des spaghettis carbonara authentiques. Dans ce schéma l’article « Comment faire des spaghettis carbonara authentique » est situé dans la sous-catégorie italienne de la sous-catégorie Recettes du site. Si vous changez d’avis en voulant faire des tacos, vous pouvez utiliser le fil d’Ariane pour revenir à la section Recettes du site, puis trouver la sous-catégorie mexicaine pour localiser l’article « comment faire des tacos ? »
Navigation par fil d’Ariane basé sur les attributs
Cela s’applique généralement aux pages de résultats de recherche où vous pouvez ajouter des filtres à la page pour avoir des résultats plus spécifiques. Les fils d’Ariane basés sur les attributs sont souvent combinés avec des fils d’Ariane basés sur la localisation.
Un fil d’Ariane basé sur des attributs pourrait ressembler à ceci : Accueil > Télévisions > moins de 1 000 euros > 60 pouces > 4K UHD.
Dans cet exemple, tout ce qui suit les télévisions sont des critères de sélection dans la page. Ainsi, toutes les télévisions affichées sur la page devraient coûter moins de 1 000 euros, avoir un écran de 60 pouces et une résolution de 4K UHD. De même, certains sites vous donnent la possibilité de supprimer n’importe quel attribut du fil d’Ariane, cette option vous aide à filtrer la page dans le but de faciliter la recherche des utilisateurs.
Navigation par fil d’Ariane basé sur le chemin
Les fils d’Ariane basés sur le chemin, vous montrent où vous vous trouvez actuellement sur votre site et vous permettent de voir le chemin parcouru pour vous rendre à votre emplacement actuel. Généralement, les fils d’Ariane basés sur le chemin se trouvent dans les processus des paiements des sites de commerce électronique ou dans les outils qui vous proposent de remplir des formulaires étape par étape.
Un fil d’Ariane basé sur un chemin pourrait ressembler à l’exemple suivant : Panier > Expédition > Paiement.
Dans ce cas, vous êtes sur la page où vous saisissez vos informations de paiement ; par exemple carte de crédit et adresse de facturation etc. Si vous arrivez à cette page et que vous décidez que vous ne voulez plus l’un des articles que vous étiez sur le point d’acheter, vous pourriez accéder au fil d’Ariane et revenir au panier pour supprimer cet article. Cette démarche est beaucoup plus simple que d’avoir à cliquer deux fois sur le bouton de retour, d’autant plus que dans certains sites, appuyer sur le bouton de retour risque de vous faire sortir complètement du processus d’achat.
Les 4 avantages de l’utilisation du fil d’Ariane
Le fil d’Ariane affecte aujourd’hui de nombreux aspects de l’expérience utilisateur en ligne. C’est votre allié pour une meilleure ergonomie IHM.
Faciliter la navigation
Des études ont montré que les utilisateurs qui avaient reçu l’instruction d’utiliser le fil d’Ariane accomplissent des tâches beaucoup plus rapidement que les utilisateurs qui ne les utilisaient pas. Il s’agit donc d’un moyen qui augmente considérablement la productivité et qui représente un véritable gain de temps.
Augmenter la visibilité de votre site web
Peter Morville, l’un des fondateurs de l’architecture de l’information pour le World Wide Web a donné les sept principales facettes d’une excellente expérience utilisateur UX, le site web doit être :
- Trouvable
- Utilisable
- Désirable
- Accessible
- Crédible
- Utile
- Précieux
En aidant les utilisateurs à naviguer plus facilement et à trouver ce qu’ils cherchent dans un site web, vous améliorez l’ergonomie IHM.
Avoir des avantages SEO
Le fil d’Ariane offre des avantages SEO. En effet, Google a annoncé qu’il remplaçait l’URL dans ses résultats de recherche par le nom du site et le chemin de navigation du fil d’Ariane. Les sites web qui utilisent des fils d’Ariane de navigation pour le référencement naturel pourraient avoir un avantage sur leurs concurrents en ce qui concerne les classements de recherche.
La raison pour laquelle Google encourage à utiliser les fils d’Ariane, c’est qu’ils aident les robots à mieux comprendre la structure globale de votre site web. En d’autres termes, le fil d’Ariane est très bénéfique pour votre site, puisque le bot peut facilement le scanner.
Réduire l’anxiété des utilisateurs
Les fils d’Ariane aident à réduire l’anxiété des utilisateurs en leur montrant à quoi ils doivent s’attendre, grâce au traçage complet du processus. En d’autres termes, préciser à l’utilisateur le nombre d’étapes exactes dans le processus, peut le soulager. Sans oublier, l’importance de lui donner la possibilité de revenir à l’une des étapes précédentes à tout moment. Ainsi, l’utilisateur aura une idée claire sur le temps et l’effort requis de sa part pour accomplir une tâche. Une fois qu’un internaute lance une action, de tels repères visuels peuvent agir comme un puissant facteur motivant à terminer le processus.
10 Pratiques pour l’utilisation d’un fil d’Ariane
Les fils d’Ariane apparaissent sur une ligne horizontale montrant le parcours depuis la page d’accueil jusqu’à la page sur laquelle se trouve l’utilisateur. Nous proposons ici 10 meilleures pratiques pour l’utiliser, dont certaines sont recommandées par Steve Krug, l’auteur de « Don’t Make me Think » et l’un des meilleurs concepteurs web.
Afficher le chemin complet
Toujours montrer le chemin dans sa totalité pour donner aux utilisateurs le contexte. Un bon fil d’Ariane doit agir comme des œillères pour garder l’utilisateur concentré sur la tâche qu’il veut accomplir.
Commencer par la page d’accueil
Les sentiers sont mieux lorsqu’ils montrent un trajet d’un début jusqu’à la fin. L’inclusion de la page d’accueil dans le parcours agit comme une base solide donnant un sens clair à l’orientation des utilisateurs.
Utiliser le séparateur « > »
Il faut utiliser le « > » comme séparateur entre les différents niveaux. Il montre rapidement la relation entre les différentes pages de niveau supérieur et de niveau inférieur. Au départ, Jakob Nielsen avait recommandé d’utiliser deux points « : » dans la barre de navigation du fil d’Ariane. Après les tests utilisateurs, il a changé sa recommandation en optant pour le « > ».
Placer le fil d’Ariane en haut
Les barres de navigation sont généralement placées tout en haut d’un site Web. Étant donné que les fils d’Ariane fonctionnent comme une aide à la navigation secondaire, ils doivent être placés au-dessus. Selon l’étude du groupe Nielsen Norman, les utilisateurs s’attendent souvent à ce que les fils d’Ariane soient placés en haut de la page. C’est pourquoi, il est conseillé de placer le fil d’Ariane sous la barre de navigation principale et plus précisément au-dessus du titre de votre page.
Afficher du contraste
Le contraste permet de donner de l’importance au fil d’Ariane en le démarquant en tant que fonctionnalité importante. C’est important puisque les fils d’Ariane occupent moins d’espace et sont faits principalement de texte. Le contraste devient donc un facteur indispensable pour leurs succès.
Valoriser la page sélectionnée
Le dernier élément, c’est-à-dire la page sélectionnée doit être mis en gras dans le fil d’Ariane. Il ne faut pas créer de lien hypertexte avec cette page, puisqu’il ne sert absolument à rien. Pourquoi créer un lien hypertexte dirigeant vers la même page ? Cela risque d’être déroutant pour l’utilisateur.
N’utilisez pas de fil d’Ariane dans la page d’accueil
La page d’accueil est l’endroit où commence le parcours de l’utilisateur, par voie de conséquence le fil d’Ariane ne doit pas être affiché dans cette page, puisque cela n’a pas de sens.
Insérer des titres de page entière
Il est logique d’inclure des titres de page entière dans le fil d’Ariane afin que les utilisateurs sachent exactement où mène chacun des hyperliens. Toutefois, à cause des titres de page longs ou d’autres raisons, certains préfèrent couper les titres de page en recourant à des ellipses. Dans des situations pareilles, il est préférable de mettre les éléments les plus importants, tout en gardant le sens complet et l’information précise.
Refléter l’URL de la page dans le fil d’Ariane
L’URL de la page doit donner une idée sur l’architecture du site. Il est important de s’assurer qu’il existe une cohérence entre l’URL et les fils d’Ariane. Autrement, les utilisateurs pourraient recevoir des messages incohérents de ces deux éléments.
Ne pas oublier les utilisateurs mobiles
Certains sites web masquent le fil d’Ariane sur les petits écrans des mobiles, ce qui peut nuire à la navigation des utilisateurs. Généralement, sur mobile il y a peu d’indications sur l’endroit où se trouve un utilisateur dans le contenu du site, c’est pourquoi il faut revenir au menu principal tout le temps.
Pour conclure
Le fil d’Ariane facilite la navigation des utilisateurs en structurant le contenu des sites web et en respectant une hiérarchie et un sens logique. Il s’agit de l’une des rares choses simples permettant d’améliorer l’expérience utilisateur UX des sites web et de garantir le confort des utilisateurs.
Au niveau de l’ergonomie IHM, le fil d’Ariane facilite l’interaction de l’Homme avec la machine et permet de satisfaire les besoins des utilisateurs en facilitant leurs navigations.
by 
