Choix lourds en jugement
Utilisez lorsque plusieurs options sont défendables, mais chacune crée une conséquence opérationnelle différente.
Modèle du Design Lab
Tradeoff de décision Visualiseur
Un modèle d'interaction réutilisable qui aide les apprenants à comparer des décisions plausibles en montrant comment chaque choix affecte la vitesse, la clarté, le risque, la confiance et l'effort.
Conséquences visibles
Les apprenants voient les compromis au lieu de recevoir une simple réponse correcte ou incorrecte.
HTML/CSS/JS
Fonctionne comme une interaction web autonome, une ressource intégrée, un bloc Rise ou un objet web Storyline.
Pourquoi ce modèle existe
La plupart des décisions en milieu de travail ne sont pas des moments de choix multiples clairs.
Dans le travail réel, les gens choisissent souvent entre des options qui sont toutes raisonnables. Un choix peut être rapide mais risqué. Un autre peut instaurer la confiance mais nécessiter plus d'efforts. Un autre peut réduire l'incertitude mais ralentir le workflow.
Le Decision Tradeoff Visualizer transforme cette tension en moment d'apprentissage. Au lieu de dire aux apprenants s'ils avaient raison ou tort, il les aide à voir ce que leur décision change.
Aperçu en direct
Choisissez une réponse et comparez les compromis.
Scénario : Un partenaire de livraison signale que les instructions de l'application ne sont pas claires avant de commencer un itinéraire sensible au temps. Vous devez décider quel chemin de soutien recommander.
Scénario
Décision de soutien
Que recommanderiez-vous en premier ?
La personne est prête à commencer, mais elle n'est pas sûre de l'instruction de l'application à appliquer. Le chemin est sensible au temps, et deviner pourrait créer de la confusion en aval.
Choix équilibré
Clarifiez avant d'agir
Ce choix ajoute une petite pause, mais il améliore la clarté et réduit le risque de donner un conseil basé sur une mauvaise hypothèse.
Vitesse
68
Clarté
92
Contrôle des risques
86
Confiance
88
Ajustement des efforts
74
Note de coaching
Un soutien utile commence souvent par réduire l'ambiguïté. Une question de clarification peut empêcher qu'une réponse rapide devienne coûteuse.
Notes de conception
Utilisez cela lorsque l'objectif d'apprentissage est un meilleur jugement, pas le rappel de réponses.
Rendez les compromis réels.
Utilisez des dimensions qui comptent dans le travail réel, telles que le risque, la confiance, la qualité, la rapidité, l'effort, la confiance ou l'impact sur le client.
Évitez l'équilibre factice.
Chaque choix n'a pas besoin d'être également valide. Certaines options peuvent être plus faibles, mais le retour d'information devrait expliquer pourquoi.
Entraînez la logique de décision.
L'objectif n'est pas de récompenser l'apprenant avec un score. L'objectif est de montrer ce que leur décision change.
Comment le personnaliser
Échangez le scénario, les options, les métriques et les notes de coaching.
Adaptez ce modèle pour des décisions de leadership, le support client, la sécurité, l'intégration, le dépannage, l'application des politiques, les conversations de coaching ou le triage opérationnel.
Rédigez le scénario
Créez un moment où plus d'une option semble plausible.
Choisissez les dimensions
Sélectionnez 4 à 6 dimensions de compromis qui comptent dans le flux de travail.
Évaluez chaque décision
Donnez à chaque choix un profil distinct afin que les conséquences deviennent visibles.
Entraînez la logique
Expliquez la logique de décision, pas seulement le résultat.
Bloc de départ
HTML, CSS et JavaScript copiables.
Utilisez ce bloc de départ comme un modèle léger pour votre propre interaction de décision basée sur un scénario.
<div class="tradeoff-widget" data-tradeoff-widget>
<div class="tradeoff-question">
<p>Scenario</p>
<h3>What would you recommend first?</h3>
</div>
<div class="tradeoff-options">
<button type="button" data-choice="quick">Give a quick answer so they can keep moving.</button>
<button type="button" data-choice="verify">Ask one clarifying question first.</button>
<button type="button" data-choice="escalate">Escalate immediately.</button>
</div>
<div class="tradeoff-feedback">
<h4 data-title>Clarify before acting</h4>
<p data-body>This choice adds a small pause, but improves clarity and reduces risk.</p>
<div class="tradeoff-bars">
<div class="bar" data-metric="speed"><span>Speed</span><strong>68</strong><div><i style="width:68%"></i></div></div>
<div class="bar" data-metric="clarity"><span>Clarity</span><strong>92</strong><div><i style="width:92%"></i></div></div>
<div class="bar" data-metric="risk"><span>Risk control</span><strong>86</strong><div><i style="width:86%"></i></div></div>
</div>
</div>
</div>Design Lab
Créez des interactions qui rendent les décisions plus faciles à comprendre.
Utilisez ce modèle lorsque les apprenants doivent comparer des conséquences, pas mémoriser une réponse parfaite.
Retour au Design Lab