Internet, donne-moi ce que je veux ! 60 modèles de navigation pour satisfaire vos internautes

055 - Le fil d’Ariane (en anglais : breadcrumbs)

Note des lecteurs       

Tel le Petit Poucet, l’internaute garde une trace de son chemin.

Note 4/5, coût 1/5, accessibilité 5/5

www.marksandspencer.com
Exemple du fil d’Ariane sur www.marksandspencer.com

Pour qui ?
Pour les sites dont le contenu est large et profond avec plus de 3 niveaux d’arborescence.

Le fil d’Ariane est aussi appelé chemin de fer. Le fil d’Ariane reprend le chemin parcouru par l’internaute sur le site. Le fil d’Ariane est généralement placé en haut de page, juste au-dessus du contenu principal de la page. En anglais, le fil d’Ariane s’appelle « Bread crumbs » – miettes de pain pour rappeler le Petit Poucet et les traces qu’il laisse pour retrouver son chemin. En anglais, ce modèle de navigation s’appelle aussi « homeward path » et « trail marker ». Le chemin de fer d’un site n’est pas le même que le chemin de fer d’un magazine. Le chemin de fer d’un magazine imprimé est un plan de toutes ses pages.

Recommandé en accessibilité
Ils permettent de savoir à une personne aveugle où elle en est dans la hiérarchie du site. C’est une alternative à l’information « onglet courant », véhiculée par la couleur dans le menu.

Un fil d’Ariane permet à un internaute qui aurait atterri sur une page interne du site de se situer dans le site de manière instantanée. C’est l’équivalent d’un « Vous êtes ici » sur une carte.L’internaute va atterrir depuis un moteur de recherche sur une pagetrès détaillée.Il pourra élargir sa recherche sur le site en cliquant sur un des liens du fil d’Ariane.

http://food.yahoo.com/everyday/
Exemple sur http://food.yahoo.com/everyday/

Évolution très web 2.0
Mixte entre un fil d’Ariane et un menu traditionnel. Le Crumbing Menu a fait son apparition tout dernièrement. À suivre !

Il permet en théorie à un internaute de revenir facilement en arrière comme il pourrait le faire avec le bouton « précédent » de son navigateur. Le fil d’Ariane est particulièrement recommandé en accessibilité. Pour aider l’internaute non-voyant, par exemple, à se situer dans le site.Lors de l’implémentation d’un fil d’Ariane :

  • rendez tous les niveaux de catégories cliquables, sauf le dernier.
  • soulignez les liens cliquables.
  • mettez le dernier élément en gras afin de le démarquer.
  • intégrez un séparateur de type « > » entre les différents niveaux de catégories.
  • selon votre cible, vous pourrez intégrer un libellé de type « Vous êtes ici : » en début de fil d’Ariane.
  • Laisser un commentaire

    Les champs marqués * sont obligatoires

    Les commentaires de ce site sont modérés. En ajoutant un commentaire sur ce site, vous acceptez de pouvoir être cité dans les futurs ouvrages édités par la société Kenazart Strategy Interactive.

     

    Prévisualiser

    Voir des extraits du livre
    Voir un extrait de l'intérieur (table des matières,
    des exemples de navigation,...)
    .
    Télécharger un extrait du livre (PDF 8 259ko).

    Paiement PaypalPrix TTC, Frais de livraison offerts,
    Paiement sécurisé
    Délais d'expédition 2 à 10 jours ouvrés
    164 pages, Format : 19,5x 18
    ISBN : 978-2-9528507-0-4

     

    Achetez le livre version pdf 27 euros (nouvelle fenêtre)

    Paiement Paypal NOUVEAU : Licence pour 1 utilisateur. Un seul fichier PDF de 10Mo à télécharger.
    Prix TTC TVA à 19,6%.
    Paiement sécurisé.

     

    Achetez le livre version pdf 97 euros - version Agence (nouvelle fenêtre)

    Paiement Paypal Offre AGENCES :
    Contient : 60 fichiers PDF des 60 modèles de navigation.
    Licence pour 3 postes utilisateurs (possibilité d'envoyer des fiches à vos clients).
    Prix TTC TVA à 19,6%
    Paiement sécurisé.
    Des détails sur l'offre ? Vous voulez une licence 10 utilisateurs, une licence Intranet ?


    RSS (?) Atom 1.0 RSS 2.0 AddThis Feed Button
    A garder : + à vos favoris