2.1. Exemple de manipulations avec rétroactions sémantiques
Voici un exemple d'applet permettant de résoudre manuellement le problème des tours de Hanoï.
Vous devez déplacer tous les anneaux pour les emmener dans une autre tour.
Les règles sont les suivantes :
ß Vous ne pouvez déplacer qu'un seul anneau à la fois.
ß Vous ne pouvez déplacer qu'un anneau placé au sommet d'une tour.
ß Vous ne pouvez pas déposer un anneau sur un plus petit que lui.
Dans cette situation, afin de donner un maximum d'informations à l'utilisateur en cours d'interaction, on utilise ici des couleurs différentes et des curseurs différents pour lui donner des rétroactions sémantiques :
-
Pour visualiser les anneaux :
Un anneau "déplaçable" est cyan et le curseur associé est une main.
Un anneau "non déplaçable" est bleu et le curseur associé est un sablier.
Un anneau "en cours de déplacement" est magenta et le curseur associé est une croix de déplacement.
-
Pour visualiser une tour survolée par un anneau en déplacement :
Une tour non survolée est jaune.
Une tour survolée par un anneau "empilable" est verte.
Une tour survolée par un anneau "non empilable" est rouge.
-
Pour expliquer les erreurs :
Message d'erreurs après 3 tentatives consécutives de démarrage du DnD par clic "dans le vide" (ailleurs que sur un anneau).
Message d'erreurs après 3 tentatives consécutives de démarrage du DnD par clic sur un anneau qui n'est pas au sommet.
Message d'erreurs après 3 tentatives consécutives de dépôt d'un anneau sur un plus petit que lui.
