Tutoriais In-App: Como guiar os usuários sem sair do 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:

• O que é um tutorial in app
• Por que os tutoriais in-app são importantes
• Como você pode criar o tutorial in-app perfeito
• Algumas ótimas ferramentas para criar um tutorial in-app
• Os melhores exemplos de tutoriais in-app

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?

Bem, vamos dar uma olhada nos benefícios de um tutorial in-app: ⬇️

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, no entanto, é que:

1- Os tutoriais in-app aumentam a aquisição de clientes

Não estamos mais na idade das trevas e, a menos que você queira bloquear o conteúdo do seu produto sem uma avaliação gratuita, antes de fazer uma compra, os usuários podem verificar alguns ou dois recursos principais.

Isso significa que, mesmo antes de se tornarem usuários ativos, os clientes interagem com um guia interativo do produto.

👉 Um bom exemplo dos melhores tutoriais in-app antes da ativação da chave é, sem dúvida, o Bubble, com seu ambiente de demonstração no site, que os visitantes podem conferir mesmo sem se inscrever para uma avaliação gratuita.

‍

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

👉 Você provavelmente estaria concordando com os 63% dos clientes que consideram o período de onboarding ao decidir assinar um serviço ou comprar um produto.

2- Os tutoriais in-app aumentam a retenção de clientes

Da mesma forma que um bom guia interativo do produto pode encantar os usuários de primeira viagem, ele também pode inspirar os usuários atuais ou as novas conversões a fazer mais com os valiosos recursos que você oferece.

Você não acredita em mim? Vamos ver algumas estatísticas:

👉 O onboarding ruim é o terceiro motivo mais importante para os clientes darem churn, logo após a adequação errada ao produto e a falta de engajamento.

👉 Além disso, 86% dos clientes dizem que estariam mais propensos a permanecer fiéis a uma empresa se soubessem que teriam acesso a conteúdo educacional e acolhedor de onboarding após a venda.

E isso parece que os usuários querem uma adoção melhor para reter. Aqui está um bom exemplo de como os tutoriais no aplicativo podem ajudar na adoção e, portanto, na retenção.

A Indicata estava tendo problemas com o onboarding de seus clientes em mais de 13 mercados diferentes e decidiu adotar uma abordagem digital e no aplicativo.

Aqui está um tutorial legal de hotspot/ tour guiado pelo produto no aplicativo que eles usam para adoção de recursos agora:

E foi assim que eles conseguiram 47% de adoção de recursos com a UserGuiding. Leia o restante da história de sucesso aqui. 👈

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

3- Os tutoriais in-app reduzem os custos e o esforço

Depois do que você acabou de descobrir sobre o impacto de um bom guia interativo no aplicativo na aquisição e retenção de clientes, aposto que você entende o impacto que isso teria em seu orçamento.

Um tutorial in-app bem feito pode economizar milhares de dólares que você teria que gastar com treinamento de usuários, solicitações de suporte ao cliente, sua equipe de produtos e muito mais.

Como no caso da Grove HR, que agora oferece ajuda 24 horas por dia com as Centrais de Recursos:

Leia a história de sucesso completa aqui. 👈

E como no caso da Cuepath, que reduziu os tíquetes de suporte em 72% e, portanto, os custos e o esforço de suporte:

Mas se você jogar bem suas cartas, também poderá poupar esforço.

Vamos falar sobre como fazer guias in-app do jeito certo.

7 dicas para um ótimo tutorial in-app

Criar guias interativos e tours guiados legais e mostrar os principais recursos que você possui parece 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 juntos NÃO são considerados um tutorial completo no aplicativo.

Mas não se preocupe; estou aqui para dar a você todas as minhas principais dicas para um bom treinamento no aplicativo.

Veja como deve ser um ótimo tutorial in-app:

1- Mantenha o tutorial 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.

Por exemplo, este tutorial do ClickUp no aplicativo é ideal, com 5 etapas e alta contextualização:

2- Use e abuse da personalização

As experiências personalizadas estão se tornando cada vez mais exclusivas e, se você ainda não pensou nisso, um bom ponto de partida pode ser:

• Referir-se ao seu cliente pelo nome dele.
• Segmentar o fluxo de cadastro.
• Projetar diferentes jornadas de usuário para cada segmento de usuários.
• Personalizar os elementos para atender aos gostos de seu público-alvo.

Um bom exemplo disso pode ser o aplicativo Yoga:

Existem, é claro, muitas outras dicas e truques interessantes de personalização, mas todos eles exigem segmentação de usuários. E a melhor maneira de fazer isso é usar 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.

Um pouco de gamificação pode ajudar.

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.

4- Deixe as coisas divertidas

Estou dando essas dicas gratuitamente, e há outras pessoas na Internet que podem lhe dizer como deve ser um guia interativo no aplicativo ou como você pode obter o engajamento dos usuários.

O que eles não podem dizer é como você pode tirar o máximo proveito do seu tutorial no aplicativo.

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

O que você pode fazer é considerar a gamificação, a imagem da sua marca e a sua voz, e simplesmente se colocar no lugar dos usuários.

Comece com pequenos GIFs divertidos em mensagens no aplicativo, por exemplo.

A Ghostwriter.io faz isso da maneira certa:

O que importa nesse momento é conhecer sua persona de usuário e o que funcionaria melhor com ele.

5- Acompanhe o desempenho do seu tutorial in-app

Seu tutorial no aplicativo consistirá em várias etapas que se estendem por diferentes páginas.

Isso significa que uma etapa que se torna um ponto problemático pode acabar com sua taxa de conclusão, tornando todo o conceito inútil.

É por isso que você precisa acompanhar constantemente o desempenho do seu tutorial in-app usando as métricas e os KPIs corretos. Não se preocupe; temos uma seleção deles.

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:

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 - Ferramenta de tutorial in-app sem código

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.

Ampla gama de recursos

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

• Tours e guias interativos
• Guias do usuário
• Checklists de onboarding
• Destaques de recursos
• Pesquisas NPS
• Mensagens In-App
• Centros de Recursos

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.

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.

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!

Ferramenta de tutorial in-app gratuita e de código aberto: Shepherd.js

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

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 in-app.

No entanto, à medida que o tempo passa e todos nós percebemos o quanto um bom onboarding de usuários é crucial para a retenção e fidelização de clientes, temos visto cada vez mais bons exemplos de tutoriais no aplicativo.

Aqui estão meus três exemplos favoritos de tutoriais in-app 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.

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.

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

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.

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.

‍

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!