Formulaires: des formulaires plus simples
Frédéric CAVAZZA publie sur son site FredCavazza.net un tutoriel permettant de réaliser des formulaires plus simples:
Remplir un formulaire en ligne n’est pas une tâche facile. Trop compliqués ou trop intimidant, les formulaires sont la hantise des utilisateurs. Il existe cependant un certain nombre d’actions possibles pour faciliter la lecture à l’écran, diminuer les sources d’erreurs possibles et les rendre plus simples d’utilisation.
J’y ai retrouvé avec plaisir la balise <fieldset> découverte la semaine passée et permettant de regrouper des éléments similaires, ainsi que d’autres actions à entreprendre:
- Grouper les éléments similaires
- Améliorer la lisibilité
- Aligner les intitulés et les champs
- Utiliser des intitulés intuitifs
- Répartir les éléments d’un menu déroulant en sous-groupes
- Bien signaler les champs obligatoires
- Fournir de l’aide contextuelle
- Positionner le curseur dans le premier champ
- Paramétrer les raccourcis clavier
- Mettre en valeur le champ en cours d’utilisation
- Contrôles de surface
- Contrôles côté serveur
Ce tutoriel est très convivial et agréable à consulter. Néanmoins, on pourrait améliorer son ergonomie en signalant à chaque étape qu’il faut aller consulter la source de la page web pour découvrir les détails de la programmation du formulaire. En ne lisant que la phrase introduisant chaque étape on reste sur notre faim car les détails et la mise en pratique des actions à entreprendre sont en fait décrits dans le code HTML de chaque page. On peut également déplorer que le code des premières étapes contient déjà des éléments que l’auteur expliquera au cours d’étapes ultérieurs.
Si l’on voulait être parfait, il faudrait proposer à chaque étape de télécharger le code du formulaire correspondant uniquement à l’action décrite et le faire évoluer lors de la présentation de nouvelles actions et non pas seulement à la fin comme précisé par l’auteur: “Pour télécharger les fichiers sources, ça se passe ici : SimplifiezVosFormulaires.zip”.
Tags: ergonomie, formulaire
Vous aimez ce type de contenu?
Alors suivez-ce blog par RSS ou par email!