Champs de saisie

Accompagner chaque information saisie.

En pratique

Utilisez votre adresse professionnelle.

Hauteur minimale
24px
Espacement intérieur
8px 12px
Rayon
10px

Bonnes pratiques

Chaque champ doit indiquer l’information attendue. Le libellé reste visible pendant la saisie ; le texte indicatif ne le remplace pas.

  • Utilisez un type de champ adapté à l’information demandée.
  • Reliez les aides et les erreurs au champ concerné.
  • Conservez les informations saisies lorsqu’une erreur survient.
  • Formulez une correction concrète dans les messages d’erreur.

À retenir

Demandez uniquement les informations utiles à la tâche. Une bonne expérience de formulaire commence souvent par un champ en moins.

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.