Choix multiple avec oui, non et «pas de réponse»
Je travaille sur une question Quiz Application for Multiple Choice. Au lieu de questions à choix multiples normales avec les deux réponses oui et non. Je travaille sur celui qui permet à un utilisateur de s'abstenir à une question et de ne pas donner de réponse. Il devrait toujours être possible de sélectionner "pas de réponse" même après avoir sélectionné Oui ou Non.
Je pensais à un Toggle avec 3 états:
- une coche verte pour Oui/Droite
- une croix rouge pour No/Wrong
- un texte "nA" pour aucune réponse
Est-ce une bonne idée de mélanger du texte avec des icônes?
Mise à jour
Le contexte
L'application est une application Web. Le panneau de contrôle sera disponible uniquement sur les ordinateurs et sera utilisé par les enseignants pour créer un quiz pour leurs élèves. Ce test est juste pour l'enseignant pour voir où les élèves peuvent avoir des problèmes de compréhension, et pour les élèves de voir ce qu'ils savent déjà et ce qu'ils ne savent pas. Il sera possible de poser des questions à choix unique (boutons radio) et des questions à choix multiple. Comme mentionné, les questions à choix multiple ont trois états: Oui/Droite, Non/Mauvais et "pas de réponse". La raison de "pas de réponse" est qu'une réponse correcte mène à +1 points, une erreur à -1 points et "pas de réponse" obtiendra 0 points. Les étudiants, qui répondent aux questions, pourront le faire sur n'importe quel appareil comme les smartphones, les tablettes ou même leurs ordinateurs portables.
La seule chose à utiliser du texte comme oui, non et n/A, comme le mentionne Nikita Prokopov, est que l'enseignant doit poser les questions, afin qu'elles puissent logiquement répondre par Oui et Non, afin que les élèves n'obtiennent pas trop confus avec les possibilités de questions et réponses. Par exemple:
Quels pays limitrophes de la Suisse? Oui , Allemagne frontières avec la Suisse
Lorsque j'utiliserais simplement Oui et Non, l'enseignant, qui crée les questions, doit vérifier qu'il est possible de répondre par Oui ou Non, ce qui, à mon avis, ne devrait pas être le cas. La même question pourrait être posée sans utiliser le modèle oui/non. Par exemple:
Ces pays bordent la Suisse. alors la réponse devrait être Vrai , l'Allemagne a des frontières avec la Suisse
C'est pourquoi j'ai créé l'icône, mélange de texte.
Répondre à votre question, oui, c'est tout à fait correct.
Mais, avec des étiquettes aussi courtes, vous pouvez utiliser du texte au lieu d'images:
[n/a] Yes No
n/a [Yes] No
n/a Yes [No]
Le texte est plus facile à comprendre que les icônes, et une compréhension différente est moins probable pour le texte. Pour moi, la coche verte et la croix rouge signifient si la question a été répondue correctement ou non, pas la réponse elle-même.
Devinant que [n/a] est un état par défaut, je l'ai placé à l'avant, il sera donc plus facile à trouver lors de la révision de vos réponses, en cherchant "quoi d'autre dois-je répondre".
Rappelez-vous également que plus le bouton est gros, plus il est facile de cliquer dessus, alors n'essayez pas d'économiser de l'espace avant qu'il ne soit vraiment un problème.
Je ne suis pas trop satisfait de l'utilisation des boutons radio comme suggéré par d'autres ici pour répondre oui/non/je ne sais pas. Il est difficile de revoir vos réponses. Par exemple, essayez de trouver rapidement les réponses où vous avez dit "Je ne sais pas" ou "N/A".
Que diriez-vous d'utiliser des boutons exclusifs? C'est comme vous le faites déjà, mais je pense que votre conception pourrait être plus claire. Si vous donnez plus d'espace aux boutons, leur signification sera plus facile à saisir. J'interpréterais "nA" comme "non disponible" ou quelque chose comme ça à première vue, ce qui prête à confusion.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je ne mettrais pas "je ne sais pas" entre les réponses oui et non, comme vous l'avez fait. Ces deux options représentent une réponse spécifique, contrairement à "Je ne sais pas". Je pense qu'il est important de ne pas représenter cela à mi-chemin entre la gamme "Oui" et "Non" comme vous semblez le suggérer avec la disposition en forme de curseur . Peut-être devriez-vous même introduire un peu d'espacement entre le Oui/Non d'une part et le "Je ne sais pas" d'autre part.
J'utiliserais les boutons radio sur une application Web. Les utilisateurs ont une grande reconnaissance du fonctionnement de ces boutons et n'ont pas besoin d'apprendre un bouton personnalisé. Utilisez les boutons radio pour sélectionner l'un des deux éléments ou plus dans une liste comme celle-ci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
- Utilisez un en-tête sur chaque question.
- Utilisez une ligne de séparation pour la question suivante, afin de permettre à l'utilisateur de savoir où se termine cette question.
- Utilisez des sous-en-têtes sur les différents pays (dans cet exemple) pour distinguer un pays de l'autre.
- Utilisez un espace blanc entre le dernier bouton radio de chaque pays et le pays suivant pour mieux distinguer les pays.
La convention est la clé ici.
Ayez le moins de choix possible.
Moins de mots à traiter = temps de réponse plus rapides.
N'oubliez pas d'utiliser le <label> tag, donc je peux cliquer sur le mot associé à la case à cocher/radio, au lieu de seulement la vérification/radio réelle.
Anydo utilise l'approche directe pour marquer les tâches comme terminées ... Donc, je pense que vous pourriez essayer quelque chose comme cela pour marquer les réponses "non" et peut-être un rectangle arrondi pour marquer les réponses "oui". Aucune réponse ne reçoit une note différente ... Je pense que cela peut être plus naturel pour l'utilisateur.
Je recommanderais d'utiliser select avec des options de recherche:
- oui
- non