web-dev-qa-db-fra.com

Les utilisateurs comprennent-ils cette case à cocher hybride / radiocommande?

Je m'interroge sur le problème permanent qui se pose lors de la présentation de plusieurs options, où l'utilisateur peut sélectionner aucune, une ou plusieurs options.

En utilisant des cases à cocher, il n'est pas clair si un utilisateur

  • n'a choisi intentionnellement aucune des options
  • ou tout simplement ignoré la question.

Ainsi:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Voir. Je ne sais pas si vous n'aimez aucun fruit, ou si vous ne voulez tout simplement pas me le dire.


Donc, si j'ai besoin de savoir si l'utilisateur a répondu à la question, il est logique d'inclure une option "aucune des réponses ci-dessus" à la fin de la liste des cases à cocher. Cependant, il y a pas clairement un bon moyen d'inclure une option "ne rien sélectionner" dans une liste de cases à cocher .

Avec un petit nombre d'options, les boutons radio peuvent être une solution de contournement appropriée ....

mockup

télécharger la source bmml

... mais avec un plus grand nombre d'options, les boutons radio deviennent rapidement intenables:

mockup

télécharger la source bmml

J'étais donc très excité aujourd'hui de tomber sur ce qui pourrait être une solution au problème - une case à cocher hybride/radiocommande:

mockup

télécharger la source bmml

Lorsque le bouton radio est sélectionné, les cases à cocher sont désélectionnées et lorsque les cases à cocher sont sélectionnées, la radio est désélectionnée.

À première vue, cela semble être une excellente solution ... mais avant de commencer à l'adopter, je veux vérifier si cela peut dérouter les gens. Peut-être considèrent-ils les formes distinctes comme correspondant à des questions distinctes; ou peut-être qu'ils ne comprennent pas pourquoi le fait de cliquer sur certaines choses (mais pas n'importe quoi) peut entraîner la désélection d'autres personnes; ou peut-être qu'ils ne font aucune distinction entre les cases à cocher et les boutons radio et ils sont ralentis en se demandant pourquoi l'un des boutons est d'une forme différente des autres.

Les tests effectués par les utilisateurs ont-ils révélé que ce contrôle est communément compris? Y a-t-il des données démographiques ou psychographiques particulières qui trouvent ce contrôle hybride problématique?

design-patternscheckboxesradio-buttonsmicrointeractions
1
Graham Herrli

Je ne peux pas répondre à votre question directe de savoir si le mélange de radios et de cases à cocher dans une seule liste contient des données de test concluantes. Mais je dirai que ce n'est pas quelque chose que j'ai vu.

Je suggérerais d'envisager quelques alternatives.

Séparez visuellement la case "aucune des réponses ci-dessus" des autres

Select the fruit you like:
[ ] apples
[ ] bananas
[ ] oranges
-----------
[ ] none of the above

tilisez les boutons radio avec des cases à cocher conditionnelles affichées le cas échéant

Vue par défaut:

Do you like fruit?
( ) yes
( ) no

Si "oui" est sélectionné:

Do you like fruit?
(•) yes

    Please select your favorite(s):
    [ ] apples
    [ ] bananas
    [ ] oranges

( ) no
6
DA01