Les formulaires sont omniprésents sur la quasi totalité  des sites web aujourd’hui, que ce soit dans les pages contacts,   les enregistrement de comptes, sur les sites e-commerce ou institutionnels… Il s’agit d’une étape obligatoire pour les internautes, lorsqu’ils souhaitent obtenir plus d’infos, entrer en contact ect… C’est pour cette raison qu’il est important de leur faciliter la tâche et de leur permettre de passer le moins de temps possible sur cette page.

Une agence d’ergonomes anglaise (cxpartners)  s’est penchée sur la conception et le design de ces formulaires par le biais d’études d’eye tracking et en a tiré des données statistiques très intéressantes. Autant d’éléments à prendre en compte afin d’optimiser les formulaires :

• Utiliser une mise en page verticale (pas de formulaires avec des champs sur deux colonnes) et placer les intitulés des champs au dessus. Si la place ne permet pas de placer les intitulés au dessus, les positionner sur la gauche des champs.
• Certains champs (d’une même « famille ») peuvent être groupés sur une même ligne  (exemple : noms et prénoms ou date et mois de naissance)
• Utiliser des astérisques pour mentionner les champs obligatoires occasionne du bruit  inutile sur la page.
• Un seul champ suffit pour les numéros de téléphone ou les champs numériques complexes
• Clairement indiquer le nombre d’étapes de formulaires s’il s’agit d’un formulaire long.
• Toujours indiquer la raison d’être du formulaire ( « pour une demande d’informations -remplissez le formulaire »)

Article complet  : Web form design guidelines: an eyetracking study

Une autre étude très compète sur les formulaires (PDF)