Fil d'Ariane: ok pour placer en haut d'une page?
Le fil d'Ariane doit-il jamais être placé tout en haut à gauche d'une page?
Le fil d'Ariane semble toujours être situé soit directement sous le menu de navigation, soit au-dessus du contenu de la page. Un article de 1stWebDesigner en montre exemples créatifs de conception de fil d'Ariane , dont 99% utilisent ce format.
Mettre le fil d'Ariane au-dessus de tout le reste de la page crée une fausse hiérarchie visuelle.
Je vous suggère de lire Don't Make Me Think de Steve Krug pour une explication plus détaillée (le chapitre 6 traite de la navigation et du fil d'Ariane).
Pour résumer très brièvement, chaque section de la page a un en-tête, contenant généralement des titres, mais peut également contenir des actions, qui affectent uniquement cette section spécifique.
Un contrôle le plus élevé du fil d'Ariane implique que tout ce qui se trouve sur la page est unique à cet emplacement et changer l'emplacement change la page entière.
L'image mentale que nous avons habituellement d'un site est qu'il a un élément enveloppant qui est global et commun à toutes les pages. Cet élément contient généralement le titre/logo, la navigation, etc. Bien qu'il puisse techniquement être rechargé avec chaque page, nous (devrions) le percevoir comme constant et immuable.
Considérez également que si la navigation est en dessous du fil d'Ariane, il peut sembler étrange de naviguer vers une autre page, en s'attendant à ne changer que le contenu sous la navigation (alors qu'il reste constant), mais en changeant plutôt quelque chose "au-dessus" dans la hiérarchie.
Je pense que le meilleur endroit pour mettre la chapelure est à la poubelle. Ils n'apportent pas vraiment beaucoup de valeur à un site.
Si vous insistez pour les avoir, alors après la navigation sur le site est le meilleur endroit pour les mettre. Les placer tout en haut du site est une très mauvaise idée pour moi. Cela va certainement nuire à votre référencement et à votre accessibilité, et cela risque également de nuire à l'esthétique de votre site. Les miettes de pain ne sont pas exactement "jolies".
La raison pour laquelle ils sont placés juste au-dessus du contenu est qu'ils se rapportent directement au contenu. Les placer au-dessus de votre navigation/en-tête rompt ce lien avec le contenu et le fil d'Ariane perd un peu de contexte. J'ai vu ce genre de chose appelée résonance cognitive, bien que ce ne soit pas vraiment une expression valide, cela a un sens ici.
EDIT: Élargir la façon dont cela nuit à l'accessibilité et au référencement:
Accessibilité: Si vous placez le fil d'Ariane tout en haut de la page, les personnes utilisant des technologies d'assistance comme les lecteurs d'écran doivent désormais parcourir tous vos fils d'Ariane pour accéder aux liens de navigation du site. Pour cette raison, vous devez vraiment considérer quelle est la cible la plus probable pour votre utilisateur, en cliquant sur un lien de navigation ou en cliquant sur un lien de navigation. À moins que vous ne soyez Craigslist, où la seule navigation que vous avez est le fil d'Ariane, le candidat le plus probable est les liens de navigation.
SEO: Les moteurs de recherche ne suivent qu'un certain nombre de liens (et lisent une certaine quantité de contenu sur une page, mais c'est moins important ici). Encore une fois, cela mène à l'importance. Quoi de plus précieux pour vous d'avoir suivi le robot d'exploration de Google, vos liens de fil d'Ariane ou vos liens de navigation de site principal (qui mèneront idéalement le robot d'exploration à beaucoup plus de contenu que les fil d'Ariane). Maintenant, cela est probablement moins préoccupant, car la plupart des robots d'exploration suivront probablement plus profondément dans la page que votre navigation et vos fils d'Ariane, mais il vaut mieux être sûr de ce genre de chose.
De plus, vous avez pensé à une autre raison de ne pas les placer tout en haut du site: toutes les pages de votre site n'auront pas de fil d'Ariane. En tant que tel, l'utilisateur s'habituera probablement à votre en-tête en regardant d'une certaine manière et apprendra à l'ignorer au fil du temps, sauf s'il y a une action spécifique qu'il souhaite entreprendre. Cela signifie que vos fils d'Ariane sont susceptibles d'être ignorés encore plus que s'ils se trouvent juste au-dessus de votre contenu. Au moins, s'ils sont au-dessus de votre contenu, ils sont plus susceptibles d'être dans la vision de l'utilisateur lorsqu'il lit le contenu (encore une fois, la résonance entre le fil d'Ariane et le contenu).
Jakob Nielsen recommande le fil d'Ariane pour les raisons suivantes
- Le fil d'Ariane montre aux gens leur emplacement actuel par rapport aux concepts de niveau supérieur
- Le fil d'Ariane offre un accès en un clic à des niveaux de site supérieurs
- Le fil d'Ariane ne cause jamais de problèmes lors des tests utilisateurs
- La chapelure prend très peu de place
Cependant, il les appelle "navigation secondaire", et bien qu'il ne soit pas spécifique dans la proposition d'un emplacement, après et subsidiaire à la navigation principale du site est une forte implication.
Une façon intéressante de le faire pourrait être de créer un hybride fil d'Ariane/onglet tout en haut de la page, avec une fonction et une forme similaires aux onglets de Google Chrome sur le modèle d'interface utilisateur supérieur.
Si vous les utilisez, je suggère qu'ils appartiennent immédiatement avant le H1.
Mais j'ai tendance à être d'accord avec l'idée qu'ils ne sont vraiment pas très utiles la plupart du temps. La seule fois où ils peuvent être, c'est si vous avez un site qui a des éléments très compartimentés qui sont imbriqués très profondément. Un exemple pourrait être un détaillant en ligne où les chances sont que des personnes atterrissent sur une page de produit spécifique et souhaitent un accès facile aux listes de catégories de produits générales.