Patrón del Design Lab
Decisión de Storyline Medidor de Confianza
Un patrón de interacción más avanzado de Storyline que empareja la decisión de un aprendiz con su nivel de confianza, y luego utiliza JavaScript para generar retroalimentación adaptativa de coaching.
Cuándo usarlo
Utiliza esto cuando la confianza importa tanto como la elección.
Muchas decisiones en el lugar de trabajo no solo se tratan de seleccionar la opción correcta. También se trata de saber cuán seguro estás, cuándo pausar y cuándo buscar orientación.
Este patrón pide a los aprendices que tomen una decisión y califiquen su confianza. La retroalimentación luego se adapta en función de ambas entradas.
Funciona bien para decisiones de liderazgo, escenarios de seguridad, juicios de cumplimiento, soporte al cliente, resolución de problemas operativos, conversaciones de coaching y cualquier momento en el que la sobreconfianza o la incertidumbre puedan afectar el rendimiento.
Vista previa en vivo
Prueba la interacción.
Elige una decisión, selecciona un nivel de confianza y genera retroalimentación adaptativa. En Storyline, estos valores se almacenarían como variables y se procesarían a través de JavaScript.
Escenario
Un aprendiz nota un desajuste en el proceso durante una tarea sensible al tiempo. ¿Qué deberían hacer primero?
Confianza
¿Qué tan seguro estás?
Buena elección. Verifica tu confianza.
Pausar para confirmar el problema es el movimiento inicial más fuerte. Tu confianza media es apropiada porque la situación aún requiere verificación antes de actuar.
Enseña la calidad de la decisión.
El aprendiz no solo está eligiendo una respuesta. Está practicando cómo evaluar la solidez de su propio juicio.
Revela la sobreconfianza.
Una elección incorrecta con alta confianza es diferente de una elección incorrecta con baja confianza. La retroalimentación debería reflejar eso.
Crea un mejor coaching.
La retroalimentación adaptativa permite que la experiencia responda más como un coach y menos como una pantalla de revisión de cuestionarios estáticos.
Configuración de la historia
Construyelo con variables, disparadores y una acción de JavaScript.
En Storyline, crea dos variables de texto y tres variables de retroalimentación.
Usa disparadores de botón para establecer la decisión seleccionada por el aprendiz y el nivel de confianza. Luego ejecuta JavaScript para evaluar la combinación y devolver retroalimentación personalizada.
Esto mantiene la diapositiva flexible. Puedes cambiar la lógica de retroalimentación en un solo lugar en lugar de crear un montón de capas duplicadas.
Almacena la decisión que el aprendiz seleccionó.
Almacena baja, media o alta confianza.
Almacena el encabezado de retroalimentación generado.
Almacena el mensaje de coaching generado.
Almacena la categoría de retroalimentación para estados visuales opcionales.
Copia el JavaScript
Lógica inicial de JavaScript en Storyline.
Agrega esto a un disparador de “Ejecutar JavaScript” después de que el aprendiz seleccione una opción y un nivel de confianza. Asegúrate de que los nombres de las variables de Storyline coincidan con el código.
// Storyline Decision Confidence Meter
// Create these Storyline text variables first:
// selectedChoice, confidenceLevel, feedbackTitle, feedbackBody, feedbackTone
var player = GetPlayer();
var choice = player.GetVar("selectedChoice");
var confidence = player.GetVar("confidenceLevel");
var feedbackTitle = "";
var feedbackBody = "";
var feedbackTone = "";
/*
Expected selectedChoice values:
- continue
- pause
- escalate
Expected confidenceLevel values:
- low
- medium
- high
*/
if (choice === "pause" && confidence === "high") {
feedbackTitle = "Strong choice. High confidence fits.";
feedbackBody = "Pausing to confirm the issue is the strongest first move. Your confidence is appropriate because you selected a low-risk action that creates clarity before moving forward.";
feedbackTone = "strong";
}
else if (choice === "pause" && confidence === "medium") {
feedbackTitle = "Strong choice. Check your confidence.";
feedbackBody = "Pausing to confirm the issue is the strongest first move. Your medium confidence is reasonable because the situation still requires verification before action.";
feedbackTone = "strong";
}
else if (choice === "pause" && confidence === "low") {
feedbackTitle = "Good decision. Build confidence in the process.";
feedbackBody = "You selected the strongest first step. If confidence is low, the support experience should reinforce why pausing and confirming is the right move before continuing.";
feedbackTone = "coaching";
}
else if (choice === "continue" && confidence === "high") {
feedbackTitle = "Overconfident risk.";
feedbackBody = "Continuing may feel efficient, but it can create more downstream work. High confidence in this choice is risky because the issue has not been verified yet.";
feedbackTone = "risk";
}
else if (choice === "continue" && confidence === "medium") {
feedbackTitle = "Understandable, but not ideal.";
feedbackBody = "Continuing might seem reasonable under time pressure, but the better move is to pause and confirm what changed before moving forward.";
feedbackTone = "redirect";
}
else if (choice === "continue" && confidence === "low") {
feedbackTitle = "Your uncertainty is useful here.";
feedbackBody = "Low confidence is a signal to slow down. Instead of continuing, pause and use the available guidance to confirm the next step.";
feedbackTone = "coaching";
}
else if (choice === "escalate" && confidence === "high") {
feedbackTitle = "Escalation may be premature.";
feedbackBody = "Escalating immediately can create unnecessary handoffs. High confidence here may skip a simple first step: confirm the issue and follow available guidance.";
feedbackTone = "redirect";
}
else if (choice === "escalate" && confidence === "medium") {
feedbackTitle = "Reasonable instinct, but check first.";
feedbackBody = "Escalation can be useful, but it should come after confirming the issue. Start with the simplest reliable next action.";
feedbackTone = "redirect";
}
else if (choice === "escalate" && confidence === "low") {
feedbackTitle = "Pause before escalating.";
feedbackBody = "Low confidence suggests you need more information. Before escalating, confirm what is happening and use the available guidance.";
feedbackTone = "coaching";
}
else {
feedbackTitle = "Make a selection first.";
feedbackBody = "Choose both a decision and a confidence level to receive calibrated feedback.";
feedbackTone = "neutral";
}
player.SetVar("feedbackTitle", feedbackTitle);
player.SetVar("feedbackBody", feedbackBody);
player.SetVar("feedbackTone", feedbackTone);Guía de disparadores
Cómo conectarlo en Storyline.
Crea tres botones de decisión. Cada botón establece la selectedChoice variable a uno de los valores utilizados en el JavaScript: continuar, pausar o escalar.
Crea tres botones de confianza. Cada botón establece la confidenceLevel variable a baja, media o alta.
Agrega un botón de enviar que ejecute el JavaScript. Luego muestra feedbackTitle y feedbackBody en cuadros de texto usando referencias de variables de Storyline.
Movimiento opcional para expertos: usa feedbackTone para cambiar el estado visual de tu panel de retroalimentación. Usa etiquetas e íconos junto con color para que el estado sea claro para todos.
Personalízalo
Haz que la lógica coincida con el comportamiento que deseas moldear.
Reemplaza el escenario de muestra con una decisión real de tu experiencia de aprendizaje. La versión más fuerte de este patrón utiliza elecciones que son todas creíbles.
No hagas que las respuestas “incorrectas” sean caricaturescamente malas. El valor proviene de ayudar a los aprendices a entender por qué una elección es arriesgada, prematura, incompleta o sólida.
También puedes agregar puntuaciones, insignias, ramificaciones o indicaciones de reflexión, pero el valor central del aprendizaje proviene de ayudar a los aprendices a calibrar su juicio.
¿Quieres más patrones de aprendizaje reutilizables?
Design Lab es una biblioteca práctica de patrones de interacción gratuitos, fragmentos de código y notas de construcción para diseñadores de aprendizaje.