Guia Avançado de Tutoriais In-App – Como oferecer treinamento no app

É evidente que oferecer uma boa experiência do usuário é a prioridade.

Mas o que realmente precisa ser dito é o fato de que a UX de onboarding é uma parte enorme da UX em geral de qualquer produto.

E adivinha só o que é mais ignorado?

Sim, a UX de onboarding. Exatamente aquilo que dá as boas-vindas aos usuários de um produto.

Então vamos mostrar todo o valor da UX de onboarding e falar sobre um dos elementos mais importantes do processo de onboarding dos usuários, os tutoriais in-app. Mais especificamente, vamos ver:

Vamos começar com o básico.

O que é um tutorial in-app?

Um tutorial in-app é um padrão de UX de onboarding projetado para ajudar novos usuários a atingir rapidamente o valor ou ajudar seus usuários atuais a ver continuamente o valor de seu produto. Essencialmente, um tutorial in-app ocorre na interface do usuário e inicialmente se concentra nas principais características. Eles são geralmente projetados para usuários de primeira viagem e, portanto, são mais usados durante o processo de onboarding de novos usuários do que durante o restante da jornada do usuário. Um tutorial in-app é facilmente um dos elementos mais importantes para um bom engajamento do usuário.

Mas então, por que sentimos a necessidade de gerenciar tanto as ações dos usuários?

E como uma boa experiência com um produto ajuda nisso?

O que torna os guias in-app tão importantes a ponto de serem uma parte inseparável do processo de onboarding do usuário?

Por que eu preciso de um tutorial in-app?

Na esperança de aumentar o engajamento com o usuário, você pode optar por visitas guiadas interativas ou um simples sistema de mensagens in-app. Em todos os casos, um tutorial in-app construído da forma adequada cumpre um diferencial no fato de se o seu produto será adotado pelos usuários – ou não.

Mas, bem… você já sabia disso.

O que você provavelmente não sabe, porém, é que um bom tutorial in-app pode:

1- Melhorar a aquisição de novos clientes

Não estamos mais na idade das trevas, e a menos que você goste de guardar o conteúdo de seu produto sem nenhum teste grátis, os usuários podem verificar algumas características sobre o aplicativo antes de fazer uma compra.

Isso significa que mesmo antes de se tornarem seus usuários ativos. Os clientes interagem com os produtos que passam por eles.

Um bom exemplo de ótimos tutoriais in-app antes da ativação do produto é o Bubble, com seu ambiente de demonstração online no qual os visitantes do site podem conferir antes mesmo de se inscreverem para um teste grátis.

tutorial in app bubble
exemplo tutorial in app bubble

Agora, imagine receber uma experiência super legal de adoção de recursos antes da compra, da instalação e de outras ações importantes.

Provavelmente você estaria concordando com os 63% dos clientes que consideram o período de onboarding para decidir se realizam ou não a compra de um produto ou a assinatura de um serviço.

2- Aumentar a retenção de clientes

Assim como um bom produto pode encantar os primeiros usuários, também pode inspirar seus usuários atuais ou novas conversões com os valiosos recursos que você venha a oferecer.

Não acredita em mim? Então vamos dar uma olhada em alguns números.

Um onboarding ruim é a terceira razão mais importante para o churn de clientes, seguido da falta de pertinência do produto e a falta de engajamento.

Além disso, 86% dos clientes dizem que seriam mais propensos a permanecerem fiéis a uma empresa se soubessem que teriam acesso a conteúdo educacional e um bom onboarding pós-venda.

Agora você acredita da importância de levar os tutoriais in-app a sério? 😎

3- Diminuir custos e esforços

Depois do que você acabou de descobrir sobre o impacto de uma boa visita guiada in-app na aquisição e retenção de clientes, você provavelmente já percebeu que isso vai acabar te fazendo economizar dinheiro.

Um tutorial in-app bem feito pode economizar muito dinheiro que você teria que gastar na educação de novos usuários, nas solicitações de suporte ao cliente, em sua equipe de produtos, e muito mais.

Mas se você fizer as coisas do jeito certo, você pode economizar esforços.

Vamos falar mais sobre como fazer bons guias in-app.

7 dicas para um ótimo tutorial in-app

