web-dev-qa-db-fra.com

Comment afficher les vraies / fausses questions interactives pour l'apprentissage?

Je conçois un widget pour apparaître sur un site Web lié à la santé et présenter des questions vraies/fausses liées à la santé. L'objectif est d'engager les visiteurs et de les aider à apprendre des choses potentiellement utiles. De brèves déclarations seront affichées, ainsi que deux boutons, "Vrai" et "Faux".

Parce que le but est d'apprendre, je veux

  1. faire savoir à l'utilisateur si la réponse qu'il a choisie est correcte, et
  2. afficher une déclaration correcte si la déclaration d'origine était fausse

J'essaie de trouver un bon moyen de transmettre certaines des quatre possibilités:

Énoncé vrai: par exemple, "les bébés allaités sont moins susceptibles d'être obèses à l'âge adulte"

  1. L'énoncé est vrai et l'utilisateur choisit vrai: une grande coche verte superposée à l'énoncé correct
  2. L'énoncé est vrai et l'utilisateur choisit faux: comment indiquer que le choix était faux, mais l'énoncé est vrai? Je pense à un X rouge sur le bouton "False" mal choisi, et à une coche verte sur la déclaration correcte.

Fausse déclaration: "Les bébés allaités ont besoin de lait maternisé ou d'eau sucrée pour compléter leur alimentation." Véritable déclaration d'accompagnement: "L'allaitement maternel fournit toute la nutrition dont un nourrisson a besoin pendant les 6 premiers mois de sa vie."

  1. L'instruction est fausse et l'utilisateur choisit false: peut-être un X rouge sur la fausse instruction, puis affichez l'énoncé correct ci-dessous. Ne montre pas clairement que l'utilisateur a fait le bon choix. Peut-être une coche sur le bouton choisi?
  2. La déclaration est fausse et l'utilisateur choisit true: je ne sais pas quoi faire ici. Définissez définitivement la déclaration incorrecte et affichez la bonne. Peut-être X sur le bouton mal choisi, et vérifiez le bon bouton "Faux"? Trop de X et de chèques?
4
Mike Kantor

Travaille actuellement sur les mises en page "Vrai/Faux" et "sélections multiples" pour une application elearning et a également rencontré ce problème.

Le problème avec l'utilisation de "Check" et "X" est exactement comme vous l'avez dit, vous risquez de confondre la "justesse" de ce que l'utilisateur a sélectionné avec la "véracité" de la déclaration choisie.

Vous devez afficher séparément 3 concepts:

  1. quelle option l'utilisateur a sélectionné
  2. l'exactitude de cette sélection (éventuellement facultative/implicite)
  3. si l'énoncé lui-même est vrai ou faux (idéalement avec une explication de pourquoi)

Dans une disposition de table T/F à plusieurs questions, nous utilisons une coche bleue pour indiquer le choix de l'utilisateur, quelle que soit la colonne dans laquelle il se trouve. Une coche "contour" indique "non sélectionné". Cela sépare objectivement la "sélection de l'utilisateur" de la "justesse de la sélection" et de la "validité de la déclaration". Cela indique seulement leur sélection et rien de plus.

enter image description here

Les commentaires sur les adresses # 2 et # 3 dans cette mise en page sont affichés dans une fenêtre contextuelle modale qui indique "Correct" ou "Incorrect", avec une explication que "La déclaration est [vraie ou fausse] parce que bla bla bla".

Dans votre cas, si vous ne montrez qu'une seule question à la fois, vous pouvez simplement laisser le bouton choisi en surbrillance pour indiquer la sélection de l'utilisateur jusqu'à ce que les commentaires soient rejetés ou jusqu'à ce que l'utilisateur passe à la question suivante. Cela prend en charge # 1.

Vous pouvez combiner # 2 et # 3 en affichant un texte de rétroaction au-dessus/en dessous de l'énoncé qui commence par confirmer la "validité de l'énoncé", puis offre une explication de la raison pour laquelle elle est vraie ou fausse.

Il devrait être clair à ce stade, puisque vous avez laissé la sélection de l'utilisateur en surbrillance, qu'elle soit correcte ou incorrecte. Pour clarifier davantage cela, vous n'avez besoin que d'une seule "vérification" affichée au-dessus de la "bonne" réponse. Une "vérification" est positive, ce qui évite l'impression d'être trop négatif/critique à l'égard du choix incorrect de l'utilisateur.

enter image description here

1
mc01

Si la page Web est interactive, elle entraîne l'utilisateur vers elle. Je recommande d'utiliser des mots qui interagissent avec les utilisateurs.

enter image description here

1
Bharath Selvaraj