Navigation

Des repères pour trouver son chemin.

En pratique

Découvrir

Espacement intérieur
10px 16px
Écart entre éléments
8px
Taille du texte
15px

Bonnes pratiques

La navigation donne des repères stables et aide à comprendre la position actuelle.

  • Utilisez des libellés courts et distincts.
  • Signalez la rubrique active sans vous reposer uniquement sur la couleur.
  • Conservez l’ordre des rubriques entre les différentes pages.
  • Adaptez l’affichage aux petits écrans sans supprimer les destinations.

À retenir

Une navigation réussie reprend le vocabulaire et les attentes des personnes qui l’utilisent. L’organisation interne de l’équipe n’est pas toujours leur modèle mental.

IntroductionBien démarrer · Un langage commun pour mieux concevoir.Principes de designBien démarrer · Les convictions qui orientent nos choix.Voix et tonBien démarrer · Les mots aussi font partie de l’expérience.CouleursFondations · Une palette pensée pour donner du sens.TypographieFondations · Une hiérarchie claire, à chaque échelle.Espacement et mise en pageFondations · Du rythme et de l’espace pour le contenu.IconographieFondations · Des signes simples et reconnaissables.MouvementFondations · Des transitions qui aident à comprendre.AccessibilitéFondations · Des expériences ouvertes à tout le monde.BoutonsComposants · Des actions évidentes et bien hiérarchisées.Champs de saisieComposants · Accompagner chaque information saisie.NavigationComposants · Des repères pour trouver son chemin.