Criar bons tours guiados e mostrar suas principais características parece algo promissor.

Mas vou te falar uma coisa… Se você fizer isso errado, pode até acabar sendo o motivo pelo qual ocorre o churn de seus clientes e eles nem vão falar o motivo de terem abandonado o site.

Impressionante, eu sei…

Ao contrário do que se pensa, um tooltip e uma janela modal de boas-vindas jogadas em conjunto NÃO podem ser considerados um tutorial completo.

Mas não se preocupem; estamos aqui para te dar as melhores dicas possíveis para um bom tutorial in-app.

Vejamos então como deve ser um ótimo tutorial in-app:

1- Ele deve ser curto

Quando você está criando uma visita guiada in-app para um produto complexo, existem duas opções:

👉 Use uma visita guiada geral para um onboarding em 10 etapas ou

👉 Utilize o onboarding contextual com guias in-app menores em diferentes partes de seu produto.

E a resposta certa depende inteiramente da natureza do que seu produto tem a oferecer.

Mesmo assim, você não tem como errar desde que se lembre sempre de duas coisas: usar sempre uma barra de progresso e manter seu guia in-app tendo entre 3 e 7 passos.

2- Use e abuse da personalização

As experiências personalizadas estão ficando cada vez mais únicas, e se você ainda não considerou este ponto, uma boa premissa é se referir ao seu cliente sempre pelo nome.

Existem, é claro, muitas outras dicas e truques legais de personalização, mas tudo isso requer segmentação do usuário. E a melhor maneira de fazer isso é dar uma chance para uma ferramenta completa (como esta aqui 🤫).

3- Deixe os usuários participarem

O problema essencial com o onboarding de usuários mais tradicional é que ele não dá aos usuários nenhuma chance de entrar em um produto e aprender sobre ele por si mesmos.

Lembre-se: é melhor mostrar na prática do que ensinar.

Essa é a diferença entre apresentar o produto aos usuários através de infinitos recursos e mostrar aos usuários na prática o que esses valiosos recursos podem fazer por eles.

As visitas guiadas e guias in-app interativas passo a passo podem fazer muita diferença ao mesmo tempo em que mantém tudo organizado com checklists para os usuários.

checklist de tutorial in app da userguiding

4- Deixe as coisas divertidas

Estamos dando estas dicas de graça, e existem outros sites que também podem lhe dizer como deve ser uma visita guiada in-app e como você pode conseguir melhorar o engajamento do usuário.

O que ninguém pode te dizer é como você pode tirar o máximo proveito do seu tutorial in-app.

Para criar um vínculo de confiança entre seus usuários e você mesmo, você precisa oferecer a eles uma experiência agradável. E isso é algo que você sabe melhor do que ninguém quando se trata de seu produto.

O que você pode fazer é considerar a gamificação, bem como a imagem e o tom de voz de sua marca, além de algo muito simples: coloque-se no lugar de seus usuários.

Comece com pequenos gifs divertidos em mensagens in-app, por exemplo.

O que importa neste ponto é conhecer a sua persona de usuário e o que funcionaria melhor com ela.

5- Acompanhe seu desempenho

Seu tutorial in-app consistirá de muitas etapas que se estenderão por diferentes páginas.

Isso significa que uma etapa que se torna um ponto de dor pode matar sua taxa de conclusão inteira, inutilizando todo o conceito.

É por isso que você precisa estar constantemente acompanhando o desempenho de seu tutorial in-app usando as métricas e os KPIs corretos. Mas não se preocupe, nós preparamos uma seleção desses pontos aqui.

6- Melhore com o feedback

Um grande erro que deve sempre ser evitado é não ouvir o feedback de seus clientes.

A ideia é ser um pouco paranoico.

Está tudo bem e sua taxa de churn está baixa? Legal, mas ninguém garante que as coisas vão continuar assim.

Está tudo indo mal e você sabe o motivo disso?

Por que não perguntar aos seus usuários?

Exibir pesquisas NPS e formulários de feedback com frequência aos seus usuários pode ser algo muito positivo para todos. Além disso, os dados coletados podem realmente ajudar a tomar ações essenciais em relação ao produto em si e à adoção do produto ou de uma ou mais funções.

