Padrão do Design Lab
Decisão do Storyline Medidor de Confiança
Um padrão de interação mais avançado do Storyline que combina a decisão de um aprendiz com seu nível de confiança e, em seguida, usa JavaScript para gerar feedback adaptativo de coaching.
Quando usá-lo
Use isso quando a confiança importa tanto quanto a escolha.
Muitas decisões no trabalho não se tratam apenas de selecionar a opção certa. Elas também envolvem saber quão certo você está, quando pausar e quando buscar orientação.
Este padrão pede aos aprendizes que tomem uma decisão e avaliem sua confiança. O feedback, então, se adapta com base em ambas as entradas.
Funciona bem para decisões de liderança, cenários de segurança, julgamentos de conformidade, suporte ao cliente, resolução de problemas operacionais, conversas de coaching e qualquer momento em que a superconfiança ou a incerteza possam afetar o desempenho.
Visualização ao vivo
Experimente a interação.
Escolha uma decisão, selecione um nível de confiança e gere feedback adaptativo. No Storyline, esses valores seriam armazenados como variáveis e processados por meio do JavaScript.
Cenário
Um aprendiz percebe uma discrepância no processo durante uma tarefa sensível ao tempo. O que eles devem fazer primeiro?
Confiança
Quão confiante você está?
Boa escolha. Verifique sua confiança.
Pausar para confirmar o problema é o melhor primeiro passo. Sua confiança média é apropriada porque a situação ainda requer verificação antes da ação.
Ensina a qualidade da decisão.
O aprendiz não está apenas escolhendo uma resposta. Eles estão praticando como avaliar a força de seu próprio julgamento.
Revela a superconfiança.
Uma escolha errada com alta confiança é diferente de uma escolha errada com baixa confiança. O feedback deve refletir isso.
Isso cria um coaching melhor.
O feedback adaptativo faz com que a experiência responda mais como um coach e menos como uma tela de revisão de quiz estática.
Configuração da Storyline
Construa com variáveis, gatilhos e uma ação JavaScript.
Na Storyline, crie duas variáveis de texto e três variáveis de feedback.
Use gatilhos de botão para definir a decisão selecionada pelo aprendiz e o nível de confiança. Em seguida, execute o JavaScript para avaliar a combinação e retornar feedback personalizado.
Isso mantém o slide flexível. Você pode mudar a lógica de feedback em um só lugar em vez de criar uma pilha de camadas duplicadas.
Armazena a decisão que o aprendiz selecionou.
Armazena baixa, média ou alta confiança.
Armazena o título do feedback gerado.
Armazena a mensagem de coaching gerada.
Armazena a categoria de feedback para estados visuais opcionais.
Copiar o JavaScript
Lógica inicial do JavaScript da Storyline.
Adicione isso a um gatilho “Executar JavaScript” após o aprendiz selecionar uma escolha e nível de confiança. Certifique-se de que os nomes das variáveis da Storyline correspondam ao 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);Guia de gatilhos
Como conectar isso na Storyline.
Crie três botões de decisão. Cada botão define a selectedChoice variável para um dos valores usados no JavaScript: continuar, pausar ou escalar.
Crie três botões de confiança. Cada botão define a confidenceLevel variável para baixa, média ou alta.
Adicione um botão de envio que execute o JavaScript. Em seguida, exiba feedbackTitle e feedbackBody em caixas de texto usando referências de variáveis da Storyline.
Movimento sênior opcional: use feedbackTone para mudar o estado visual do seu painel de feedback. Use rótulos e ícones junto com cores para que o estado fique claro para todos.
Personalize isso
Faça a lógica corresponder ao comportamento que você deseja moldar.
Substitua o cenário de exemplo por uma decisão real da sua experiência de aprendizado. A versão mais forte deste padrão usa escolhas que são todas críveis.
Não torne as respostas “erradas” caricaturalmente ruins. O valor vem de ajudar os aprendizes a entender por que uma escolha é arriscada, prematura, incompleta ou forte.
Você também pode adicionar pontuação, distintivos, ramificações ou prompts de reflexão, mas o valor central do aprendizado vem de ajudar os aprendizes a calibrar seu julgamento.
Quer mais padrões de aprendizado reutilizáveis?
O Design Lab é uma biblioteca prática de padrões de interação gratuitos, trechos de código e notas de construção para designers de aprendizado.