Pour ou contre l’animation des fils d’Ariane

Les fils d’Ariane (“breadcrumbs” en anglais) sont des Ă©lĂ©ments de navigation permettant aux internautes de se repĂ©rer dans l’arborescence d’un site et de remonter facilement d’un ou plusieurs niveaux. MĂŞme s’ils ne sont pas toujours bien vus par les internautes lambda, ils ne prennent pas beaucoup de place et sont utiles pour le rĂ©fĂ©rencement. Inutile de vous refaire l’article, sinon il y a Breadcrumb Navigation, Breadcrumb Navigation Increasingly Useful et Breadcrumbs In Web Design: Examples And Best Practices.

Donc en thĂ©orie c’est une bonne pratique de conception, sauf que dans certains cas, notamment pour les sites avec une arborescence très profonde, les fils d’Ariane ne tiennent pas sur une seule ligne car les intitulĂ©s sont trop longs. La seule solution est alors de faire un affreux retour Ă  la ligne. Ă€ moins que vous ne puissiez cacher les niveaux intermĂ©diaires et ne les dĂ©plier qu’au survol de la souris. C’est ce que propose ce site : CompareNetworks jQuery’d Bread Crumb.

Fil d'Ariane animé grâce à javascript
Fil d'Ariane animé grâce à javascript

Plusieurs configuration sont possibles en fonction de la place dont vous disposez : tout cacher, ne pas plier le premier et/ou l’avant dernier niveau… Il y a en prime une petite animation au survol de la souris pour dĂ©plier le niveau (il faut pour cela utiliser la librairie javascript jQuery, cf. Getting Started with jQuery).

Le rĂ©sultat est propre, mais terriblement perturbant (surtout avec cette animation). Le mieux serait encore de rĂ©duire la taille des intitulĂ©s de navigation ou de simplifier l’arborescence (exemple dans les pieds de page du site d’Apple). Sinon il y a toujours la solution par dĂ©faut de faire un retour Ă  la ligne…

(via Escargot)

7 commentaires pour “Pour ou contre l’animation des fils d’Ariane”

  1. Posté par Olivier a dit : le

    Ce qui pour moi est le plus perturbant dans cet exemple, c’est que l’ensemble se contrate lorsque la souris ne survole plus un niveau. Du coup on n’a pas le temps de lire le texte si on ne laisse pas le pointeur sur le libellĂ©… mais du coup celui-ci en gĂŞne la lisibilitĂ© en le masquant partiellement.

    Il me semble que ce système fonctionnerait beaucoup mieux si un niveau dĂ©pliĂ© ne se contracte pas avant qu’un autre soit survolĂ©.

  2. Posté par MrThieu a dit : le

    Ce qui me choque le plus, c’est le manque d’affordance de ce système. L’idĂ©e est bonne mais j’aurais prĂ©fĂ©rĂ© que les niveau cachĂ© soient condensĂ© Ă  un mot clef unique.

    Qu’en pensez vous?

  3. Posté par ^fabrice^^ a dit : le

    inconfortable… ce n’est pas la solution pour les fils d’Ariane un peu long ou il faut retravailler la facilitĂ© d’apprentissage et d’utilisation…

  4. Posté par Sylvain a dit : le

    C’est vrai que ce système est un peu perturbant, il manque clairement en lisibilitĂ©.

  5. Posté par Martin a dit : le

    A mon avis ils ont pris le problème dans le mauvais sens. Certes la solution est originale et soignĂ©e, mais on Ă  soignĂ© la consĂ©quence sans s’occuper de la cause.

    Ils auraient probablement du se demander pourquoi ils avaient besoin de tant de profondeur…

  6. Posté par Lionel a dit : le

    Bonjour,

    Cela est très perturbant pour les utilisateurs. Ils ont le sentiment de ne pas avoir le contrĂ´le de cette forme de fil d’ariane. Il est difficile Ă  maĂ®triser et il entraine un changement de comportement de la part des internautes. Bref, il perturbe…

  7. PostĂ© par FredCavazza.net > L’actualitĂ© de mes autres blogs (janvier 2010) a dit : le

    [...] Pour ou contre l’animation des fils d’Ariane ; [...]

Laisser un commentaire