Quando usá-lo
Use isso quando você quiser que a gamificação reforce o comportamento, não distraia dele.
A gamificação funciona melhor quando ajuda os aprendizes a perceberem o progresso, construir confiança e se manterem engajados por meio de decisões significativas.
Este padrão usa um medidor de impulso em vez de pontuação tradicional. Os aprendizes ganham ou perdem impulso com base na qualidade de suas decisões e, em seguida, recebem feedback de coaching que explica o que aconteceu e por quê.
Funciona bem para prática de cenários, julgamento operacional, decisões de integração, comportamentos de segurança, situações de suporte ao cliente, conversas de coaching e aprendizado baseado em fluxo de trabalho.
Visualização ao vivo
Experimente a interação.
Selecione uma decisão para ver como o medidor de impulso muda. No Storyline, a mesma lógica atualizaria variáveis, estados de objetos, campos de texto e painéis de feedback.
Cenário
Um aprendiz está na metade de uma tarefa e percebe uma discrepância entre as instruções e o que vê na tela. O que eles devem fazer a seguir?
Momento
Boa jogada.
Pausar para verificar a discrepância protege o fluxo de trabalho sem exagerar. Isso mantém o aprendiz em movimento enquanto reduz riscos desnecessários.
Ele recompensa o julgamento, não o clique.
O aprendiz ganha impulso por decisões que reduzem riscos, melhoram a clareza ou apoiam o comportamento desejado.
Torna o progresso visível.
Um medidor visual dá aos aprendizes uma sensação de movimento sem precisar de medalhas, tabelas de classificação ou competição artificial.
Apoia o feedback de coaching.
O feedback explica o impacto da decisão do aprendiz, o que torna a interação mais útil do que uma simples pontuação.
Configuração da Storyline
Construa isso com variáveis, estados e um gatilho JavaScript.
No Storyline, crie variáveis para armazenar a escolha atual do aprendiz, a pontuação de impulso, o título do feedback, o corpo do feedback e o tom do feedback.
Cada botão de decisão define um valor de escolha. Um gatilho de envio executa JavaScript que avalia a decisão, atualiza a pontuação de impulso e retorna o texto do feedback.
Você pode conectar a pontuação de impulso a uma barra de progresso, mostrador, controle deslizante, campo de texto ou medidor visual personalizado.
Armazena a decisão que o aprendiz selecionou.
Armazena o valor atual de impulso do aprendiz.
Armazena o título do feedback gerado.
Armazena a mensagem de coaching gerada.
Armazena o tipo de feedback para estados visuais opcionais.
Armazena o rótulo mostrado ao lado do medidor.
Copiar o JavaScript
Lógica inicial do JavaScript da Storyline.
Adicione isso a um gatilho “Executar JavaScript” após o aprendiz selecionar uma escolha. Certifique-se de que os nomes das variáveis do Storyline correspondam ao código.
// Storyline Momentum Meter
// Create these Storyline variables first:
// selectedChoice, momentumScore, feedbackTitle, feedbackBody, feedbackTone, momentumStatus
var player = GetPlayer();
var choice = player.GetVar("selectedChoice");
var currentMomentum = Number(player.GetVar("momentumScore"));
if (isNaN(currentMomentum)) {
currentMomentum = 50;
}
var feedbackTitle = "";
var feedbackBody = "";
var feedbackTone = "";
var momentumStatus = "";
var momentumChange = 0;
/*
Expected selectedChoice values:
- guess
- verify
- restart
*/
if (choice === "verify") {
momentumChange = 20;
feedbackTitle = "Strong move.";
feedbackBody = "Pausing to verify the mismatch protects the workflow without overreacting. This keeps the learner moving while reducing unnecessary risk.";
feedbackTone = "strong";
}
else if (choice === "guess") {
momentumChange = -20;
feedbackTitle = "Momentum risk.";
feedbackBody = "Guessing may feel faster, but it can create downstream issues. The better move is to confirm the mismatch before continuing.";
feedbackTone = "risk";
}
else if (choice === "restart") {
momentumChange = -10;
feedbackTitle = "Understandable, but inefficient.";
feedbackBody = "Restarting may solve the issue, but it adds unnecessary friction. A better first step is to verify the mismatch and use the available guidance.";
feedbackTone = "redirect";
}
else {
momentumChange = 0;
feedbackTitle = "Choose a response first.";
feedbackBody = "Select a decision to update the momentum meter and receive coaching feedback.";
feedbackTone = "neutral";
}
var newMomentum = currentMomentum + momentumChange;
if (newMomentum > 100) {
newMomentum = 100;
}
if (newMomentum < 0) {
newMomentum = 0;
}
if (newMomentum >= 80) {
momentumStatus = "Strong momentum";
}
else if (newMomentum >= 60) {
momentumStatus = "Building useful momentum";
}
else if (newMomentum >= 40) {
momentumStatus = "Momentum needs attention";
}
else {
momentumStatus = "High friction zone";
}
player.SetVar("momentumScore", newMomentum);
player.SetVar("feedbackTitle", feedbackTitle);
player.SetVar("feedbackBody", feedbackBody);
player.SetVar("feedbackTone", feedbackTone);
player.SetVar("momentumStatus", momentumStatus);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: adivinhar, verificar ou reiniciar.
Crie uma variável numérica chamada momentumScore e defina seu valor padrão como 50. Isso dá aos aprendizes espaço para subir ou descer.
Adicione um botão de envio que execute o JavaScript. Em seguida, exiba feedbackTitle, feedbackBody, momentumScore, e momentumStatus usando referências de variáveis do Storyline.
Movimento sênior opcional: use feedbackTone e momentumScore para mudar os estados dos objetos. Por exemplo, o medidor poderia mudar de calmo para cautela a alta fricção dependendo do impulso do aprendiz.
Notas de design
Mantenha a camada de jogo a serviço do objetivo de aprendizado.
O medidor não deve se tornar o ponto central da experiência. Ele deve ajudar os aprendizes a perceberem se suas decisões estão criando clareza, reduzindo fricção ou aumentando o risco.
Evite recompensar a velocidade apenas porque parece gamificado. Em muitos contextos de trabalho, o comportamento mais forte é desacelerar no momento certo.
A melhor versão deste padrão faz os aprendizes sentirem que estão construindo julgamento, não perseguindo pontos.
Personalize isso
Ajuste a pontuação para corresponder ao comportamento que você deseja reforçar.
Substitua as escolhas de exemplo por decisões do seu próprio cenário. Cada escolha deve afetar o impulso com base na qualidade do comportamento, não se soa obviamente certa ou errada.
Você pode ajustar as mudanças de impulso. Por exemplo, decisões fortes podem adicionar 15 pontos, decisões arriscadas podem subtrair 20, e escolhas compreensíveis, mas ineficientes, podem subtrair 5.
Você também pode usar a mesma lógica em vários slides para criar um cenário mais longo onde os aprendizes constroem ou perdem impulso ao longo do tempo.
Design Lab
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.