Crie tutoriais e guias interativos em uma única ferramenta

Stonly é um web app que facilita a resolução de problemas a partir da construção de guias que indicam o passo a passo do que você quer ensinar.

Luíza Araújo
O canvas de conteúdo
3 min readJul 31, 2019

--

precisou fazer um tutorial para esclarecer o caminho que o seu leitor, cliente ou usuário precisava seguir? Geralmente um bom texto com tópicos indicativos de cada etapa deixam claro essa jornada, mas para algumas áreas ou temas, isso pode ser uma dor de cabeça.

Stonly é uma ferramenta que ajuda você a criar os seus próprios tutoriais, guias e, principalmente, o passo a passo de uma atividade ou função de uma forma interativa, clara e objetiva. Desde texto, imagem e edição, botão para próximas etapas e possibilidades de escolha, a Stonly ajuda você. Vamos conferir como?

Stonly: interativo e didático

Na hora de criar um passo a passo, você pode se perder tentando incluir no texto observações, buscando encontrar a conexão ideal para a próxima etapa e colocando vários e incansáveis prints para sinalizar visualmente o que explicou. Agora imagina a experiência de quem está lendo e tentando seguir sua explicação. Cansa, né? Especialmente para a galera de tecnologia que precisa criar tutoriais e guias para funções com base em códigos.

Confira na prática as principais funções da ferramenta Stonly.

Como funciona a Stonly

Tem uma explicação complexa que precisa ser descomplicada? Na hora de preparar o seu tutorial, você pode construí-lo a partir de três formatos de visualização:

  • fluxograma
  • árvore
  • fluxograma e árvore juntos

É dessa forma que sua explicação vai tomando forma: desenvolvendo o passo a passo incluindo os títulos, conteúdo, mídia e características que vão guiar o usuário para a próxima etapa.

  • Em títulos, você define o título de cada etapa.
  • Em conteúdo, é possível incluir textos (assim como edição em itálico, negrito, tópicos e hiperlinks) e informações extras ou avisos de alerta.
  • Em mídia, é permitido colocar imagem, vídeo, ícone e até mesmo códigos que vão aparecer junto ao conteúdo da etapa.
  • Em próxima etapa, você escolhe se deseja um botão que direcione para o próximo passo ou mais de uma possibilidade de escolha para o usuário continuar no tutorial.

Em todos os formatos, é possível acompanhar em tempo real as alterações que estão sendo realizadas. Outra vantagem é que, por ser online, a ferramenta vai salvando tudo automaticamente. Mas se você é daquelas pessoas que preferem salvar e sempre ter certeza, basta ir salvando as alterações e elas ficam armazenadas na aba Versions.

Print da tela de edição de tutorial na ferramenta Stonly.
Edição do tutorial em visualização de árvore. Para salvar suas alterações na aba de Versions, basta clicar na seta ao lado de Publish, no canto superior direito e em Save as new version.

Em cada passo, você também pode permitir se deseja liberar comentários e a barra de progresso no tutorial. Além disso, é possível dar feedback sobre alguma etapa. Confira na prática nosso tutorial no Stonly para usar Stickers personalizados no Instagram Stories.

Essas funcionalidades são gratuitas, desde que não atinjam o limite de 20 explicações e sem um time para colaborar. No caso dos planos pagos, a facilidade da Stonly é que, além de publicar o seu tutorial, você pode colocá-lo em um site, blog ou app, seja como widget ou embutido. Nessas versões, também dá para acompanhar uma análise em tempo real dos resultados e interações dos usuários no passo a passo criado.

Já sabe qual o próximo passo a passo que você vai criar de uma maneira diferente? 🤓

👏 A sua produção de conteúdo digital também conta com um passo a passo. Ao todo, são 9 etapas para planejar, criar e gerenciar conteúdo em uma única tela. Descubra a jornada para produzir seu conteúdo.

--

--

Luíza Araújo
O canvas de conteúdo

Jornalista falando sobre criação de conteúdo e produzindo o seu por aí. 💡 linkedin.com/in/araujoluiza/