web-dev-qa-db-fra.com

Le meilleur choix pour une valeur à trois états?

Dans mon application, l'utilisateur peut filtrer les champs en sélectionnant l'une des trois valeurs possibles pour chaque champ:

  • Vrai
  • False
  • Tous les deux

J'ai actuellement une liste déroulante, mais cela nécessite deux clics alors que les options sont simples et devraient de préférence pouvoir être sélectionnées en un seul clic.

J'ai fait face à la case à cocher à trois états qui montre soit une coche, un carré ou rien. Cependant, cela nécessite parfois parfois deux clics pour passer du vide au carré si la commande est vide - cochez - carré.

Quelqu'un pourrait-il recommander quel serait le meilleur choix dans ce scénario?

5
pimvdb

Boutons radio. C'est la situation exacte pour laquelle ils sont conçus.

8
Charles Boyung

Personnellement, j'aime les listes déroulantes. Toute sorte de case à cocher est une erreur si vous ne pouvez pas vous permettre de perdre plusieurs contextes importants, comme:

  • Une case décochée ne signifie pas que l'utilisateur a choisi faux. Cela signifie qu'ils ne l'ont pas vérifié. Vous ne pouvez pas dire (en un coup d'œil) s'ils ont déterminé que la case à cocher était la bonne réponse ou s'ils n'avaient simplement pas pris la peine de regarder le champ. Avec une liste déroulante (ou des boutons radio), ils DOIVENT prendre des mesures pour spécifier une réponse.
  • Les états non vérifiés et vérifiés sont bien compris. Des choses comme le look grisé/désactivé ne sont pas intuitives pour les non-techniciens et ils ne savent peut-être pas quoi en faire.

J'aime les cases à cocher pour les comportements exceptionnels et non critiques - comme une option pour rejoindre une liste de diffusion lors de l'inscription à quelque chose. Si je présente un formulaire où j'ai besoin que les utilisateurs spécifient oui ou non (ou N/A ou les deux ou quels que soient les états supplémentaires), je veux m'assurer qu'il n'y a aucune ambiguïté dans ce que l'utilisateur doit faire.

3
Stefan Mohr

si les radios prennent trop de place, vous pouvez essayer une liste déroulante.

2
Bobby Tables