Conception graphique: désactivation des étiquettes?

Question

Je n'ai pas trouvé quelque chose d'utile sur le net à cette question:

Est-ce généralement une bonne idée de désactiver les étiquettes sur les GUI (formulaires, etc.) ou est-ce considéré comme un bêtisier? Je ne parle pas spécifiquement de HTML, mais de n'importe quelle boîte à outils de bureau. La question est, une étiquette est habituellement placée devant un autre élément d'interface graphique, comme un champ de texte, une liste déroulante, un bouton radio etc. Quand ces composants d'entrée sont désactivés dynamiquement, c'est sur l'état de l'autre interface graphique éléments, est-ce une bonne idée de désactiver également son étiquette, même si elle ne fournit aucun moyen d'entrée lui-même?

Answer 1

Généralement, vous devriez désactiver (griser) l'étiquette ainsi que le contrôle. Cela s'applique aux cases à cocher, aux boutons radio, aux boîtes de sélection, aux menus déroulants, etc. C'est une pratique courante sous Windows et Mac OS. Si vos commandes sont organisées de manière hiérarchique, comme vous le verriez généralement dans une boîte de dialogue Paramètres/Préférences, vous devez désactiver tous les contrôles subordonnés lorsque vous désactivez ou désélectionnez un contrôle parent.

Un point supplémentaire important est que vous devez également vous assurer qu'il est évident pour l'utilisateur pourquoi un élément est désactivé. Parfois, dans les cas où ce n'est pas évident, il est préférable de permettre aux utilisateurs de cliquer sur les contrôles non disponibles - plutôt que de désactiver les contrôles - puis d'utiliser un dialogue ou une autre méthode pour expliquer pourquoi le contrôle est indisponible.

---

D'un point de vue de la programmation, vous pouvez mettre votre contrôle et l'étiquette dans un récipient commun, puis désactivez le récipient et laisser le « permis » la propriété en cascade vers le bas à l'étiquette et le contrôle. La plupart des frameworks modernes fonctionnent de cette manière (par exemple, WPF, Flex, HTML).