Formulaires et bonnes pratiques

Le but de ce billet est de faire une synthèse des bonnes pratiques liées à la présentation des formulaires. (cf Luc Wroblewski)

L’alignement des libellés

• Premier cas : L’alignement vertical

A utiliser dans le cas de formulaire classique. (ex : information générale, nom, prénom, adresse, etc.…)

n.b.: Le choix des polices doit permettre la mise en évidence des libellés.

(Ex. mettre les libellés en gras)

• Deuxième cas : L’alignement horizontal justifié à gauche

A utiliser dans le cas où les libellés sont peu familiers et spécifiques.

Pour améliorer la lecture, libellé / information saisie, il est préférable de rajouter des couleurs et des lignes.

• Troisième cas : L’alignement horizontal justifié à droite

A utiliser dans le cas où les libellés sont peu familiers et spécifiques.

Mise en forme

Pour faciliter la lecture, il peut être judicieux de faire des regroupements d’informations en utilisant des traits séparateurs ou des jeux de couleurs.

Les boutons d’actions

Le choix des polices, le graphisme ainsi que le positionnement des boutons d’action doivent permettre le guidage de l’utilisateur et le renforcement du caractère incitatif des actions les plus importantes.