web-dev-qa-db-fra.com

Liste des cases à cocher ou boîte de sélection à valeurs multiples

Actuellement, dans notre application, nous avons plusieurs listes de cases à cocher. Ces listes comprennent des attributs aléatoires liés à une entreprise. Chaque entreprise n'effectuera que quelques-uns de ces attributs et c'est le travail de l'utilisateur de spécifier lequel de ces attributs l'entreprise effectuera.

À l'heure actuelle, je pense que du point de vue de l'utilisabilité et même du point de vue de la conception, une liste de cases à cocher n'est pas la meilleure solution. Ma deuxième option consiste à avoir une zone de sélection à plusieurs valeurs afin que lorsque l'utilisateur commence à taper, il y ait une zone de saisie semi-automatique et tout ce que l'utilisateur a à faire est d'appuyer sur Entrée pour sélectionner la valeur. Je ne suis pas sûr que ce soit la voie la plus utilisable et j'étais curieux de voir ce que tous les autres pensaient?

checkbox select box

10
Jason Frade

Existe-t-il un moyen de regrouper certains des attributs en catégories?

Si c'est le cas, vous pouvez alors avoir une liste déroulante pour chaque catégorie ou chaque catégorie peut avoir une zone distincte sur le formulaire (cela peut être l'un après l'autre, avec une couleur d'arrière-plan légèrement différente simplement bordée des autres).

Si vous n'êtes pas en mesure de les regrouper en catégories, je trierais la liste par ordre alphabétique, puis donnerais à chaque attribut une hauteur/remplissage supplémentaire pour qu'il soit clairement lisible.

5
MephistonX

Les listes de cases à cocher seraient la réponse; basé sur les lignes directrices de Microsoft pour l'application de bureau que vous pouvez utiliser d'une manière ou d'une autre pour une application Web:

Les listes de sélection multiple standard ont exactement la même apparence que les listes de sélection unique, il n'y a donc aucun indice visuel qu'une zone de liste prend en charge la sélection multiple. Étant donné que les utilisateurs doivent découvrir cette capacité, ce modèle de liste est mieux utilisé pour les tâches où la sélection multiple n'est pas essentielle et est rarement utilisée. Il existe deux modes de sélection multiple différents: multiple et étendu. Le mode de sélection étendue est de loin le plus courant, où la sélection peut être étendue en faisant glisser ou avec Maj + clic et Ctrl + clic pour sélectionner des groupes de valeurs contiguës et non adjacentes, respectivement. En mode de sélection multiple, cliquer sur n'importe quel élément bascule son état de sélection indépendamment des touches Maj et Ctrl. Compte tenu de ce comportement inhabituel, le mode de sélection multiple est déconseillé et vous devez plutôt utiliser les listes de cases à cocher. enter image description here

Contrairement aux listes de sélection multiple standard, les cases à cocher indiquent clairement qu'une sélection multiple est possible. Utilisez ce modèle de liste pour les tâches où la sélection multiple est essentielle ou couramment utilisée. enter image description here

Dans cet exemple, les utilisateurs sélectionnent généralement plusieurs éléments de sorte qu'une liste de cases à cocher est utilisée. Compte tenu de cette indication claire de sélection multiple, vous pouvez supposer que les listes de cases à cocher sont préférables aux listes de sélection multiple standard. En pratique, peu de tâches nécessitent une sélection multiple ou l'utilisent fortement; l'utilisation d'une liste de cases à cocher dans de tels cas attire trop l'attention sur la sélection. Par conséquent, les listes de sélection multiple standard sont beaucoup plus courantes.

1
Amitis

Dans la zone de sélection à valeurs multiples, les utilisateurs doivent savoir comment écrire l'attribut. Si les utilisateurs de votre système connaissent ces informations, cela peut être une bonne option. Cependant, s'il existe une certaine ambiguïté quant aux attributs disponibles ou à la façon dont ils sont écrits, je pense qu'une autre approximation serait préférable.

Si vous pensez qu'il y a trop d'attributs pour utiliser des cases à cocher, je pense que vous pourriez utiliser un modèle plus familier comme le sélection de deux listes : une liste a tous les attributs disponibles (qui peuvent être filtrés, recherchés, etc.) et une autre liste contient les attributs sélectionnés. Les utilisateurs peuvent sélectionner un ou plusieurs attributs dans la première liste et les ajouter au second.

0
PaRaP