Seções e etapas

1. Estrutura de um tutorial guiado

Esta é uma visão geral de um tutorial guiado estruturado da perspectiva do usuário e do autor.

O que os usuários veem

As instruções guiadas, chamadas de tutoriais práticos, descrevem aos usuários o passo a passo de como criar experiências em diferentes produtos da Adobe. 

Esses tutoriais no aplicativo estão no painel Descobrir do PS e do PsW, e no painel Aprendizado do Express.

O QUE CRIAR

Seções, etapas e observações são os componentes principais do tutorial.

• Seções: tutoriais são divididos em seções distintas. Cada seção consiste em uma lista numerada de etapas e pode conter uma imagem ou vídeo como auxílio visual. 
  • Pense em uma seção como um tópico ou uma meta do usuário que resume o que os usuários conseguirão fazer ao realizar as etapas da seção. 
• Etapas: a lista numerada de ações a serem concluídas em uma seção para avançar no tutorial. 
  • Tente limitar cada etapa a uma ação.
• Observações: as informações adicionais relacionadas a determinada etapa.

Para saber como criar seções e etapas, clique em Criar um tutorial > Tutoriais.

2. Crie seções, etapas e observações

Todo tutorial e modelo que você cria no TBW inclui seções, etapas e observações. Seu trabalho é organizar o conteúdo com eficiência, dividindo o tutorial em seções fáceis de seguir.

Cada seção contém uma série de etapas e, às vezes, observações. Evite etapas que continuam de uma seção para outra. Todas as etapas são numeradas. Uma observação não é numerada, pois fornece informações auxiliares. 

Escreva e edite as etapas para que fiquem claras e concisas. O ideal é que as etapas fiquem acima da área de rolagem. Além disso, blocos de texto grandes podem cansar os usuários. Faça edições para que os usuários permaneçam interessados e acompanhem o tutorial.

• Comece cada etapa com um verbo de ação que diga aos usuários o que fazer
  • Exemplo: clique no ícone de mais para adicionar à seleção.
• Inclua valores aproximados nas etapas
• Inclua um valor aproximado para cada controle deslizante ou campo numérico que o usuário precisar alterar
  • Exemplo: arraste o controle deslizante de claridade para cerca de +20 para aumentar o contraste nos tons médios.
• Inclua o “porquê” nas etapas
  • O resultado de uma instrução
    • Exemplo: arraste o controle deslizante de opacidade para cerca de 80 para deixar a ilustração mais transparente.
  • Motivos para usar determinado fluxo de trabalho ou ferramenta
    • Exemplo: arraste uma caixa de texto para criar texto de parágrafo. Texto de parágrafo, cujo fluxo é reorganizado dentro da caixa, é útil quando há muito texto para adicionar.
• Use observações para acomodar alguns dos “porquês”
  • Caso uma etapa não tenha espaço para um “porquê” específico, considere inserir uma observação em sequência detalhando o porquê sem incluir uma ação indicada por etapa. Entretanto, use observações com moderação para que o usuário continue interessado e avance sem interrupções.
• Não inclua sugestões de fluxos de trabalho alternativos, principalmente em tutoriais para iniciantes..