Padrão de Suporte à Decisão Móvel

Processo Móvel Treinar

Um padrão de interação móvel que transforma um processo em suporte à decisão guiado e clicável, em vez de mais uma lista de verificação para rolar e esquecer.

Experimente o padrão Copie o código inicial

O que é

Uma maneira melhor de ensinar processos que as pessoas realmente precisam usar.

A maioria dos treinamentos de processos é basicamente uma lista de verificação disfarçada. Passo um. Passo dois. Passo três. Parabéns, você agora testemunhou uma lista vestindo roupas casuais de negócios.

O Mobile Process Coach é diferente. Ele divide um fluxo de trabalho em pequenos momentos clicáveis que explicam o que fazer, o que notar, o que pode dar errado e como é um bom julgamento em cada etapa.

Use-o quando os aprendizes precisarem de mais do que instruções. Use-o quando eles precisarem de orientação.

Melhor para

Fluxos de trabalho operacionais

Processos de múltiplas etapas onde os aprendizes precisam entender sequência, propósito, pontos de decisão e fricções comuns.

Também útil para

Suporte de desempenho

Materiais de apoio, suporte de integração, guias de resolução de problemas, recursos de política para prática e atualizações amigáveis para dispositivos móveis.

Objetivo de design

Treine o processo

Ajude os aprendizes a entender o que importa em cada etapa, em vez de pedir que memorizem uma sequência.

Visualização ao vivo

Experimente o mobile process coach.

Este exemplo usa um fluxo de trabalho de suporte genérico, mas a mesma estrutura pode funcionar para verificações de segurança, tarefas de integração, momentos de suporte ao cliente, conversas com gerentes, fluxos de trabalho de entrega ou orientações de processos internos.

Process Coach

Triagem de solicitações de suporte

1/5 etapas
Passo 01

Leia o sinal

Comece identificando o que a solicitação realmente está pedindo. Procure o sinal principal, não todos os detalhes de uma vez.

O que fazer

Identifique a solicitação principal, a pessoa afetada e o resultado imediato necessário.

Debriefing do processo

O ponto não são os passos. O ponto é um julgamento melhor em cada etapa.

Uma interação de processo útil faz mais do que mostrar a sequência. Ela ajuda os aprendizes a notar sinais, evitar erros comuns, escolher um caminho, comunicar-se claramente e fechar o ciclo.

Por que isso funciona

Processos raramente são apenas processos.

Um processo geralmente contém julgamento oculto. O que importa primeiro? O que pode esperar? O que precisa de escalonamento? Que contexto muda o próximo passo? O que alguém deve comunicar antes de seguir em frente?

É aí que uma lista de verificação normal começa a vacilar. Ela mostra a ordem, mas muitas vezes perde o pensamento.

O Mobile Process Coach torna esse pensamento visível. Ele dá a cada passo um propósito, um sinal de risco e uma ação prática que os aprendizes podem levar para o trabalho.

Notas de Design

Use isso quando o processo precisar de coaching, não apenas de documentação.

Em vez de

Uma lista de verificação estática

Passo um, passo dois, passo três. O aprendiz vê a sequência, mas não o julgamento por trás dela.

Experimente

Um coach de processo guiado

Cada passo explica a ação, o risco, o sinal de decisão e o próximo movimento útil.

Código Inicial

Copie, adapte e faça do seu jeito.

Use isso como um ponto de partida para blocos Rise, objetos da web Storyline, ferramentas de aprendizado hospedadas no S3, páginas de conhecimento interno ou exemplos de portfólio. 

<div class="mobile-process-coach" data-current-step="1">

  <div class="mobile-process-coach-shell">

    <div class="mobile-process-coach-topbar">
      <div>
        <p>Process Coach</p>
        <h3>Support request triage</h3>
      </div>

      <div class="mobile-process-coach-progress">
        <strong id="processStepCount">1/5</strong>
        <span>steps</span>
      </div>
    </div>

    <div class="mobile-process-coach-meter">
      <div id="processProgressFill"></div>
    </div>

    <div class="mobile-process-coach-step-list">
      <button class="process-step-pill active" type="button" data-step="1">
        <span>01</span>
        Read the signal
      </button>

      <button class="process-step-pill" type="button" data-step="2">
        <span>02</span>
        Check context
      </button>

      <button class="process-step-pill" type="button" data-step="3">
        <span>03</span>
        Choose path
      </button>
    </div>

    <div class="mobile-process-coach-card">
      <div class="mobile-process-coach-card-header">
        <span id="processStepLabel">Step 01</span>
        <h4 id="processStepTitle">Read the signal</h4>
      </div>

      <p id="processStepBody">
        Start by identifying what the request is really asking for.
      </p>

      <div class="mobile-process-coach-tabs">
        <button type="button" class="active" data-view="do">What to do</button>
        <button type="button" data-view="watch">Watch for</button>
        <button type="button" data-view="try">Try this</button>
      </div>

      <div class="mobile-process-coach-guidance" id="processGuidancePanel">
        <span>What to do</span>
        <p>Identify the main request and the immediate outcome needed.</p>
      </div>
    </div>

  </div>

</div>

Personalização

Faça com que se encaixe no seu fluxo de trabalho.

Substitua as etapas de exemplo pelo seu próprio processo. Mantenha cada etapa curta, mas não reduza a orientação a rótulos. O valor está na camada de coaching.

Para cada etapa, escreva três orientações:

01

O que fazer

A ação concreta que o aprendiz deve realizar.

02

Fique atento a

O erro comum, risco ou sinal que os aprendizes podem perder.

03

Tente isso

Uma frase prática, ação, pergunta ou próximo passo.

Design Lab

O aprendizado deve ajudar as pessoas a avançar no trabalho com mais clareza.

O Mobile Process Coach é projetado para momentos em que as pessoas precisam entender o caminho, o propósito e o julgamento por trás de cada etapa.

Voltar ao Design Lab Siga as atualizações