Quel style devrait avoir le champ, une fois qu'une valeur a été choisie?
Je travaille sur le style de saisie pour un champ déroulant, et j'ai deux options pour une fois qu'une valeur a été sélectionnée. L'état du champ par défaut est affiché en haut, qui a la même couleur de bordure que l'état vide. La deuxième option a une bordure de la même couleur que la valeur. Quelle version communique mieux?
La cohérence est au centre d'une bonne conception de l'interface utilisateur
À moins qu'il y ait une bonne raison, le poids et la couleur du texte et l'épaisseur de la bordure d'entrée d'un sélecteur déroulant devraient être les mêmes dans tous les états .
Dans votre cas, griser le texte à l'état "sans valeur" risque de confondre le champ avec celui qui est désactivé, et l'augmentation de l'épaisseur de la bordure pourrait être gênante et augmenter le risque de problèmes techniques avec la mise en page de votre formulaire.
L'aphorisme séculaire s'applique ici:
BAISER (Restez simple, stupide)
Pour moi, l'option 1 est plus forte, mais votre état vide par défaut souffre toujours de son manque de contraste. Il peut être confondu avec un état désactivé. Je suggère de rendre le texte un peu plus sombre.
Votre deuxième option donne l'impression un peu trop fortement que le champ de saisie est actuellement au point. Vous devez réserver les modifications de bordure (couleur) pour communiquer les erreurs et l'activité.
Si vous voulez vraiment rendre évident que quelque chose a été sélectionné, vous pouvez opter pour une coche à côté ou à l'intérieur du champ de saisie. Si vous craignez que les gens pensent qu'il est pré-rempli, vous pouvez utiliser des valeurs par défaut intelligentes.
