Introduction

Un langage commun pour mieux concevoir.

En pratique

01

La clarté avant tout

Chaque élément doit aider à comprendre ou à agir. Réduire le bruit visuel et privilégier un langage direct.

02

Une cohérence vivante

Réutiliser les mêmes repères pour des usages similaires, tout en laissant une place à chaque contexte.

03

Conçu pour tout le monde

Intégrer les différents usages, capacités et modes d’interaction dès les premières décisions.

Comment utiliser ce guide

Ce guide rassemble les décisions qui donnent de la cohérence à nos expériences. Consultez les principes pour comprendre les intentions, puis les fondations et les composants pour les mettre en pratique.

Chaque rubrique associe des exemples aux règles d’utilisation. Les ressources téléchargeables reprennent les valeurs présentées dans le guide.

Une référence qui évolue

Une nouvelle situation peut révéler une limite du système. Documentez le besoin, vérifiez les solutions existantes et faites évoluer la règle avec les personnes concernées.

Privilégiez une décision expliquée à une exception silencieuse. Le guide doit transmettre le pourquoi autant que le comment.

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.