NOTA
Os recursos de IA do Floik estão disponíveis em todos os planos do Document360 como um complemento. Para comprar ou saber mais, por favor, entre em contato com nossa equipe de suporte.
Uma vez que sua gravação seja enviada, o editor Step by step guide 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 à direita com opções editáveis. Este artigo cobre tudo o que você pode fazer para refinar e aprimorar seu guia antes de publicar
Quando usar cada ferramenta de edição
O kit de ferramentas de edição oferece uma ampla variedade de recursos. Entender quando usar cada um ajuda você a trabalhar de forma mais eficiente.
Ferramenta | Melhor usado quando | Exemplo |
|---|---|---|
Blur | Uma tela contém senhas, chaves API, PII ou URLs internas | Esconder um endereço de e-mail de cliente visível no painel de administração durante uma visita de integração |
Destaque | Um elemento em uma tela movimentada precisa se destacar | Destacar um pequeno link escondido em uma página densa de configurações |
Sobreposição de texto | Você precisa anotar um passo com um rótulo, aviso ou chamada que não esteja na interface | Adicionar "Não clique em Salvar ainda" em vermelho acima de um botão que o usuário deve pular por enquanto |
Destaque | Você quer chamar a atenção com cores sem diminuir o resto da tela | Desenhando uma caixa amarela ao redor do campo que o usuário deve preencher em seguida |
Sobreposição de imagem | Você quer mostrar um diagrama, ícone ou asset de marca ao lado da captura de tela | Adicionando uma legenda numerada a uma captura de tela complexa do painel |
Cultura | A tela gravada tem Chrome do navegador ou barras laterais irrelevantes que distraem da tarefa | Recortando a barra de favoritos e os painéis da barra lateral não relacionados |
Amplie | Um hotspot ou alvo de clique é pequeno e fácil de passar despercebido | Dando zoom em um pequeno botão de alternância no canto superior direito da tela |
Animar clique | Uma captura de tela estática não explica o que acontece quando um botão ou link é clicado | Mostrando o menu suspenso que se expande após o usuário clicar em um item do menu |
Conteúdo da etapa de edição
Use o painel direito para modificar esses elementos para cada etapa:
Título - Insira o título do passo. Para adicionar um hiperlink, selecione o texto e clique no ícone de Hiperlink .
Descrição - Adicionar instruções ou contexto. Formatar usando negrito, itálico, sublinhado, lista ordenada, lista não ordenada e hiperlink.
Imagem do slide - Clique em Substituir imagem para trocar a captura de tela capturada (máximo 10 MB; formatos suportados: JPG ou PNG; resolução recomendada: 1920×892, mínimo 100×100).
Selecione do original - Escolha um quadro do vídeo gravado. Use ajuste fino de milissegundos para precisão.
Meus uploads - Clique em Upload para escolher um arquivo no seu explorador local.
Clique em Inserir para se candidatar.
Para inserir um novo passo, passe o mouse entre quaisquer dois passos existentes e clique no ícone + .
NOTA
As imagens usadas em cada etapa são derivadas da sua sessão gravada. Você pode escolher qualquer frame da gravação original para criar uma nova etapa ou substituir uma imagem existente.
Adicionar elementos
Essas ferramentas sobrepõem melhorias visuais diretamente à imagem de passos.
Blur
Esconda informações sensíveis ou privadas em uma captura de tela.
Clique em Desfocare > Adicionar.
Certifique-se de que a opção de desfoque de mostrar esteja ativada.
Digite um nome para o borrão.
Selecione a etapa para aplicá-la. Cada elemento de desfoque é direcionado para uma etapa específica. Repita para outras etapas conforme necessário.
Escolha uma forma: Círculo ou Retângulo.
Ajuste o controle deslizante de Intensidade (opacidade).
Clique em Aplicar.
Para remover um desfoque, passe o mouse sobre ele na lista - clique em Mais () > Excluir. Clique em Adicionar novo no topo para adicionar mais elementos de desfoque.
NOTA
Você pode adicionar vários efeitos de desfoque a uma única imagem.
Imagem
Sobreponha uma imagem adicional a um degrau.
Clique na imagem > adicionar.
No diálogo Meus uploads , selecione uma imagem já enviada ou clique em Upload para navegar pelos arquivos locais. Recursos de imagem predefinidos também estão disponíveis.
Na seção Tamanho e posição , escolha:
Livre - Ajuste tamanho e posição livremente. Insira um valor exato no campo Ângulo ou use Girar para a esquerda () ou Girar para a direita () para ajustar manualmente.
Ajuste à tela - A imagem preenche a área da imagem do passo por padrão.
Clique em Aplicar.
Destaque
Chame atenção para uma área específica escurecendo tudo o que está fora dela.
Clique em Destaque > Adicionar.
Insira um nome para o holofote.
Selecione a etapa para aplicá-la.
Escolha uma forma: Círculo ou Retângulo.
Clique em Aplicar.
Para remover, passe o mouse sobre o destaque na lista - Mais () > Excluir. Clique em Adicionar novo para adicionar mais destaques.
NOTA
Todas as áreas fora do holofote serão diminuídas. Atualmente, você não pode ajustar o brilho da área diminuída.
Texto
Adicione anotações de texto personalizadas sobre a imagem de passos.
Clique em Texto > Adicionar.
Insira seu texto. Formate usando negrito, itálico, sublinhado, lista ordenada/não ordenada ou hiperlink.
Escolha uma fonte e tamanho de fonte.
Escolha uma cor da paleta.
Defina a rotação usando o controle de grau .
Clique em Aplicar.
Para editar, clique no ícone Editar (). Para excluir, clique em Mais () > Excluir. Clique em Adicionar novo para adicionar elementos de texto adicionais.
Destaque
Marque áreas importantes na imagem do degrau com uma sobreposição colorida.
Clique em destacar > adicionar.
Certifique-se de ativar o botão de mostrar destaque .
Insira um nome.
Escolha uma forma: Círculo ou Retângulo.
Selecione uma cor da lista ou clique em + para usar uma cor personalizada.
Clique em Aplicar.
Para remover, passe o mouse sobre o destaque → Mais () > Excluir. Clique em Adicionar novo para mais destaques.
Transições de imagem
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.
Clique no botão + no canto superior direito da imagem para dar zoom.
Clique no botão − para dar zoom out.
Use isso para focar o leitor em um elemento pequeno ou facilmente ignorado – uma caixa de seleção, um interruptor ou um link sem cortar o contexto ao redor.
Animar clique
Em vez de uma imagem estática, anime um passo reproduzindo um breve clipe de vídeo ao redor do clique gravado, útil quando o resultado de um clique (uma abertura suspensa, um painel expandindo) é importante para o leitor ver.
Selecione a etapa desejada.
No painel direito, vá para Transição de Imagem.
Escolha Animar clicar.
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 - balanceado; bom na 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 cargas de página ou respostas animadas da interface. A duração é ajustada com base nas imagens disponíveis.
O passo é exibido como um mini vídeo, centrado no ponto de clique.
Editar imagem
Cultura
Recorte a imagem do passo para focar em uma área específica.
Clique em Cortar.
Escolha uma proporção de aspecto:
Original (320:141)
Costume
Quadrado (1:1)
Paisagem (16:9)
Retrato (9:16)
Para Custom, arraste a área de corte na imagem. A seção de saída de Corte mostra a largura, altura e proporção resultantes.
Clique em Aplicar para salvar.
NOTA
Uma vez recortada, apenas a área selecionada será destacada e visível no site da Base de Conhecimento.
Gerenciando elementos adicionados
Para revisar e gerenciar todas as melhorias em uma etapa:
Expanda a seção Elementos adicionados no painel direito.
Passe o mouse sobre qualquer elemento:
Clique em Editar () para atualizar.
Clique em Excluir () para removê-lo.
Solução de problemas de edição
Um desfoque ou destaque que eu apliquei não aparece no guia publicado - Verifique se o botão Mostrar desfoque ou Mostrar destaque está ativado para o elemento. Os elementos ficam ocultos por padrão até que o botão de alternância seja ativado, eles permanecem no seu editor como configurações salvas, mas não renderizam no site da Base de Conhecimento até estarem ativos.
O clique animado mostra "não disponível" para uma etapa - O clique animado só funciona para etapas cuja imagem do slide foi retirada diretamente da gravação original. Se você substituiu a imagem por um upload personalizado via Meus uploads, a fonte da animação não estará mais disponível. Volte para o quadro original usando Selecionar do original, ou use o Zoom como alternativa.
Recortei uma imagem de passos, mas agora o leitor não consegue ver o contexto ao redor - o corte é permanente por passo. Depois de aplicado, só a área recortada fica visível. Se precisar restaurar o contexto, clique em Recortar novamente e selecione Original como proporção de aspecto para voltar à imagem completa.
As anotações de texto parecem boas no editor, mas são pequenas demais no site da Knowledge Base – tamanhos de fonte que parecem apropriados em uma tela grande do editor podem parecer pequenos em diferentes tamanhos de tela. Use um tamanho de fonte de pelo menos 16 a 18px para as anotações do corpo e pré-visualize o guia no site da Knowledge Base antes de publicar para verificar a legibilidade.
A seção "Elementos adicionados" está vazia, mas sei que apliquei um desfoque - Desfoques, holofotes e outros elementos são armazenados por etapa. Certifique-se de que você selecionou a etapa correta no painel esquerdo, elementos de uma etapa não aparecem na lista de Elementos Adicionados de outra.
Próximos passos
Depois que seu guia estiver polido, você pode publicar, traduzir, clonar ou gerenciar o acesso. Veja Gerenciar guias passo a passo para tradução, clonagem, despublicação e configurações.