O Frase.io faz isso de forma fenomenal.

feedback do frase com tutorial in app

7- Deixe os desenvolvedores fora dessa

Vemos uma curva em U invertido quando falamos de tutoriais in-app feitos com equipes de desenvolvimento internas.

Somente empresas muito pequenas ou muito grandes tendem a proceder dessa forma.

E se você não for nenhum dos dois casos, confie em mim: seus desenvolvedores não podem perder tempo programando e fazendo a manutenção de seus tutoriais in-app e do user onboarding de forma geral.

Não quando existe uma maneira melhor de fazer isso.

Vamos dar uma olhada nas ferramentas que você pode usar para criar guias in-app de alto nível.

Ferramentas para criar tutoriais in-app (grátis e pagas)

UserGuiding

Quando se trata de ferramentas de onboarding de usuários, a maioria delas conta com tutoriais in-app.

Então, por que eu gostaria de sugerir a UserGuiding quando existem tantas alternativas?

Bem, eu tenho vários motivos para isso:

Para começar, ele não precisa de nenhum tipo de programação nadinha mesmo!

Uma quantidade significativa de ferramentas de onboarding que afirmam ser no-code ainda exigem algum nível de conhecimento técnico para serem implementadas e mantidas por completo.

Não é o caso da UserGuiding. A plataforma apoia a revolução no-code, sendo tão útil para uma pessoa sem conhecimento técnico quanto seria para um desenvolvedor sênior.

Qualquer pessoa na sua empresa pode utilizar a UserGuiding.

tutoriais in app sem código

Ampla gama de recursos

A UserGuiding pode ajudar você a criar uma experiência completa de onboarding com muitos recursos, como:

recursos de tutoriais in app

Segmentação e direcionamento

Não há uma solução única para todos.

Se você não oferecee a cada usuário uma experiência única que seja feita sob medida para eles, você ja está atrás da concorrência. Com a UserGuiding, é possível segmentar os usuários em diferentes grupos e depois impactar estes grupos com diferentes criações.

segmntação de tutoriais in app

Analytics aprofundado

Para melhorar algo, você precisa primeiro medi-lo.

No onboarding de usuários, as métricas que você tem à sua disposição são o tempo de conclusão e a taxa de conclusão dos tutoriais in-app e seus passos individuais.

A UserGuiding fornece uma ferramenta que exibe esses dois valores para cada etapa, permitindo localizar as dores e corrigir os problemas.

analytics tutoriais in app

Preços acessíveis

E todos os recursos acima custam apenas $89/mês.

A UserGuiding cobra menos do que seus concorrentes que oferecem o mesmo valor com planos diferentes, seja para startups ou para grandes empresas.

Você pode iniciar seu teste gratuito e obter acesso ilimitado a todos os recursos por 14 dias. Veja seu valor por si mesmo!

Software de onboarding de clientes simples, acessível e poderoso

Software de onboarding de clientes simples, acessível e poderoso

New call-to-action

Software livre e de código aberto: Shepherd.js

Certo, se você não acha que pode pagar ou precisa de uma ferramenta no-code com uma assinatura mensal, existem sempre soluções de onboarding como a Shepherd.js.

shepherd js free open source in app tutorial

A Shepherd.js é uma biblioteca JavaScript de código aberto que lhe permite programar seus próprios tutoriais in-app usando a comodidade de códigos prontos para uso.

Apesar de oferecer uma quantidade mínima de padrões de UX de Onboarding e nenhum outro suporte além do fórum GitHub, a Shepherd ainda é uma solução viável para qualquer pessoa que precise desenvolver seu processo de onboarding por conta própria.

Agora, se você já decidiu qual ferramenta usar, vamos dar uma olhada em alguns exemplos legais para realmente ter uma ideia de como construir bons tutoriais in-app para o onboarding dos seus usuários.

3 grandes exemplos de tutoriais in-app (desktop e móvel)

Há alguns anos, era muito difícil encontrar bons tutoriais.

No entanto, as pessoas estão começando a entender a importância de um bom user onboarding para a retenção e fidelização de clientes, o que tem nos proporcionado cada vez mais bons exemplos.

Aqui estão meus três favoritos atualmente:

1- GhostwriterAI

