Comment dois-je aligner les marqueurs de "format" de champ?
Disons que j'ai un formulaire avec des champs qui acceptent des données dans des formats très spécifiques, tels que la devise (£) ou le pourcentage (%). Comment dois-je transmettre cela à un utilisateur? Si j'utilise des "sous-étiquettes" (symboles qui représentent ces formats), comment dois-je les aligner avec mes champs de formulaire?
Il semble y avoir trois options évidentes, que j'ai décrites ci-dessous:
- Placez les "sous-étiquettes" sur le côté des champs, qui sont alignés sur le quadrillage du formulaire
- Placez les "sous-étiquettes" sur le côté des champs, mais alignez les sous-étiquettes sur le quadrillage du formulaire
- N'utilisez pas de "sous-étiquettes". Expliquez ce que vous voulez dans l'étiquette principale du champ.
Voici quelques images:
Mon instinct est d'aller avec 1 ou 3, mais que conseilleriez-vous - et pourquoi?
Edit: Ceci est lié à un projet du monde réel, qui a certaines restrictions. L'une d'entre elles est qu'il est impossible pour nous de passer à l'alignement à droite - nous avons des centaines de formulaires et très peu de ressources pour les développeurs. Compte tenu de cette restriction, quel choix fonctionne pour l'itération actuelle?
Option 3 (parmi les options présentées) - elle donne immédiatement à l'utilisateur la prochaine information dont il a besoin après avoir lu l'étiquette du champ.
Immédiatement après avoir lu l'étiquette, avant même de regarder le champ de saisie lui-même, l'utilisateur réfléchira à la valeur à saisir et se demandera quelles unités ou comment le calculer.
Je sais que les trois options montrent les unités, mais plus les unités sont proches de l'étiquette, moins l'utilisateur doit y penser car il l'aura déjà lu dans le cadre de l'étiquette.
Combiner l'étiquette et les unités, c'est consolider deux morceaux d'informations en un seul qui est ensuite traité plus efficacement et sert également à réduire l'encombrement à l'écran, améliorant les lignes épurées à gauche et à droite des champs de saisie et améliorant l'apparence du écran entier - le rendant plus facile à remplir.
De plus, je suis d'accord avec les autres: aligner à droite votre champ dans tous les cas - et cela sert à doublement à rapprocher les unités du point d'entrée de toute façon et positionne en fait chaque unité également près de chaque champ, ce qui la rend plus cohérente.
Compte tenu de la réponse à Pourquoi les étiquettes de champ alignées à droite seraient-elles meilleures? , tout d'abord, je voudrais aligner à droite les étiquettes. Cela supprime la première option. La deuxième option rend les champs plus difficiles à analyser, et comme cela devrait être clair maintenant (ou en lisant le livre de Luke Wroblewski sur la conception de formulaires Web), la numérisation dans les formulaires est extrêmement importante.
Cela laisse la troisième option et peut-être une quatrième option - placer les "sous-étiquettes" à l'intérieur du champ lui-même. Je voudrais essayer les deux et voir quels tests sont les meilleurs. Généralement, ma préférence personnelle est de privilégier celle qui fonctionnerait le mieux en version imprimée, et c'est l'option trois.