Breadcrumb

Le fil d'Ariane (ou breadcrumb) est une forme secondaire de navigation qui permet aux utilisateurs de suivre et de rester conscient de leur emplacement lorsqu'ils se déplacent dans différentes pages, applications ou fichiers.

Description

Le fil d'Ariane (ou breadcrumb) est une forme secondaire de navigation qui permet aux utilisateurs de suivre et de rester conscient de leur emplacement lorsqu'ils se déplacent dans différentes pages, applications ou fichiers. Les fils d’Ariane sont particulièrement utiles dans les interfaces riches en contenus avec une hiérarchie de navigation à plusieurs niveaux.

Plateformes

Anatomie

  1. Item inactif : lien vers les pages précédentes
  2. Chevron : séparateur qui indique le niveau suivant dans la hiérarchie
  3. Item actif : mise en avant de la page actuelle

Usage

Quand l'utiliser ?

  • Lorsque l’utilisateur navigue dans plus de deux niveaux hiérarchiques.
  • Pour faciliter le retour vers des sections parentes.
  • Dans des produits à structure complexe (catalogue, dashboard, documentation, etc.).

Do's and don'ts

  • Do

    Passer le breadcrumb sur plusieurs ligne lorsqu'il est trop long

  • Don't

    Passer le breadcrumb sur plusieurs ligne lorsqu'il est trop long

Des questions ou un feedback ?

N’hésitez pas à contacter la team Design System par mail.