web-dev-qa-db-fra.com

Affichage des champs de saisie désactivés

Comment un champ de saisie doit-il apparaître lorsqu'il est désactivé? Une idée consiste à afficher "Désactivé" comme valeur dans le champ de saisie. Existe-t-il une meilleure idée pour indiquer qu'un champ de saisie de texte est désactivé?

La case de saisie doit être désactivée jusqu'à ce qu'une case soit cochée (case pour les conditions de service)

4
neelmeg

Je suis en fait un fan de la façon dont bootstrap fait son champ de saisie désactivé.

http://getbootstrap.com/css/#forms

Ils l'ont même réglé là où la flèche de la souris change au survol pour plus de précision.

enter image description here

Cependant, son utilisation est une autre affaire. Parfois, ne pas montrer quelque chose tant qu'il n'est pas disponible peut être une meilleure solution. Vous devriez peut-être mieux expliquer en détail ce que vous essayez d'accomplir.

5
Chris N.

L'indice le plus important à fournir est une gradation étiquette pour le champ de saisie (en plus, évidemment, de la gradation de tout texte par défaut dans le champ).

enter image description here

Cela ne fonctionne que pour les étiquettes placées (correctement) en dehors du champ. Une étiquette grisée ou une invite in le champ pourrait simplement signifier "ce n'est pas vraiment entré".

Vous pouvez également essayer de grisonner l'arrière-plan du champ, en le changeant en arrière-plan blanc lorsqu'il devient modifiable.

//Pic

Cela fonctionne mieux pour les boîtes de dialogue GUI classiques où l'arrière-plan de la fenêtre est de la même nuance de gris (comme dans l'exemple ci-dessus). Vous souhaitez qu'un champ désactivé soit visible mais n'attire pas l'attention par rapport aux contrôles activés, comme votre case à cocher. Cependant, un champ gris sur fond blanc (comme souvent utilisé dans les applications Web) a un fort contraste qui a tendance à attirer l'attention.

Vous pouvez essayer "désactivé" comme valeur, mais c'est du jargon - vos utilisateurs peuvent ne pas savoir ce que cela signifie ("Non, mon e-mail fonctionne bien"). Vous pouvez essayer une invite plus directive, comme "Acceptez d'abord les conditions de service". C'est une bonne auto-documentation, mais ajoute un fouillis qui, ironiquement, attire l'attention loin de l'endroit où l'utilisateur devrait regarder en premier (les conditions de service et la case à cocher). Si la gradation de l'étiquette fonctionne pour la plupart des utilisateurs, vous pourriez peut-être présenter une telle invite uniquement pour les utilisateurs qui essaient de se concentrer sur le terrain.

4
Michael Zuschlag

L'affichage d'un champ de saisie qui est désactivé pour la saisie signifie qu'il sert désormais à un autre objectif, généralement à des fins d'information ou d'apprentissage, auquel cas il doit être optimisé à cet effet. Si ce n'est pas le cas, supprimez-le car cela ajoute inutilement à la charge cognitive et à la complexité de l'interface.

0
uxzapper