
Indiquer les champs obligatoires avant de valider un formulaire (sinon les champs facultatifs).
Prévenir les erreurs
Quoi de plus frustrant que l’apparition d’un message d’erreur au moment de valider un formulaire ?
Pour éviter de placer vos internautes en situation d’échec et pour leur faire gagner un temps précieux, distinguez clairement les champs obligatoires (qu’il est nécessaire de renseigner) de ceux qui ne le sont pas. Il s’agit de prévenir les erreurs.
2 usages possibles :
- Marquer le libellé de chaque champ obligatoire d’une astérisque (*) et ajouter une légende “* Champs requis”, de préférence en haut du formulaire
- Mentionner “(facultatif)” ou “(optionnel) dans le libellé de chaque champ à renseigner de manière facultative, ce qui implique que les autres ne le sont pas
Si tous les champs sont à compléter, il suffit d’indiquer “Tous les champs sont obligatoires” en haut du formulaire.

Articles similaires
![Optimisez la largeur et l'espacement de vos textes sur le web - [UXSPRINTER-18] Paragraphes]()
Optimisez la largeur et l'espacement de vos textes sur le web - [UXSPRINTER-18] Paragraphes
![Conseil UX/UI sur le bon usage de la couleur sur un site web - [UXSPRINTER-14] Couleurs]()
Conseil UX/UI sur le bon usage de la couleur sur un site web - [UXSPRINTER-14] Couleurs
![Adaptabilité de votre site web : mobile, tablette, ordinateur et résolutions [UXSPRINTER-15]]()
Adaptabilité de votre site web : mobile, tablette, ordinateur et résolutions [UXSPRINTER-15]
![Attention au contraste des couleurs sur votre site web - [UXSPRINTER-13]]()
Attention au contraste des couleurs sur votre site web - [UXSPRINTER-13]

Ergonome cognitive spécialisée dans les technologies numériques. 12 ans d’expérience de conseil en UX Design.
![Optimisez la largeur et l'espacement de vos textes sur le web - [UXSPRINTER-18] Paragraphes](https://www.uxineo.com/wp-content/uploads/2023/09/paragraphe_ux_uxineo_uxsprinter1-150x150.png)
![Conseil UX/UI sur le bon usage de la couleur sur un site web - [UXSPRINTER-14] Couleurs](https://www.uxineo.com/wp-content/uploads/2023/09/14_couleurs_ux_site_web_uxsprinter_uxineo-150x150.png)
![Adaptabilité de votre site web : mobile, tablette, ordinateur et résolutions [UXSPRINTER-15]](https://www.uxineo.com/wp-content/uploads/2023/09/15-adaptabilite_ux-sprinter-uxineo-ux-150x150.png)
![Attention au contraste des couleurs sur votre site web - [UXSPRINTER-13]](https://www.uxineo.com/wp-content/uploads/2023/09/13_contraste_couleurs_uxineo_siteweb_uxsprinter1-150x150.png)