A GhostwriterAI é uma plataforma baseada em IA que ajuda os profissionais de marketing a identificarem seu público-alvo e engajá-los com conteúdo novo e altamente focado.

Mas, hoje, vamos falar do tutorial in-app que eles oferecem.

O onboarding começa com uma recepção calorosa.

exemplo tutorial in app ghostwriter ai

A GhostwriterAI utiliza o onboarding contextual em seus tutoriais de onboarding, o que leva a um guia in-app de diferentes tamanhos em cada uma das páginas.

Isto ajuda os usuários a permanecerem concentrados e permite que eles realmente interajam com o produto desde o início.

O que também é interessante em seus tutoriais são os GIFs divertidos que eles usam.

Lembre-se de que manter o processo de onboarding divertido é uma das coisas mais fundamentais que você pode fazer para melhorá-lo, e a GhostwriterAI faz isso de forma natural.

exemplos tutoriais in app ghostwriter ai

Além disso, eles não usam imagens apenas para entreter; eles criaram imagens personalizadas para explicar melhor cada ponto em questão.

onboarding com tutoriais in app ghostwriter ai

Os tutoriais da GhostwriterAI são diretos, divertidos e informativos.

Veja como a UserGuiding ajudou a GhostwriterAI a gastar 63% menos tempo na criação e manutenção de seus guias.

2- Picsart

O Picsart é um famoso editor de fotos que foi popularizado inicialmente no celular; atualmente, ele está disponível tanto na web quanto em dispositivos móveis.

Em seu editor de web, o Picsart oferece um tutorial em 5 etapas para orientar os usuários no uso da ferramenta e de suas funcionalidades.

exemplo guia in app picsart

O que torna este guia in-app de onboarding tão interessante não é apenas seu estilo elegante e mais escuro, mas também outras sutilezas.

O Picsart está ciente do fato de que um longo tutorial in-app está fora de questão, por isso faz questão de mantê-lo bem curto. O texto complementa o guia interativo, logo tudo o que vemos são apenas algumas frases.

O tutorial de onboarding também é projetado com imagens divertidas e coloridas que, de certa forma, ajudam no processo de onboarding, mostrando recursos específicos.

O melhor de tudo é que o tutorial in-app de onboarding tem uma barra de progresso para garantir aos usuários que o processo não deve demorar muito para ser concluído.

3- CapCut

Similar ao Picsart, o CapCut é um editor de vídeo mobile que é bastante popular graças às edições do Instagram e às trends do TikTok.

Ele pode não parecer muito sério, mas seu tutorial mobile in-app em formato de vídeo é bastante interessante.

tutorial in app móvel capcut
guia in app móvel capcut

O CapCut não utiliza uma barra de progresso ou qualquer outro indicador de progresso para manter os usuários engajados.

Em vez disso, o que eles fazem é manter o onboarding contextual em uma única interface de usuário, o que é muito mais favorável no onboarding em dispositivos móveis.

As animações utilizadas também são divertidas e visualmente estimulantes, o que novamente é crucial para os tutoriais in-app de onboarding no celular.

Embora não siga todas as dicas mencionadas acima, o guia in app do CapCut nos mostra que o onboarding móvel pode ser muito diferente, mas ainda assim seguir os mesmos princípios. 

Conclusão

Um tutorial in-app de onboarding é uma ferramenta perfeita para o processo de user onboarding – se for feito corretamente.

Neste artigo, vimos o que são os tutoriais in-app, por que e como eles funcionam, ainda vimos alguns dos melhores exemplos de tutoriais in-app disponíveis.

Esperamos que este seja o incentivo que faltava para você criar ou aprimorar seus próprios tutoriais in-app.

Boa sorte!

Junte-se a mais de mil equipes e melhore seu onboarding

Teste grátis de 14 dias, com mais 30 dias de garantia de dinheiro de volta!

Serra Alban

Serra Alban

When I realized I won’t be the next Greta Gerwig I found myself as a creative content writer at UserGuiding. I’ve been obsessed with UX design, customer success, and digital adoption ever since. If you could stare at good UX for hours like me don’t hesitate to hit me up on LinkedIn. I might end up dropping too much movie trivia but hey, old habits die hard.