Les formulaires ont toujours été au coeur de nombreux débats dans le petit monde de l’ergonomie web. J’ai d’ailleurs déjà eu l’occasion de m’exprimer à ce sujet sur ce blog. L’auteur de référence sur ce thème est pour moi Luke Wroblewski avec son livre Web Form Design: Filling in the Blanks.
Malgré quelques différents, les avis convergent tous grosso-modo vers un ensemble de bonnes pratiques bien résumées ici : Web Form Design Patterns: Sign-Up Forms. Une récente étude vient relancer le débat avec des conclusions tout à fait intéressantes et surtout des données statistiques issues d’un test d’oculométrie pour cautionner le tout : Web form design guidelines: an eyetracking study.
Les enseignements de cette étude sont les suivants :
- La mise en page doit être verticale (pas de formulaires avec des champs sur deux colonnes) ;
- Les intitulés des champs sont lus plus facilement s’ils sont placés au dessus ;
- Certains champs peuvent être groupés sur une même ligne (exemple : date de naissance en 3 menus déroulants) ;
- La chapitrage des formulaires est mieux distingué si les intitulés de groupe ont un traitement graphique distinct (avec la balise fieldset) ;
- Mieux vaut indiquer les champs optionnels plutôt que les champs obligatoire (cela réduit le « bruit » des caractères parasites) ;
- Un seul champ suffit pour les numéros de téléphone ou les champs numériques complexes (mieux vaut passer par du reformatage : Vive les assistants de saisie pour les champs de formulaire) ;
- L’aide contextuelle doit être la plus proche possible (généralement à droite du champ) ;
- Le nombre d’étapes doit être clairement affiché.
Des enseignements très instructifs qui pourtant ne vont pas forcément dans mon sens (j’ai toujours été un fervent defenseur des intitulés de champs alignés à droite).
Jusqu’à très récemment mon formulaire favori était celui de Remember The Milk (cf. Le formulaire parfait) :
Mais j’ai récemment découvert celui de Ballpark qui est plus sophistiqué :
Bien évidement c’est une affaire de goût puisque ces formulaires sont tous les deux très bons mais j’apprécie énormément le jeux des couleurs ainsi que les têtières des groupes. Et vous ?













