Fil d'ariane Meilleures pratiques et exemples de navigation

Le fil d'ariane est souvent négligé dans les processus de conception et de développement. Certaines personnes peuvent penser que cela est inutile, alors que d'autres peuvent penser que c'est trop compliqué pour ce qu'il vaut. Le fait est que la navigation dans le fil d'Ariane augmentera considérablement la convivialité d'un site Web..

Les miettes de pain offrent aux utilisateurs une méthode de navigation alternative, leur permettent de voir leur position dans la hiérarchie d'un site Web et réduisent le nombre d'étapes nécessaires pour naviguer vers un niveau supérieur dans un site Web..

Nous décrivons ici les différents types de navigation dans le fil d'Ariane utilisés aujourd'hui, leur importance et la meilleure façon de les mettre en œuvre en ligne. Aussi inclus ici pour votre référence sont plus de 30 exemples de la façon dont la chapelure est utilisée en ligne aujourd'hui.

N'oubliez pas que s'il est probable que la navigation dans le fil d'ariane ne créera pas un site Web, elle offrira un avantage supplémentaire à vos utilisateurs en augmentant la convivialité et les fonctionnalités globales de votre site Web..

Types de chapelure

Chemin

Le fil d'Ariane basé sur un chemin indique les étapes ou le chemin emprunté par un utilisateur pour accéder à la page actuelle d'un site Web. De plus, les utilisateurs verront des liens vers des pages qu'ils ont déjà visitées pour atteindre la page en cours. Parmi les trois types de navigation de navigation, la navigation par chemin d'accès est la moins populaire en ligne. Raison d'être, la navigation dans le fil d'Ariane basé sur le chemin fournit les mêmes fonctionnalités que le “Vers l'avant” et “Retour” boutons sur un navigateur. Pour la plupart des sites Web, la navigation par fil d'Ariane basée sur la localisation et les attributs offre de meilleures fonctionnalités.

Emplacement

Le fil d'Ariane basé sur l'emplacement indique à l'utilisateur où se trouve la page en cours dans la hiérarchie du site Web. Ce type de navigation est le plus souvent utilisé sur les sites Web comportant plus de deux niveaux de profondeur ou de contenu. Lorsqu’on se déplace davantage vers un site Web, les utilisateurs reçoivent des liens vers des pages ou des catégories “parent” ou un niveau supérieur à celui de la page actuellement affichée. Par exemple, un utilisateur peut être sur le “Parler” page, cependant, le “Ce que nous faisons” la page est un parent de la “Parler” page alors que le “Accueil” la page est un parent de la “Ce que nous faisons” page.

Clearleft Ltd

Attribut

Le fil d'Ariane basé sur les attributs indique à l'utilisateur les attributs ou catégories attribués à la page actuelle d'un site Web. Souvent vus sur des sites Web de commerce électronique, les produits peuvent non seulement appartenir à une catégorie, mais également à certains attributs. Par exemple, un véhicule peut être classé dans la catégorie des VUS et avoir les attributs d'être noir et être publié en 2010..

Cars.com

Pourquoi utiliser Breadcrumbs?

• Grande convivialité

  Les miettes de pain constituent un moyen supplémentaire par lequel les utilisateurs peuvent facilement naviguer sur un site Web. Si un utilisateur atterrit sur une page interne de votre site Web à partir d'une autre source, le fil d'Ariane lui permettra de voir exactement où il se trouve dans la hiérarchie du site. L'utilisateur a également la possibilité de passer à un niveau supérieur du site Web à tout moment et sans tracas.

• Facile à faire marche arrière

  Les navigations primaires ne sont pas conçues pour être suivies à l’arrière sont des chapelures. Étant donné que le retour en arrière est extrêmement populaire en ligne, il peut être très utile de fournir une aide supplémentaire..

• Éliminer les clics supplémentaires

  Le fil d'Ariane permet aux utilisateurs de passer d'un niveau d'un site Web à un autre sans avoir à utiliser le “vers l'avant” ou “en arrière” boutons sur le navigateur. De plus, la chapelure élimine le besoin pour les utilisateurs de recourir continuellement à la navigation principale.

• Affiche la hiérarchie des utilisateurs

  La navigation principale d'un site Web ne reflétera pas la hiérarchie de chaque page du site. Donner aux utilisateurs un fil d'Ariane leur permettra de voir la hiérarchie d'une page dans un site Web..

• Visuellement agréable

  La chapelure offre non seulement aux utilisateurs une plus grande convivialité, mais également sans prendre beaucoup de place sur la page. Les miettes de pain sont faciles à mettre en œuvre dans la conception visuelle de votre site Web et offrent un grand avantage aux utilisateurs..

• Fournit une aide supplémentaire

  Il est tout à fait possible que certains utilisateurs ne comprennent pas le fonctionnement de la navigation principale d'un site Web et, dans certains cas, qu'ils ne sachent même pas ce qu'ils cherchent. Donner aux utilisateurs le fil d'Ariane leur permettra de voir l'évolution et la structure générale d'un site Web, leur permettant ainsi de mieux naviguer sur le site..

