Formation 17

Gestion des formulaires

Des champs avec un intitulé clair

N'employez pas de termes trop techniques. Si nécessaire, ajoutez une phrase d'explication, l'idéal étant une infobulle qui s'active au survol du champ : cela n'alourdit pas la page, mais les internautes peuvent obtenir de l'aide en cas de besoin.

Éviter de pré-remplir ou de suggérer des réponses

Le fait de pré-remplir un formulaire peut induire le client en erreur, ou bien l'amener à faire des réponses qu'il n'aurait pas faites autrement. Cela peut biaiser les résultats d'un sondage par exemple.

 

En revanche, pour des données comme les dates, il est parfois nécessaire d'imposer un format, sous la forme jj/mm/aaaa ou d'utiliser trois champs distincts pour collecter le jour, le mois et l'année.

Vérification dynamique possible, sans perturber la navigation

Sur certains sites récents, un script (en javascript le plus souvent) vérifie en temps réel vos réponses, et pré rempli le formulaire ou suggère des réponses. C'est ce que l'on nomme l'« auto-complétion ».

 

Dans ce cas il est nécessaire de bien tester le formulaire avant de le mettre en ligne :

  • la vérification dynamique apporte-t-elle un réel plus ?

  • suggère-t-elle les bonnes corrections / les bonnes réponses ?

  • fonctionne-t-elle de manière fluide même en bas débit ?

  • autorise-t-elle la saisie d'une réponse qui n'aurait pas été prévue par le webmaster ?

 

Dans ce domaine, les champs de recherche de Wikipédia et de Google sont une référence.

En cas d'erreur de l'internaute, mettre en évidence les champs mal remplis et éventuellement proposer une correction

En cerclant par exemple le champ en rouge, ou en ajoutant une info-bulle ou un pictogramme à proximité.

Si la page doit être rechargée, ne pas vider le formulaire

Il n'y a rien de plus pénible sur internet que d'avoir à re-remplir entièrement un formulaire à cause d'un oubli minime... C'est à coup sûr un client perdu.

Ne pas demander plus d'informations que nécessaire



Pour plus d'informations, vous pouvez nous contacter par mail.

 

Tutos et cours en ligne

Ergonomie et accessibilit�R�f�rencementHTML / CSS