web-dev-qa-db-fra.com

Dans quelle direction les gens lisent-ils lorsqu'ils lisent des listes de cases à cocher / boutons radio?

J'ai une liste (assez longue) de cases à cocher. Certains seront vérifiés par défaut, et je voudrais les mettre en premier. Je me demande donc quelle direction est la plus fréquente lors de leur lecture/exécution, pour décider s'il faut organiser les valeurs par défaut horizontalement ou verticalement (et pour voir quels éléments prioritaires je place "en premier").

Quel sens de lecture s'avère plus fréquent? Rouge ou vert?:

enter image description here

Ce sont les scénarios que j'utiliserai dans chaque cas:

enter image description here

contre

enter image description here

3
Yisela

Eh bien, je les disposerais verticalement si je devais faire cela, car:

  • Il semble groupé.
  • Il est facile à lire en un coup d'œil et n'a pas l'air dispersé.
  • Il est plus facile de parcourir, décochez les cases par défaut.
  • Vous amplifiez également la mise au point sur une seule partie de l'écran, ce qui est bien.


Vous devriez également consulter cette documentation :



Mise à jour :
Les boutons radio doivent également être placés verticalement. link de Microsoft et link d'Apple ont dit la même chose. Sauf que si son On et Off, alors il doit être côte à côte. Autre que ces règles d'agencement vertical!

3
aliasgar

La réponse est: vous ne savez pas. Et c'est la raison exacte pour laquelle vous devez éviter les dispositions multi-colonnes.

Voir cet article: http://baymard.com/blog/avoid-multi-column-forms

Quote: L'un des problèmes avec les champs de formulaire dans plusieurs colonnes est que vos utilisateurs sont susceptibles d'interpréter les champs de manière incohérente.

4
Bart Gijssens

Verticalement.

À mes yeux, cela ressemble à des lignes dans un journal dans un article à plusieurs colonnes. Dans ce cas, vous devez lire les lignes verticalement, une colonne à la fois. Si c'est assez bon pour un journal, c'est assez bon pour moi.

Vous pouvez également jouer avec les marges et l'espacement. Réduisez l'espacement entre les éléments verticaux par rapport à l'espacement entre les colonnes. Cela rendra assez évident que les colonnes vont ensemble en premier.

1
talkol