• Taux de rebond plus bas

  Le fil d'Ariane fournit généralement une navigation plus détaillée que la navigation principale. Ce faisant, les utilisateurs disposeront de davantage d'options pour naviguer sur un site Web. En leur donnant la possibilité de revenir facilement sur quelques niveaux du site Web, vous réduirez votre taux de rebond..

• Suscite l'intérêt

  Lorsqu'un utilisateur atterrit sur une page interne d'un site Web, il y a de fortes chances qu'il se trouve déjà sur une page d'intérêt. Le fil d'Ariane peut fournir des liens vers des pages supplémentaires et des informations qui intéressent également l'utilisateur sans les faire repartir de zéro..

Fil d'ariane Meilleures pratiques

• Utilisez les miettes de pain en haut de page

  Le placement le plus courant et le plus instinctif de la chapelure se trouve en haut de la page. Cela permet aux utilisateurs de trouver la chapelure de manière simple et de les utiliser en conséquence..

• Utilisez les miettes de pain de façon constante

  Si vous décidez d'utiliser des miettes de pain, assurez-vous de les utiliser sur l'ensemble de votre site Web. Donner aux utilisateurs le fil d'Ariane sur certaines pages et pas sur d'autres ne fera que les dérouter et les frustrer. (Amazon en est un bon exemple, car ils suppriment la chapelure des pages de chaque produit.)

• Les miettes de pain devraient se dégrader gracieusement

  Le fil d'Ariane devrait toujours commencer par la page d'accueil et se dégrader à la page actuelle. Ce faisant, votre chapelure doit aller du niveau le plus élevé au niveau le plus bas, étape par étape..

• Styliser les miettes de pain de manière appropriée

  Vous voulez que votre chapelure soit vue mais vous ne voulez pas qu'elles soient le point focal. Vous souhaitez également faire comprendre que votre fil d'Ariane ne fait pas partie du contenu principal d'une page, mais uniquement d'un support supplémentaire. Trouvez un juste milieu où votre chapelure est perceptible, mais pas envahissante.

• Catégoriser les pages clairement

  Si vous avez des pages qui appartiennent à deux catégories ou plus, vous ne voudrez peut-être pas utiliser le fil d'Ariane sur votre site Web. Essayer de placer une page sous deux catégories ou plus ne fera que produire des chapelures floues et dérouter l’utilisateur. Assurez-vous que votre site Web a une hiérarchie organisée et est affiché en conséquence dans votre fil d'Ariane.

• Clairement séparer chaque niveau

  Assurez-vous que les utilisateurs sont en mesure de distinguer la différence entre chaque niveau de fil d'Ariane. Le séparateur le plus courant entre les niveaux est le caractère "supérieur à" (>). Parmi les autres bons séparateurs, citons les citations à double angle droit (»), les barres obliques (/) et les flèches (→). Si vous utilisez un caractère en clair, utilisez-en un seul.. (»Est plus attrayant et efficace que >>)

• Sélectionner la page actuelle

  Utilisez un style différent sur le dernier élément d'une liste de fil d'Ariane pour établir qu'il s'agit de la page en cours d'affichage. Vous pouvez accomplir cela en faisant l'objet audacieux, changer de couleur, ou en soulignant il.

• Ne faites pas de la page actuelle un lien

  Il n'est pas nécessaire de transformer le dernier élément de la liste de navigation en lien, car il s'agit de la page en cours d'affichage. Créer un lien ici ne fera que dérouter les utilisateurs, surtout lorsqu'ils cliquent dessus et qu'ils ne sont pas redirigés vers une nouvelle page..

• Ne pas utiliser de chapelure comme en-tête de page

  L'utilisation du dernier élément d'une liste de fil d'Ariane comme en-tête d'une page en cours est inefficace. Si vous choisissez d’utiliser la chapelure, ajoutez également un en-tête de page..

• Les miettes de pain ne remplacent pas la navigation principale

  Les miettes de pain ne doivent être utilisées que comme support pour la navigation principale, jamais pour remplacer la navigation principale. Vous devez toujours fournir aux utilisateurs une navigation principale à partir de laquelle ils peuvent naviguer sur un site Web avant d'utiliser la navigation dans le fil d'Ariane..

Grands exemples de chapelure

Vitra Direct

Vélos Trek

Illy

SiteInspire

Mia et Maggie

Intridea

Design by Humans

Roxy

Blik

SitePoint

Cible

Walmart

1-800-Fleurs

Meilleur achat

Amazon.com

Granges & Noble

Fin des terres

Pomme

Google

Chasse

AbsolutePunk.net

Littman Bros. Éclairage

Guardian.co.uk

ZONE 17

Wufoo

Éclaireuses du Tennessee moyen

Le collectif de Glasgow

Premier-né

Bell Canada

Grooveshark

Devlounge

à propos de l'auteur - Shay Howe est un concepteur professionnel de sites Web et d’interfaces utilisateur résidant actuellement à Chicago, IL. Il écrit à propos de la conception de sites Web sur son propre blog lors de la semaine du dimanche et aimerait avoir de vos nouvelles sur Twitter. S'il vous plaît, n'hésitez pas à lui dire bonjour!