Techniques de réalisation d'interfaces utilisateurs : Les champs de saisie et les boutons de commande
Un article de WikiÉduQuébec.
[modifier] Les champs de saisie et les boutons de commande
Disposition des champs de saisie
- Chaque champ de saisie doit être précédé d’un libellé clair et concis;
- Disposer les champs de saisie le plus près possible des libellés;
- Employer un graphisme homogène;
- Employer des champs de saisie cohérents par rapport aux autres supports de travail;
- Préciser le format de saisie;
- Indiquer les champs de saisie optionnels et obligatoires;
- Fournir une liste de valeurs possibles;
- Accélérer les saisies fréquentes
- Compléter automatiquement la saisie;
- Conserver la liste des dernières entrées.
- Aligner les champs de saisie.
- Pour diminuer le mouvement oculaire;
- Pour diminuer le risque d’erreurs possibles dues à la confusion.
Disposition des libellés (étiquettes)
- Disposer de façon générale à gauche des champs de saisie;
- Écrire en lettre minuscules et employer la majuscule pour la première lettre;
- Employer les deux points « : », précédés d’un espace suivant chaque libellé.
Règles à suivre dans la conception de boutons de commande
- Étiqueter et ordonner les boutons de commande de manière homogène;
- Indiquer explicitement ce que fait le bouton de commande. Par exemple : Ouvrir au lieu de OK;
- Texte clair et concis pour le texte du bouton;
- Ne pas utiliser de boutons de commande pour naviguer d’une page à l’autre Utiliser plutôt des onglets;
- Regrouper les boutons de commande par singularité fonctionnelle;
- Localiser les boutons de commande dans la zone à laquelle ils s’appliquent;
- Utiliser le texte grisé pour indiquer qu’un bouton de commande n’est pas disponible;
- Séparer les boutons de commande du reste de la fenêtre de dialogue par des espaces;
- Prévoir pour chaque fenêtre un bouton de commande.
