Editando um guia passo a passo

Uma vez que sua gravação seja enviada, o editor de guias passo a passo se abre no portal da Base de Conhecimento. Cada etapa é gerada automaticamente com base no fluxo de trabalho capturado, com o título e a descrição do passo pré-preenchidos a partir das ações gravadas.

Cada etapa exibe a tela capturada à esquerda e um painel direito com opções de edição. Este artigo cobre tudo o que você pode fazer para refinar e aprimorar seu guia antes de publicá-lo.

Editar conteúdo do passo

O painel direito permite ajustar o conteúdo principal de cada etapa:

1. Título - Insira o título do passo. Para adicionar um hiperlink ao título, selecione o texto e clique no ícone Hiperlink .

2. Descrição - Adicione instruções ou contexto para o passo. Use a barra de ferramentas de texto enriquecido para formatar com negrito, itálico, sublinhado, lista ordenada, lista não ordenada ou hiperlink.

3. Imagem do slide - Clique em Substituir imagem para trocar a captura de tela capturada. Escolha entre estas fontes:

   • Selecione do original - Escolha um quadro do vídeo gravado. Use o Select exact frame para mais precisão, ou use o menu suspenso Jump para navegar até um clique específico na gravação.

   • Meu drive - Clique em Upload para escolher um arquivo no seu explorador local.

   • Fundo - Escolha uma imagem entre as imagens de fundo disponíveis.

   NOTA

   Os formatos suportados são JPG e PNG, com tamanho máximo de arquivo de 10 MB, resolução recomendada de 1920×768 e mínimo de 100×100.

4. Clique em Inserir para se candidatar.

Insira um novo passo

Para inserir uma nova etapa:

1. Fique passando o mouse entre quaisquer duas etapas existentes até que o ícone de Adicionar passo (+) apareça.

2. Clique no ícone de Adicionar passo (+).

3. No painel direito, atualize o título padrão - "Este é um título de exemplo".

4. Adicione uma descrição para o passo. Use a barra de ferramentas de texto enriquecido para formatar com negrito, itálico, sublinhado, lista ordenada, lista não ordenada ou hiperlink.

5. Clique em Adicionar Imagem/Fundo para definir a imagem de passo. Escolha entre estas fontes:

   • Selecione do original - Escolha um quadro do vídeo gravado. Use o Select exact frame para mais precisão, ou use o menu suspenso Jump para navegar até um clique específico na gravação.

   • Meu drive - Clique em Upload para escolher um arquivo no seu explorador local.

   • Fundo - Escolha uma imagem entre as imagens de fundo disponíveis.

6. Clique em Inserir para se candidatar.

Adicionar melhorias visuais

Essas ferramentas sobrepõem melhorias visuais diretamente à imagem de passo para tornar cada passo mais claro e amigável ao leitor.

• Desfoque - Oculte informações sensíveis ou privadas, como senhas, chaves API ou dados de clientes, diretamente em uma imagem de passos.

• Imagem - Sobreponha uma imagem adicional a um degrau, útil para adicionar diagramas, teclas de ícones ou recursos de marca junto com sua captura de tela.

• Destaque - Escureça tudo ao redor de uma área específica para chamar a atenção dos leitores exatamente onde precisa estar.

• Texto - Adicione anotações personalizadas sobre uma imagem de passo para destacar algo que não está visível na própria interface.

• Destaque - Marque as áreas importantes com uma sobreposição colorida sem escurecer o restante da tela.

Comportamento do deslizamento

Efeito de ampliação

Aplique um efeito de zoom para chamar a atenção para pontos de interesse ou áreas-chave dentro da imagem em passos.

Use isso para focar o leitor em um pequeno elemento que pode ser facilmente ignorado — uma caixa de seleção, um botão de alternância, um link — sem cortar o contexto ao redor.

Ativar efeito de Zoom

1. Selecione a etapa desejada.

2. No painel direito, vá para Comportamento do Slide.

3. Ativar o efeito Zoom.

4. Uma vez ativadas, as opções de Zoom in (+) e Zoom out (-) aparecem no canto superior direito do passo.

Experiência do usuário final

• Quando o efeito de zoom é ativado, a imagem do slide é automaticamente ampliada na primeira visualização.

• Os leitores podem clicar no ícone − (zoom out) para retornar à visualização original.

• Eles podem usar o ícone + (zoom in) para dar zoom novamente quando necessário.

Animar clique

Em vez de uma imagem estática, anime um passo reproduzindo um vídeo curto ao redor do clique gravado.

Útil quando o resultado de um clique é uma abertura suspensa ou um painel expandindo – é importante para o leitor ver.

Ativar o clique Animate

1. Selecione a etapa desejada.

2. No painel direito, vá para Comportamento do Slide.

3. Ative o clique de Animar.

4. No menu suspenso da duração da animação , selecione uma duração:

   • 3 segundos - Mostra 1,5 segundos antes e depois do clique. Ideal para interações rápidas e simples.

   • 5 segundos - Equilibrado; Bom para a maioria dos casos em que uma animação breve é necessária.

   • 10 segundos - Mostra até 5 segundos de cada lado; melhor para transições mais lentas, como carregamentos de páginas ou respostas animadas na interface. A duração é ajustada com base nas imagens disponíveis.

Experiência do usuário final

O passo é exibido como um mini vídeo, centrado no ponto de clique.

Editar imagem de passo

Cultura

Use o Corte para eliminar o Chrome do navegador que distraem, barras laterais ou áreas irrelevantes da tela e manter a atenção do leitor no que realmente importa naquela etapa.

Para um guia completo sobre como recortar uma imagem de passos, veja Recortar.

Gerenciando elementos adicionados

Para revisar e gerenciar todas as melhorias adicionadas a uma etapa:

1. Expanda a seção Elementos adicionados no painel direito.

2. Passe o mouse sobre qualquer elemento para acessar as opções disponíveis:

   • Clique em Editar para atualizar.

   • Clique em Excluir para removê-lo.

Próximos passos

Depois que seu guia estiver polido, você pode publicar, traduzir, clonar ou gerenciar o acesso. Veja Guias de gerenciamento passo a passo para tradução, clonagem, despublicação e configurações.

FAQ