Please enable JavaScript.
Coggle requires JavaScript to display documents.
Ergonomie des formulaires (Actions du formulaire (Envoi des données…
Ergonomie des formulaires
Design général
Structure du formulaire
Nombre de pages réduit
Rapprocher les éléments liés
Faire apparaitre le formulaire au survol
Positionement
Positionner les labels dans les champs (si possible)
Loi de proximité : montrer les éléments en rapport et ceux différents
Respect de la loi de Fitts : pas de zig-zag visuel
Eléments du formulaire
Choix des éléments
Ne pas utiliser de bouton "Reset" ou "Annuler"
Adapter la taille des éléments à leur contenu
Contenu des éléments
Pré-remplir les champs au maximum
Regrouper les données dans un minimum de champs
Suggérer une liste de résultats
Actions du formulaire
Personnaliser l'intitulé du bouton de validation
Utiliser un poids visuel sur le bouton primaire
Boutons inutilisables
Ne pas les masquer
Les griser
Faire de gros boutons, ressemblant à des boutons
Envoi des données
Récapituler les informations saisies
Confirmer l'envoi des donnés à l'utilisateur
Renvoyer l'utilisateur sur la page où il était
Utilisation du formulaire
Aide pour l'utilisateur
Ajouter un effet au survol d'un champ
Pré-sélectionner le premier champ
Une bulle d'aide pour les champs pouvant porter à confusion (pas le prénom)
Sauvegarder le contenu des champs, ou proposer une option pour le faire
Gestion des erreurs
Mettre en valeur visuellement le ou les champs en erreur
Afficher et expliquer les erreurs dans un langage courant
Ne pas vider le formulaire lors d'une erreur
Champs "intelligents" : formatage des données à la volée
Indiquer la validité des champs au fur et à mesure
Affichage
Mettre un champ en surbrillance lorsqu'il est sélectionné
Ne pas utiliser d'astérisque rouge
Pas de CAPTCHA
Penser à l'accessibilité