Onboarding

UX de Onboarding: Como receber seus usuários novos

ÍNDICE
    A melhor plataforma de adoção digital. Implantação rápida e engajamento garantido.
    Teste grátis >
    Veja como a UserGuiding pode melhorar a experiência do seu produto.
    Fale com um especialista >
    A melhor plataforma de adoção digital. Implantação rápida e engajamento garantido.
    Junte-se a mais de mil equipes >
    Quer aumentar a
    adoção do seu produto?
    Fale com nossos
    especialistas
    AGENDAR DEMO
    ÍNDICE

    Home / Onboarding / UX de Onboarding: Como receber seus usuários novos

    Na semana passada, eu estava jogando The Witcher 3 depois de muito, muito tempo.

    Não muito tempo depois, cheguei à conclusão de que havia esquecido completamente como usar os controles.

    Eu não me lembrava de nada.

    Então, em vez disso, comecei a testar os botões (e fui morto várias vezes). Mas, de alguma forma, consegui pegar o jeito depois de cerca de meia hora.

    Agora, sei que não sou a melhor jogadora do mundo e que talvez outra pessoa tenha dominado o jogo em questão de minutos, mas ainda há algumas perguntas a serem feitas.

    onboarding ux

    👉 Seria melhor se o jogo percebesse que eu estava ausente por muito tempo e oferecesse uma rápida recapitulação do onboarding inicial do usuário?

    Talvez.

    Antes de tudo, é um jogo. Eu não estava lá para aprender.

    Tudo o que eu queria era jogar.

    👉 Mas, por outro lado, você gostaria de receber algumas dicas rápidas sem me distrair do jogo?

    Com certeza.

    Como no meu caso, o onboarding do usuário depende de qual é o produto, de quem o está usando e de muitos outros fatores.

    Primeiro, você deve reconhecer que seu produto SaaS não é um jogo.

    Nem todos os seus usuários estão ansiosos para usá-lo.

    Para aperfeiçoar a experiência do usuário no onboarding, você precisa levar tudo isso em consideração e pensar da perspectiva do usuário.

    Neste artigo, você verá:

    • O que é UX de onboarding do usuário,
    • Por que isso é importante,
    • Como você pode escolher o padrão correto de onboarding,
    • Como você pode projetar um processo de onboarding,
    • Como você pode melhorar uma experiência de usuário de onboarding existente, e
    • Práticas recomendadas e exemplos de UX de onboarding

    O que é UX de onboarding?

    UX de onboarding – ou experiência do usuário de onboarding – é um processo que começa no momento em que um usuário entra no seu site, aplicativo, ferramenta ou produto digital. Esse processo, com a interface do usuário e a experiência geral do aplicativo, é a primeira etapa que determinará o relacionamento com o usuário e também desempenha um papel na experiência geral do cliente, nas taxas de retenção de usuários e no valor do tempo de vida do cliente.

    Embora a experiência do usuário no onboarding seja certamente crucial para as taxas de aquisição e retenção de clientes, devemos ter uma coisa em mente.

    👉 O onboarding de usuários não é apenas fornecer guias e tutoriais aos usuários; é mais do que isso. Ao criar uma experiência perfeita de onboarding de produtos, especialmente para usuários de primeira viagem, você garante que os usuários possam e tenham uma experiência de produto livre de erros.

    Uma experiência de onboarding com…

    ✅ Uma recepção calorosa e amigável

    ✅ Fácil navegação

    ✅ Uma boa explicação do valor do produto

    …é ideal para qualquer empresa SaaS.

    É claro que há espaço para mudanças de acordo com as especificidades de cada marca e produto, mas isso depende da interpretação que você faz do processo de onboarding.

    Por que o onboarding é importante para a experiência do usuário?

    Por outro lado, você não pode deixar de se perguntar por que a experiência do usuário no onboarding é tão importante.

    A resposta é simples:

    Primeira impressão.

    Não estou dizendo que você pode julgar um livro pela capa. Mas, às vezes, acabamos fazendo isso, e você deve estar preparado para isso.

    A verdade é que a abordagem de uma empresa de SaaS em relação ao suporte ao cliente e às vendas é muito clara na forma como ela recebe seus usuários.

    Peguem as pistas, pessoal:

    👉 Você não tem tutoriais no aplicativo? Suporte ao cliente preguiçoso.

    👉 Os guias que não podem ser pulados? Equipe de vendas insistente.

    👉 Você tem muitos hotspots? Equipe de produtos confusa.

    Brincadeiras à parte, há evidências sólidas de que a experiência do usuário no onboarding afeta muito o restante da jornada do cliente.

    Aqui estão algumas estatísticas:

    • 63% dos clientes relatam que a experiência de onboarding afeta suas decisões de fazer uma compra.
    • 80% dos usuários dizem que excluíram um aplicativo porque não sabiam como usá-lo.
    • 86% dos usuários dizem que continuariam a comprar de empresas que empregam onboarding acolhedor e educativo após a compra.

    Então, agora você sabe que precisa de uma experiência de usuário de onboarding impecável que combine perfeitamente com sua marca...

    Vamos falar um pouco sobre os padrões de UX de onboarding e como você pode escolher o padrão certo para o seu caso de uso.

    O bloco de construção de um bom produto é uma boa experiência do usuário no onboarding

    Padrões de UX de onboarding 

    Não sou gerente de produto nem desenvolvedor de UX, mas sei muito bem como funciona a UX.

    E se você me perguntasse o que eu sei exatamente, a primeira coisa que eu diria seria o seguinte:

    👉 Cada produto precisa de um UX de onboarding diferente.

    Você não pode fazer o onboarding dos jogadores de Witcher 3 com vídeos porque é um jogo, e ele precisa ser interativo.

    Da mesma forma, os guias podem não ser muito adequados para o onboarding de um site simples de uma página. É por isso que temos padrões de UX de onboarding.

    "Mas o que é um padrão de UX de onboarding?"

    Você deve estar se perguntando. Bem...

    O que é um padrão de UX de onboarding?

    Um padrão de UX de onboarding é um método ou tipo específico de design de UX que os designers usam de acordo com o tipo e o caso de uso de um produto, bem como com as necessidades específicas dos usuários. Guias interativos, hotspots e guias são todos tipos diferentes de padrões de UX projetados de acordo com esses critérios. Na verdade, podemos dizer que qualquer design de interface de usuário projetado para onboarding de usuários pode ser considerado um padrão de UX de onboarding.

    Como pessoas de SaaS, mesmo que não façamos parte do processo de design, estamos em contato direto com os padrões de UX todos os dias, de uma forma ou de outra.

    Na maioria das vezes, passamos pelo onboarding e somos direcionados por eles sem nem mesmo perceber. Portanto, agora vamos nos conscientizar um pouco mais sobre eles e falar sobre alguns tipos principais de padrões de UX de onboarding.

    Tipos de padrões de UX de onboarding

    Portanto, experiências de usuário como guias e tours de boas-vindas são todos padrões de UX de onboarding; nós entendemos.

    Mas e se pudéssemos categorizar esses padrões adequadamente?

    De acordo com nossa equipe de produtos, há duas categorias principais de padrões de UX de onboarding:

    Onboarding com tours e onboarding contextual.

    1- Onboarding com tours

    O onboarding com tours é um dos principais tipos de padrões de UX de onboarding que geralmente ocorre no onboarding inicial; de tours guiados de produtos a guias interativos para atualizações, há muitos padrões de UX de onboarding nessa categoria.

    mailchimp user onboarding ux
    O Mailchimp faz com que os usuários escolham entre três opções antes dos tours guiados
    Por que usar padrões de UX de onboarding com tours?

    O onboarding por tour guiado é possivelmente a melhor maneira de integrar novos usuários que não sabem nada sobre como usar seu produto.

    Nesse tipo de onboarding, você geralmente utiliza checklists e barras de progresso para eliminar a tendência à natureza longa do padrão.

    Prós
    • A capacidade de integrar totalmente os usuários ativos e reforçar a adoção total do produto.
    • A capacidade de influenciar o comportamento do usuário introduzindo e promovendo recursos menos usados do produto.
    • A capacidade de deixar uma boa impressão rapidamente para aumentar o sucesso do cliente.
    Contras
    • Estigmatizado por sua duração.
    • Possibilidade mais alta de ser pulado.
    • Irritante para os usuários existentes que estão retornando.

    2- Onboarding contextual

    O onboarding contextual tem tudo a ver com segmentação, local e hora – basicamente, contexto.

    Enquanto o onboarding com tours guiados tem um escopo mais amplo sobre o produto, o onboarding contextual se concentra em áreas específicas.

    Você pode precisar de um padrão de onboarding contextual ao onboarding de usuários para um novo recurso, lembrando-os de um atalho ou apenas anunciando uma atualização ou campanha.

    Tooltips, hotspots e pop-ups são todos padrões contextuais de onboarding.

    Por que usar padrões de UX de onboarding contextual?

    Uma experiência de usuário de onboarding tem o potencial de oferecer um guia interativo completo, mas, às vezes, isso pode ser excessivo.

    É nesse momento que você sabe que precisa de onboarding contextual.

    Os hotspots e tooltips são perfeitos para pequenos detalhes que você não conseguiu incluir no guia inicial do produto, enquanto os pop-ups são a melhor opção para um anúncio.

    Prós
    • Útil e geralmente divertido para usuários no estágio de iniciante a intermediário da jornada do usuário.
    • É bom para fazer com que os usuários usem mais recursos e para a adoção geral de recursos.
    • Pode ser usado como onboarding inicial para usuários que não fizeram o tour.
    Contras
    • Pode ser irritante (especialmente pop-ups).
    • Espaço limitado para conteúdo estendido.

    Quando você deve usar qual tipo?

    Por suas definições, fica bastante claro quando você deve usar um padrão de onboarding com tours ou um padrão contextual

    No entanto, escolher entre subcategorias como guias, hotspots e pop-ups pode ser um desafio.

    ux onboarding ux pattern

    Quando você se encontrar em uma situação como essa, faça a si mesmo estas três perguntas:

    Qual é o conteúdo?

    Ao escolher um padrão de UX de onboarding, o conteúdo que você oferecerá por meio do padrão é de prioridade máxima.

    Você não pode simplesmente projetar o onboarding inicial de um produto complexo com hotspots. Da mesma forma, um tour guiado por todo o produto para um produto mais simples é desnecessário e inutilmente intimidador.

    É importante que você considere seu objetivo ao criar um padrão em primeiro lugar. Não exagere, ou pior, não exagere.

    Quem verá esse padrão?

    O público-alvo ou o segmento de usuários que experimentará o padrão também é um critério importante.

    Embora seja possível personalizar seu padrão de UX de onboarding de forma a torná-lo visível apenas para alguns dos seus usuários, ainda cabe a você decidir qual deles seria o mais adequado para eles.

    Por exemplo, em um cenário em que você precisa escolher entre um hotspot e um tooltip, a melhor coisa que você pode fazer é ver para qual segmento o padrão se destina.

    Embora um iniciante possa precisar de um hotspot, ele pode ser muito incômodo para um cliente mais velho.

    👉 Em caso de dúvida, escolha a opção mais fácil de usar.

    Se o padrão de UX não for para segmentos individuais, mas para todos os usuários, o mínimo que você pode fazer é usar uma linguagem compreensível e uma CTA clara.

    Quando ele aparece?

    Um padrão de UX de onboarding que aparece no momento errado é uma receita para o desastre.

    É exatamente por isso que você deve considerar quando o padrão de UX será acionado ao escolher entre as opções.

    Por exemplo, a ferramenta de onboarding inicial nunca pode começar tarde demais, e é muito irritante quando um pop-up aparece quando você tem um assunto urgente.

    👉 Nunca subestime a psicologia do momento certo. Um erro de tempo é suficiente para afastar até mesmo os clientes mais fiéis.

    Como você pode projetar uma experiência do usuário de onboarding eficaz?

    Portanto, agora você sabe o que é UX de onboarding, por que é importante e quais são os tipos de padrões de UX existentes.

    Chegou a hora de você começar a trabalhar de verdade.

    Como projetar uma UX de onboarding com sucesso?

    Uma UX de onboarding bem-sucedida não é um milagre.

    Na verdade, quando você conhece bem seus usuários e testa a experiência do usuário com frequência, isso é bastante viável. O truque é você seguir as etapas corretas.

    É claro que as etapas para um bom design de UX diferem drasticamente de setor para setor, de empresa para empresa e até mesmo de meta para meta.

    Ainda assim, é possível chegar a uma diretriz geral.

    Então, vamos nos aprofundar no assunto.

    1- Determine as necessidades e expectativas do usuário

    Quem você está tentando integrar e orientar?

    Usuários.

    Portanto, não é nenhum mistério que você deva analisar as necessidades e expectativas dos usuários.

    Embora não estejam cientes delas, os usuários têm muitas necessidades quando entram no seu site/aplicativo/produto pela primeira vez.

    👉 Um dos principais problemas ao determinar as necessidades do usuário é que, às vezes, essas necessidades e expectativas só podem ser identificadas na ausência de um bom design de UX de onboarding que atenda a essas necessidades e expectativas.

    É por isso que os padrões de UX de onboarding são constantemente redesenhados e aprimorados.

    Se você estiver redesenhando uma UX de onboarding existente, determinar as necessidades e expectativas do usuário não é difícil. Você pode realizar análises de dados, entrevistas com usuários ou simplesmente usar uma pesquisa de satisfação do cliente ou NPS.

    Mas se você estiver começando do zero com seu design de UX de onboarding, é provável que não tenha dados reais. Em momentos como esse, você pode:

    • Realizar uma pesquisa de mercado.
    • Ver os estudos de caso de produtos semelhantes.
    • Entrar em contato com os clientes existentes por meio de entrevistas ou com clientes potenciais em fóruns de usuários.

    Procure soluções em qualquer uma dessas opções ou apenas tente adivinhar; determine as necessidades do cliente antes de iniciar o design de UX de onboarding.

    2- Desenhe uma jornada do usuário

    Assim como um artista desenha um esboço, os designers de UX precisam desenhar um mapa da jornada para garantir que todas as metas de onboarding sejam alcançadas e que não haja nenhum retrocesso no plano.

    user onboarding ux user journey map
    Mapa da jornada do usuário

    Esse mapa de jornada pode incluir diferentes metas e personas de usuários para diferentes processos de onboarding, mas ainda assim é possível desenhar uma imagem aproximada de como funciona a criação do mapa de jornada.

    Decidir o alcance e a personalidade

    Para criar um mapa adequado da jornada do usuário, você deve saber onde exatamente a jornada ocorre.

    Afinal de contas, trata-se de um mapa.

    Por exemplo, o onboarding UX pode abranger todo o produto, uma página de um site ou simplesmente apenas um recurso do produto.

    Então, é hora de decidir sobre a persona de usuário, que é uma parte crucial de qualquer mapa de jornada do usuário.

    É comum que uma jornada de usuário gire em torno de uma persona de usuário, e é exatamente por isso que você precisa começar o design da UX do onboarding com a pesquisa dos usuários.

    Usando os dados da pesquisa inicial, os designers podem criar uma persona de usuário que represente o público.

    Contar com as necessidades, expectativas e intenções do usuário

    Você tem um intervalo de mapas e uma persona, mas esse não é o único caso de uso da sua pesquisa inicial de usuários.

    A pesquisa de usuário ideal aprofunda-se nas necessidades, expectativas e intenções do usuário, e todos esses são fatores que precisam ser considerados no mapa da jornada.

    Um aspecto frequentemente negligenciado nessa etapa é como o usuário pode estar se sentindo em relação a cada parte do processo de onboarding.

    Você quer saber por que os processos de onboarding são irritantes?

    Porque eles não consideram os sentimentos dos usuários.

    Nós também temos sentimentos, você sabe?

    Listar pontos de contato

    Depois de saber onde o onboarding ocorre e tudo o que você precisa saber sobre seus usuários, é hora de começar a criar o processo de onboarding com seus principais pontos de contato.

    O ideal é que esses pontos de contato sejam alinhados de forma a mostrar também as emoções do usuário.

    Por exemplo, veja este modelo de mapa de jornada do usuário: ⬇️

    user journey map
    Modelo de mapa de jornada de UX para onboarding (fonte)

    Após essas etapas (e mais algumas etapas extras que diferem em diferentes cenários), você terá um mapa da jornada do usuário que poderá usar para sua experiência do usuário no onboarding.

    3- Considere opções móveis e baseadas na web

    Qualquer designer de UX com experiência sabe que a UX de onboarding funciona de forma bastante diferente no celular e na Web.

    É claro que, principalmente, ambos têm a mesma finalidade.

    No entanto, tecnicamente há diferenças, e você pode considerar a criação de UX para um deles ou para ambos, se tiver os recursos.

    Se você realmente precisa de opções móveis e baseadas na Web, o que realmente importa é que você possa usar ambas.

    Veja o UX de onboarding do app móvel e web app do Duolingo, por exemplo: ⬇️

    onboarding ux duolingo web
    A UX do onboarding do Duolingo
    onboarding ux duolingo mobile
    Outro exemplo da UX do onboarding do Duolingo

    A qualidade de ambas as UX de onboarding é de alto nível, e você não se sente perdido ao escolher entre as opções.

    Por que projetar o onboarding de aplicativos móveis?

    Embora os aplicativos móveis pareçam mais fáceis de navegar e aprender agora que somos todos zumbis com uma tela brilhante, os aspectos técnicos e a forma como cada fluxo funciona podem ser diferentes na UX de onboarding móvel.

    Embora a tela pequena possa ser um obstáculo, a natureza flexível dos aplicativos móveis pode ser usada como uma vantagem.

    Por que usar o onboarding baseado na web?

    No mundo profissional, o tipo de onboarding com o qual estamos acostumados é o onboarding baseado na web.

    Com soluções inovadoras, como o Slack e muitas outras ferramentas originalmente baseadas na Web, parece que nos afastamos do onboarding baseado na Web.

    Mas, é claro, esse não é o caso.

    O onboarding baseado na web está ficando cada vez melhor 💪

    Há apenas 10 anos, ainda tentávamos ler os manuais do usuário.

    Se você voltasse 5 anos atrás, estaríamos andando pelos labirintos da base de conhecimento apenas para descobrir como usar um recurso da ferramenta.

    Mas hoje, a educação do usuário baseada na web está melhor do que nunca, com um pico histórico de satisfação do usuário.

    user onboarding ux ghostwriter io
    UX de onboarding baseado na web da UserGuiding

    "Espere, mas o que exatamente é novo? O que mudou?"

    Tudo.

    ✅ Os tours guiados que ajudam os usuários a descobrir um produto estão mudando o jogo.

    ✅ Os guias interativos são o futuro do onboarding de usuários.

    ✅ Os checklists de onboarding são métodos sólidos de gamificação e de engajamento dos usuários para melhores experiências com o produto.

    ✅ Tooltips, hotspots e mensagens no aplicativo estão tornando o processo mais proativo do que nunca.

    ✅ As pesquisas NPS são ideais para verificar a satisfação dos seus usuários.

    ✅ As centrais de recursos existem para orientar os usuários por meio de artigos e guias, sem sair da página principal.

    "E onde posso encontrar tudo isso?" Aqui mesmo, na solução de onboarding da UserGuiding.

    👉 Teste a UserGuiding GRATUITAMENTE 👈

    4- Aperfeiçoe o design final

    Depois de escolher o meio para a experiência do usuário no onboarding e de visualizar algumas etapas que podem diferir de um projeto para outro, você tem praticamente um design pronto.

    Nesse ponto, tudo o que você precisa é de um pouco de polimento e alguns retoques finais.

    👉 Antes de colocar em prática a experiência do usuário no onboarding, nossa equipe de produtos recomenda que você revise o mapa da jornada do cliente uma última vez para garantir que não haja nenhum problema não resolvido.

    5- Realize testes com usuários

    O teste com o usuário é uma etapa que pode ser colocada em qualquer outra posição da lista, graças a todos os diferentes tipos de métodos de teste de usuário.

    Esta etapa serve para você detectar problemas na experiência do usuário no onboarding e melhorá-los.

    Ao testar os usuários com o protótipo ou o design final do seu produto, a primeira coisa que você deve fazer é determinar os objetivos. Por exemplo, você pode querer ver:

    • Quanto tempo você leva para concluir o onboarding.
    • Qual é o estado mental e emocional do usuário.
    • Se o usuário atingir as metas finais com facilidade.
    • Se você tiver alguma sugestão para aprimorar a experiência do usuário no onboarding.

    Então, dependendo do tamanho do projeto e do orçamento que você tem para ele, é hora de escolher um método de teste.

    Tipos essenciais de teste de usuário

    Entrevistas com usuários - com esse tipo de teste de usuário, os designers podem fazer com que qualquer pessoa use o produto e seja onboarding. As entrevistas são individuais e, portanto, há uma margem de erro devido à falta de um ambiente de laboratório.

    Teste A/B - no teste A/B, são mostradas aos usuários duas versões diferentes de uma UX de onboarding, e a melhor é usada, enquanto as partes que você gostou da outra versão podem ser adicionadas à melhor.

    Teste de usabilidade remoto - assim como nas entrevistas com usuários, o teste de usabilidade remoto ocorre fora de um ambiente de laboratório e pode ser moderado ou não moderado. Ele pode ser usado por motivos de custo-benefício.

    Teste de guerrilha - Também um bom método para teste de usuário com orçamento limitado, o teste de guerrilha consiste em escolher pessoas aleatórias para experimentar o produto em qualquer local. Os usuários podem receber um pequeno prêmio por sua contribuição; portanto, esse é um método popular para startups.

    Rastreamento do movimento dos olhos - um método mais específico e orientado para os detalhes, o rastreamento do movimento dos olhos usa ferramentas para rastrear para onde os usuários olham mais durante o processo de onboarding.

    Depois de realizar o teste de usuário, tudo o que resta é analisar os dados.

    Como o usuário é a variante mais importante do processo de onboarding, essa etapa pode desempenhar um papel importante em todo o design de UX de onboarding, portanto, é aconselhável que os testes de usuário sejam realizados em grupos tão grandes quanto possível e, idealmente, mais de uma vez durante a fase de design.

    how to improve user onboarding ux
    Maneiras de melhorar a UX do onboarding

    Como melhorar o processo de onboarding na UX?

    Você deve estar pensando:

    "Agora eu sei como criar uma experiência de usuário de onboarding, obrigado, até a próxima!"

    Mas devo dizer que tanto o onboarding quanto a UX estão sempre mudando, tanto no nível do setor quanto no nível da empresa.

    Junte-os e você terá um ciclo interminável de atualizações e aprimoramentos.

    Divertido, né? 🤩

    É provável que você fique insatisfeito com as taxas de sucesso do onboarding em comparação com suas expectativas do mapa da jornada do usuário, ou que se saia melhor do que suas expectativas e comece a procurar maneiras ainda melhores de design de UX de onboarding.

    Em ambos os casos, nós temos a solução.

    Vamos falar sobre o que você pode e deve fazer para melhorar a experiência do usuário no onboarding.

    1- Reduza a carga cognitiva

    De acordo com nossa equipe de produtos, a pior coisa que você pode fazer em um processo de onboarding é colocar muita carga cognitiva em seus usuários.

    "Mas o que exatamente você quer dizer com carga cognitiva?"

    A carga cognitiva refere-se à teoria da carga cognitiva de John Sweller e significa a quantidade de informações que seu cérebro absorve de cada vez.

    👉 De acordo com essa teoria, há três tipos de cargas cognitivas:

    Intrínseca, estranha e relevante.

    onboarding ux cognitive load
    Métodos para melhorar a experiência do usuário no onboarding (fonte)

    1- Carga cognitiva intrínseca

    A carga cognitiva intrínseca refere-se à dificuldade de aprendizado existente de um determinado conceito.

    Por exemplo, entender 2+2 e entender como funciona a programação são duas coisas diferentes com dificuldades diferentes.

    No entanto, o fato de algo ser inatamente mais difícil de entender não significa que você não possa torná-lo mais fácil.

    E esse é o nosso principal objetivo ao projetar um processo de onboarding.

    2- Carga cognitiva estranha

    Quando você torna algo muito mais difícil de entender do que precisa ser, você cria uma carga cognitiva estranha.

    Isso, é claro, resulta em mais irritação e menos engajamento dos usuários.

    Não fale sobre o que é uma maçã quando você pode simplesmente mostrá-la.

    3- Carga cognitiva pertinente

    A carga cognitiva pertinente é o esforço e a disposição da pessoa para entender novas habilidades e conceitos.

    Portanto, tudo se resume à disposição dos usuários. No entanto, fazer com que os usuários fiquem ansiosos para aprender é outro truque que você pode conseguir por meio de uma boa experiência do usuário no onboarding.

    👉 Para garantir menos carga cognitiva, você precisa minimizar a carga estranha, maximizar a carga pertinente e gerenciar a carga intrínseca. Isso significa eliminar as informações desnecessárias, aumentar a disposição dos usuários para aprender e garantir que nada seja mais complexo do que precisa ser.

    2- Analise os dados e vá fundo

    Se a UX de onboarding não estiver integrando os números que você imaginava, pode haver um problema com a UX de onboarding.

    E a melhor maneira de identificá-lo é examinando alguns dados.

    O que quero dizer não é necessariamente um teste de usuário.

    Os testes com usuários podem e devem ser realizados antes e depois do lançamento.

    Ainda assim, antes que você se empenhe nisso, há outras maneiras de tentar capturar o que exatamente pode estar acontecendo no processo de onboarding, como ferramentas de aprendizado de máquina e análise.

    Você deveria estar analisando:

    • Quanto tempo leva para um usuário concluir um tour ou guia.
    • Quanto tempo leva para um usuário interagir com um pop-up.
    • Se os usuários interagem ou não com os hotspots.
    • Quais padrões de UX são acionados e quais não são.

    Esses são apenas alguns exemplos do que você pode fazer com um pouco de ciência de dados.

    Ao responder a essas perguntas, a resposta começará a tomar forma na sua cabeça. Além disso, você poderá ter uma visão extra de como melhorar a experiência do usuário, além de como resolver problemas.

    3- Pare de forçar a barra

    Você se lembra de quando eu disse que nossa equipe de produtos afirma que o excesso de carga cognitiva é o pior?

    Bem, para mim, um guia forçado é ainda pior. 👎

    Felizmente, as empresas de SaaS estão começando a se livrar desse padrão de UX infernal, além de outra coisa que pode surpreender você:

    Tour guiado do produto.

    Em algum momento, um designer de UX genial deve ter percebido que não nos importamos com o produto inteiro.

    É por isso que cada vez mais aplicativos e sites estão empregando padrões de experiência do usuário que podem ser pulados e reduzidos, e essa é a melhor notícia sobre experiência do usuário da década.

    Veja este pequeno e adorável checklist, por exemplo: ⬇️

    keyhole user onboarding checklist userguiding
    Checklist de UX de onboarding

    4- Pense como o usuário

    Um de nossos designers de produtos, Selcen Kökcü, me disse uma vez:

    "O onboarding é como uma faixa de pedestres. Os usuários podem ver quanto tempo resta no semáforo e atravessar as linhas no chão. Se você tirar o semáforo, eles não saberão quanto tempo falta; podem entrar em pânico e acabar ficando parados. Se você tirar as linhas no chão, eles não saberão onde atravessar a rua."

    Selcen Kökçü, designer de produtos, UserGuiding

    A questão é que você não quer que seus usuários se envolvam em acidentes de carro.

    Portanto, entenda que você precisa tanto dos semáforos, um indicador de tempo, quanto das linhas no chão, algo para direcioná-los para onde devem ir.

    5- Volte ao início

    Depois de tudo, algo ainda não está funcionando?

    Volte ao início.

    Se as coisas não saíram como você esperava de seu mapa de viagem inicial, ou talvez tudo tenha funcionado muito bem, o que você deve fazer é voltar e verificar onde cometeu um erro ou onde tomou uma decisão bem-sucedida.

    Essa é a única maneira de resolver o problema ou preservá-lo de uma vez por todas.

    Como o mapa da jornada do usuário é a informação mais organizada que você tem, talvez seja bom revisitá-lo.

    Mas fique atento: às vezes, os problemas podem ter origem em um entendimento errado ou inadequado das necessidades e expectativas do usuário.

    Talvez você tenha que redesenhar toda a experiência do usuário do onboarding ou apenas resolver alguns problemas, mas é certo que o melhor lugar para procurar problemas no design final geralmente é o início.

    3 exemplos e práticas recomendadas de UX de onboarding

    Lembra quando eu disse que você poderia se livrar da carga cognitiva externa simplesmente mostrando em vez de dizendo?

    Bem, é hora de você se livrar de toda essa carga.

    Sem mais delongas, vamos dar uma olhada em alguns ótimos exemplos e práticas recomendadas de UX de onboarding bem-sucedido.

    1- Slack

    Um favorito dos fãs e um excelente começo para qualquer lista de UX de onboarding, em primeiro lugar, temos o Slack.

    Com sua iniciativa constante e onboarding fácil de usar, o Slack é a ferramenta ideal para a comunicação entre equipes. Dê uma olhada.

    onboarding ux slack
    Mensagem de boas-vindas de UX de onboarding do Slack (fonte)

    A experiência do usuário no onboarding do Slack apresenta um grande "bem-vindo", com a quantidade certa de simpatia na fonte e no ponto.

    Em seguida, há um botão para iniciar o processo de onboarding, o que considero genial, pois alguns de nós não querem começar imediatamente e perder todas as informações quando ele termina.

    onboarding ux slack pop up
    Detalhamento da experiência do usuário no onboarding do Slack (fonte)

    No entanto, provavelmente a melhor parte é o botão "Ignorar tutorial" para usuários familiarizados com o produto.

    Além disso, você pode encerrar o tutorial a qualquer momento e também ignorar os pop-ups. Com o Slack, você não precisa passar por um pesadelo com a Ikea.

    onboarding ux slack
    Fluxo de UX de onboarding do Slack (fonte)

    Não vamos nos esquecer do Slackbot.

    O onboarding começa depois que você interage com ele e continua com sua orientação. Um ótimo toque pessoal para você se sentir mais à mão.

    onboarding ux slack empty state
    Personalização da experiência do usuário no onboarding do Slack

    E, por fim, o Slack é o melhor em usar lousas em branco.

    Ao adicionar uma dica rápida, informações ou até mesmo uma piada, você torna a experiência do usuário muito mais pessoal e amigável.

    Práticas recomendadas ✍️ 

    • Não se esqueça de dar as boas-vindas aos seus usuários.
    • Permita que os próprios usuários iniciem o tour.
    • Não force os usuários a fazer o tour.
    • Faça com que pareça o mais portátil possível; os bots podem ser uma boa opção.
    • Os quadros em branco são ótimos para o onboarding indireto e para fazer com que os usuários usem novos recursos.

    Confira nossa análise detalhada da experiência do usuário do Slack aqui. 👈

    2- Notion

    Uma das minhas ferramentas favoritas, e sua abordagem de UX e onboarding desempenha um papel importante nisso.

    Tanto no onboarding de cadastro quanto no onboarding no aplicativo, o Notion é tão simples e divertido quanto possível.

    Vamos dar uma olhada nisso.

    onboarding ux notion sign up
    UX de onboarding do Notion (fonte)

    Ao se inscrever, o Notion segue um processo de quatro etapas que leva apenas alguns minutos e alguns cliques.

    Você sempre pode passar o mouse sobre os hotspots para obter mais informações.

    Além dos hotspots no aplicativo que lidam com alguns dos processos de onboarding para novos usuários do espaço de trabalho, o Notion também apresenta aos recém-chegados uma página privada para que você se acostume com os recursos – em um padrão de checklist também!

    onboarding ux notion
    Fluxo UX de onboarding do Notion (fonte)

    user onboarding UX notion
    Elementos de UX de onboarding do Notion (fonte)

    Práticas recomendadas ✍️ 

    • Mantenha o processo de inscrição inicial curto e informe aos usuários que ele é curto.
    • Para manter as coisas no mínimo, utilize hotspots – durante o processo de registro e no aplicativo.
    • Permita que os usuários trabalhem em um ambiente sandbox se o seu produto permitir
    • Os checklists não precisam estar em padrões convencionais; você também pode usá-los em uma página em branco.

    3- ClickUp

    Entre as melhores opções se você estiver procurando uma ferramenta de gerenciamento de equipe, mas hoje estamos aqui para falar sobre seus padrões imaculados de UX de onboarding.

    Então, vamos ao que interessa.

    Meu onboarding inicial no ClickUp foi um dos meus favoritos porque o ClickUp não só usa checklists, mas também tutoriais em vídeo, já que é muito mais difícil para o ClickUp criar um ambiente de sandbox.

    Além disso, eles também indicam quantos minutos cada etapa leva.

    Em questão de minutos, você está pronto para começar.

    onboarding ux clickup
    Fluxo de UX de onboarding do ClickUp

    Como o ClickUp não força o onboarding de todas as suas dezenas de recursos principais, o restante dos recursos geralmente é apresentado aos usuários como tooltips.

    onboarding ux clickup pop up
    UX de onboarding de recursos do ClickUp

    O que é realmente divertido nessas ferramentas é que elas geralmente mostram um pequeno gif para garantir que você saiba o que pode fazer com o recurso.

    onboarding ux clickup tool tip
    UX de onboarding do usuário do ClickUp

    Práticas recomendadas ✍️ 

    • Dependendo do seu produto, você pode optar por um tutorial em vídeo e ainda apresentá-lo em um padrão de checklist.
    • Os indicadores de progresso e tempo, mesmo na forma mais simples, são cruciais para manter o engajamento dos usuários.
    • Você não precisa mostrar todos os recursos de uma só vez, pode usar tooltips para educar os usuários à medida que eles usam mais partes do produto.
    • Se você não puder oferecer interatividade total, os GIFs também funcionam bem.

    Conclusão

    A UX do onboarding exige esforços de pesquisa, análises e atualizações de design intermináveis e regulares.

    Ainda assim, se você conseguir chegar a um design funcional, o resto são melhorias e acréscimos. Nada que você não possa fazer depois de chegar à conclusão deste artigo.

    Lembre-se de que a experiência do usuário no onboarding é como uma faixa de pedestres.

    Se você não o projetar com o máximo de cuidado, seus usuários talvez nunca o encontrem. Portanto, faça de tudo para mantê-los sempre seguros e felizes!

    Perguntas Frequentes

    O cadastro faz parte do onboarding?

    Sim. Em muitos casos, o cadastro também é incluído no onboarding. Isso porque o cadastro é o primeiro passo para usar um produto ou site, e o onboarding deve começar nesse ponto ou até antes disso.

    O que são fluxos de onboarding?

    Fluxos de onboarding são linhas de ação que são criadas durante a fase de design do onboarding. Esses fluxos costumam ter um ponto de partida, pontos de contato e um ponto final.

    Qual é o objetivo do onboarding?

    O onboarding de usuários tem um propósito naturalmente complexo, porém bastante simples. O principal objetivo do onboarding é familiarizar os usuários com um produto, site ou app, mas garantindo que eles tenham a melhor experiência possível.

    Junte-se a mais de mil equipes
    e melhore a adoção do seu produto

    Teste grátis de 14 dias, sem precisar programar,
    e com garantia de 30 dias de reembolso!