web-dev-qa-db-fra.com

Est-il correct de modifier l'alignement des étiquettes dans un formulaire si les étiquettes varient considérablement?

Je conçois un formulaire qui demande beaucoup de données sous forme de

Short Label [text input]

Cependant, entre toutes ces étiquettes courtes, il y a soudain des questions plus longues telles que:

Are there other buildings on or near your current building site?
( ) no
(o) yes,
    registered as: [number]

et enfin, les cases à cocher classiques opt in/opt out comme

[x] I already have the required documents for this builduing site.

Sans trop y penser, j'ai utilisé des étiquettes alignées à gauche pour les invites de saisie courtes, mais alignées en haut pour les questions plus longues. Ensuite, j'ai lu plus sur le problème d'alignement dans le livre de Luke Wroblewski "Remplir les blancs" et il déconseille fortement tout changement d'alignement des étiquettes dans un seul formulaire.

Non, il me reste les informations suivantes du livre:

Aligné en haut convient si le formulaire doit être rempli rapidement et si les informations sont bien connues.

Nous avons plusieurs invites pour les adresses postales, qui correspondraient à la description, plus: aligné en haut me permettrait d'organiser les champs dans la mise en page bien connue (rue/nr sur une ligne, etc.) et ont toujours des étiquettes distinctes pour eux. En outre, cela n'entraînerait pas de changement d'alignement pour les questions à texte long.

L'alignement à gauche ralentit le processus de saisie, mais peut être conseillé si les utilisateurs doivent tenir compte de ce qu'ils saisissent et faciliter la numérisation des étiquettes

Après les adresses, il y a des données techniques à saisir, qui ne sont pas bien connues et que les utilisateurs voudront éventuellement scanner pour mieux comprendre le contexte. De plus, l'alignement supérieur semble simplement ... traîné ou inutile pour cette multitude de messages très courts. (Coordonnées, consommation d'énergie, certaines radios ceci/cela/autres)

Donc, tout d'abord: lors de la décision d'un alignement unifié pour les courtes, les deux options me semblent également raisonnables. Y a-t-il un autre effet de l'alignement qui pourrait faire basculer les échelles d'une manière ou d'une autre? Par exemple, je suppose que des étiquettes distinctes alignées en haut pour la rue/nr/code postal, etc. rendent le formulaire plus accessible aux lecteurs d'écran (par opposition à une étiquette composée pour chaque ligne à gauche) - mais je n'ai pas encore examiné cela.

Et deuxièmement: si ces courtes étaient définies pour être alignées à gauche, cela se traduirait par des étiquettes à plusieurs lignes pour les questions textuelles, ce qui, je pense, rompt le flux de lecture de la question à la réponse. Serait-ce suffisant pour justifier un changement d'alignement des étiquettes entre les invites courtes et les questions textuelles?

Dans tous les cas, les cases à cocher opt in/out sont-elles un cas spécial, qui peuvent être positionnées au début d'une ligne, ou doivent-elles également s'aligner sur d'autres champs de saisie? (J'ai vu les deux sur le web)

6
Louise

Je pense que la réponse ici est de comprendre les règles et de les jeter si elles ne fonctionnent pas pour vous dans ce cas. Mais jetez un coup d'œil à l'ensemble du formulaire avant de prendre des décisions - est-il cohérent? Se déroule-t-il en douceur? Avez-vous demandé à d'autres personnes moins investies ce qu'elles en pensent?

Tant qu'un type particulier d'entrée est cohérent et que le flux à travers le formulaire semble fluide, il devrait être correct de jouer avec les alignements. Mais assurez-vous que vous le faites pour une bonne raison (car il semble que vous l'êtes), pas seulement pour des raisons de commodité.

La seule question sur laquelle j'aurais des questions concerne les cases à cocher, qui peuvent être mieux alignées à droite des questions. Ceux-ci nécessitent de revenir à gauche après avoir lu à droite. Tous les autres maintiennent le flux en haut à gauche vers le bas à droite, assez bien.

À mon avis, bien sûr, et sur la base de ce que vous avez dit. Mais gardez le flux principal dans la bonne direction et vous devriez pouvoir jouer un peu avec les détails.

2
Schroedingers Cat