Widget permettant d'évaluer dans quelle mesure les utilisateurs se souviennent d'un mot
Dans mon application, les utilisateurs devraient pouvoir évaluer dans quelle mesure ils "connaissent" un mot, c'est-à-dire dans quelle mesure ils peuvent se souvenir de sa signification.
Mon autre question connexe : Panneau suspendu après le clic de l'utilisateur
Compte tenu de cela, il existe également un schéma de couleurs sur le texte lui-même:
- Le bleu signifie un nouveau mot
- Un jaune fort signifie que je viens de commencer à l'apprendre
- Jaune clair signifie presque le savoir
- Aucune couleur ne signifie apprise ou ignorée (il y a un petit soulignement vert/rouge pour les distinguer)
Il existe 4 niveaux d'apprentissage (nuances jaunes). Lorsqu'un mot est cliqué sur le texte, le widget apparaît simplement avec l'état actuel de ce mot sélectionné:
Comment puis-je rendre cela plus intuitif? Il y a un problème de couleur ici: sur le texte, le jaune est utilisé pour marquer des mots inconnus, mais sur le panneau d'état, je veux montrer la notion de progression à l'utilisateur, donc le schéma jaune -> blanc ne fonctionne pas là. Aucune suggestion? Je vous remercie!
Edit: Quelque chose que j'ai trouvé, veuillez évaluer. 
Remarque : Les utilisateurs rencontreront le même mot encore et encore. L'objectif est d'apprendre progressivement les mots, en rappelant constamment leur statut.
N'exigez pas que vos utilisateurs apprennent le "jargon" comme un système de classement numéroté ou des étoiles. Utilisez un langage simple pour leur permettre d'évaluer leurs progrès.
Si l'objectif est l'apprentissage et la mémorisation, informez les utilisateurs du moment où ils verront à nouveau le contenu avec des indices de répétition espacés.
Parce que l'objectif est la familiarité et la fluidité ("Je sais ça!"), Vous pouvez utiliser des informations dans le panneau d'inspection pour indiquer à quelle vitesse ils verront à nouveau ce mot/contenu. Supermemo est un système basé sur cela.
Ce n'est peut-être pas élégant, mais Anki est un jeu de cartes flash qui permet à l'utilisateur de choisir quand lui rappeler ensuite: il donne plus de contrôle à l'utilisateur pour juger de sa familiarité. Je l'ai utilisé pour la programmation.
Le jargon signifie simplement que l'utilisateur doit se conformer à votre modèle, qui peut ne pas être le modèle mental qu'il détient pour un concept. Voir description de Don Norman :
Les évaluations sont souvent utilisées pour la preuve sociale par les entreprises afin de développer la confiance. Votre objectif est l'acquisition de connaissances, pas la préférence ou la preuve.
Anki permet aux utilisateurs de voir combien de temps ils mémoriseront le contenu avec une simple étiquette à côté du bouton. Ils peuvent l'utiliser pour réfléchir à la façon dont ils connaissent et comprennent un terme.
Cela peut ne pas sembler élégant dans Anki, mais vous avez beaucoup d'espace dans votre panneau d'inspection à ce stade de votre conception: vous pouvez créer des boutons empilés avec la prochaine fois (si vous exposez votre logique aux utilisateurs).
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
MISE À JOUR: Évaluation de vos changements récents.
Vous semblez sur la bonne voie; quelques points à noter:
Votre échelle d'intensité de couleur semble rendre l'interface utilisateur plus dense à mesure qu'elle atteint la maîtrise. Vous avez l'échelle la plus sombre vers le "connu". Cela transmet une interface utilisateur plus encombrée tout comme ils maîtrisent le vocabulaire. Cela donne le message qu'il y a plus de travail à faire pour l'utilisateur, pas moins (même s'ils maîtrisent le sujet).
Vous pouvez fournir une évaluation de la progression globale en créant un titre dynamique qui leur montre le pourcentage (ou une mesure significative) de leur progression. Lorsqu'ils marquent les éléments comme "connus", la métrique augmente.
À mon avis, l'apprentissage est un `` soulagement '' et la disparition des barres de couleur signifie qu'il y a moins d'éléments avec lesquels interagir: depuis que je maîtrise le mot, son accessibilité disparaît (mais le survol d'un mot peut permettre à l'utilisateur de réinitialiser le niveau de confort). Voir les notes ci-dessous.
Je pense que l'utilisation des couleurs est une excellente idée, puisque vous annotez du texte de paragraphe, vous avez à juste titre hésité à utiliser des techniques (comme des icônes supplémentaires) qui briseraient le flux de texte.
Quelques suggestions:
- Pour les nuances jaunes, envisagez également d'avoir des nuances de gris (ou des pondérations) correspondantes pour la couleur/police du texte, de sorte que les mots connus et ignorés soient plus clairs (ou moins gras). Cela attirera l'attention sur les mots entièrement noirs et en gras (niveau de familiarité nouveau ou le plus bas)
- Offrez une section "afficher tout" avec les mêmes boutons (Nouveau, 1, 2, 3, 4, cocher, X), qui, lorsque vous cliquez dessus, masque tous les autres mots (ou les rend presque transparents), de sorte que l'utilisateur peut consulter les nouveaux mots, ou simplement des mots de niveau 1, etc. Pour plus de crédit, faites basculer ces boutons (de sorte que l'utilisateur puisse afficher seulement 1 ET 2, mais masquer/estomper tous les autres, par exemple) avec un bouton supplémentaire "clair" pour faire tous les mots revenir à la normale.
- Envisagez de prendre en charge la sélection multiple (Maj ou Ctrl) et/ou la sélection de sélection, avec plusieurs mots affichés dans le panneau de droite. Si l'utilisateur ne préfère pas l'affichage visuel, il peut sélectionner Marquee (dessiner une boîte avec la souris) une ligne ou des lignes de texte et revoir/modifier le statut de ces mots dans une liste ou un tableau dans le volet droit
- Envisagez de prendre en charge les info-bulles sur tous les mots avec la traduction, l'état et les notes afin que l'utilisateur puisse revoir les mots rapidement en survolant la souris s'il oublie le codage couleur