web-dev-qa-db-fra.com

Quelle est la meilleure façon d'afficher une liste à choix multiples?

Je recherche des suggestions pour afficher des listes à choix multiples.

vertical text

Ma première (et naïve) solution. De toute évidence, le texte vertical à 90 ° est inutilement difficile à lire et occupe beaucoup d'espace sur l'écran vertical.

slanted text

Le texte incliné fonctionne mieux. Prend moins d'espace vertical et est plus facile à lire.

slanted text with lines

L'ajout de lignes pourrait augmenter la convivialité, bien que l'OMI soit moins agréable sur le plan esthétique.

different direction

Cette solution est assez différente des autres, mais pourrait bien fonctionner pour un nombre limité de choix. Une chose que je n'aime pas vraiment, c'est que cette disposition semble indiquer qu'il est presque obligatoire de sélectionner au moins une option, ce qui n'est pas le cas.


La question

Existe-t-il des solutions alternatives qui, par exemple, offrent une meilleure lisibilité et prennent moins de place?

Les choix doivent être visibles à tout moment. L'espace horizontal est limité (environ 640px). Il pourrait y avoir jusqu'à 15 cases à cocher.

Je ne suis pas contre l'idée d'aller dans une direction complètement différente, mais je ne pense à rien de supérieur.

1
Willem-Aart

Je trouve que le texte incliné avec des lignes ajoutées est une solution vraiment nette et lisible. Ce qui pourrait aider, c'est un ballon avec un indice une fois que vous survolez une certaine case à cocher - afin que l'utilisateur connaisse une case à cocher pour qui il vérifie.

Regarder la photo:

Vertical choices

Bien sûr, les couleurs de l'info-bulle doivent correspondre à la conception de la page mais en revanche être visibles.

2
Mike