G2 32 x 32 White Circle

4.7 STARS ON G2

Insights de análises de produtos e aplicativos móveis de especialistas do setor
Globe iconPT
  • America IconEnglish
  • Brazil IconPortuguês
  • Spain IconEspañol
Sem necessidade de cartão de crédito

5 MIN LEITURA

COMPARTILHAR ESTE POST

Onboarding: 8 exemplos de apps com ótima UX

PUBLICADO

16 Fevereiro, 2023

Luiza Drubscky - Profile
Luiza Drubscky

Growth Marketing

Exemplos_de_onboarding_com_ótima_experiência_do_usuário

Se você está aqui, é porque está procurando bons exemplos de onboarding para se inspirar.

E você veio ao lugar certo! Continue aqui para descobrir ótimos exemplos de design de onboarding.

O que é o Onboarding?

Antes de entrarmos em alguns dos melhores exemplos do mercado de apps, vamos definir o que é o Onboarding.

Onboarding é o nome em inglês para o processo de entrada do usuário no aplicativo, desde o cadastro inicial até estar completamente pronto para começar a utilizar o app de fato. Existem algumas formas diferentes de fazer o onboarding do seu app, mas o objetivo desta etapa deve ser sempre preparar o usuário para que ele consiga aproveitar o máximo de valor que o seu aplicativo disponibiliza para ele.

Com um onboarding bem feito, os usuários têm muito mais facilidade de usar o app da forma com que a sua equipe de Produto projetou, pois dúvidas básicas já podem ser sanadas antes de surgirem.

Personas do Onboarding

Como dissemos, existem muitas formas diferentes de construir o onboarding do seu app. Uma boa forma de organizar estas opções é considerando as diferentes pessoas que podem usar seu aplicativo móvel. Você pode segmentá-las de várias maneiras.

Uma dessas maneiras é olhar para o quão experiente elas são com dispositivos técnicos.

Usuário Iniciante

Você pode encontrar dois tipos de usuários nesta categoria:

  1. Os que não se sentem confortáveis com assuntos técnicos em geral.

  2. Os que não estão confortáveis com seu aplicativo específico (por ser complicado de usar, por exemplo).

O processo de onboarding deve fornecer uma visão geral das funcionalidades e ajudar os usuários a entender o uso básico do seu aplicativo.

Simplifique e não sobrecarregue seus usuários.

Um passo a passo pode ajudá-los a encontrar e entender os recursos necessários para usar o aplicativo.

Estratégia a ser usada para esses usuários: Onboarding progressivo.

Como projetá-lo: Usar elementos de controle sofisticados não é a melhor ideia. Explique como seu aplicativo funciona passo a passo.

Concentre-se no que é importante e útil. Com um onboarding progressivo, você simplifica fluxos de trabalho complexos.

Além disso, você mostra funções e gestos ocultos em seu aplicativo, e os usuários aprendem a usar o aplicativo corretamente.

Usuário Avançado

Nesta categoria, você encontra usuários que entendem a maioria das interações e elementos comuns da interface do usuário e do aplicativo.

Dê uma olhada na complexidade do seu app.

Caso ele seja fácil de entender e usar, não é necessário explicar cada passo simples.

Estratégia a ser usada para esses usuários: onboarding progressivo, orientado a benefícios e funções.

Como projetá-lo: Sejacriativo. É possível brincar com gestos, animações e elementos incomuns para se destacar da multidão.

Usuário Business

É esperado que esse grupo de usuários saiba como trabalhar com dispositivos técnicos como smartphones.

É provável que eles entendam a interface do usuário do aplicativo comum, as interações do aplicativo e os elementos também.

Para este grupo de usuários, é útil se concentrar no valor que você pode oferecer.

Estratégia a ser usada para esses usuários: onboarding orientado a função ou benefício.

Como projetá-lo: Brinque com elementos deslizantes, móveis ou mesmo com alguns recursos sofisticados durante o processo de onboarding.

Mas não exagere, mantenha o foco!

Frases instrucionais dão aos usuários uma explicação mais detalhada dos benefícios que eles podem esperar.

Por que devo me importar com grupos-alvo durante o onboarding? 

Projetar o processo de onboarding é essencial para o sucesso do seu aplicativo móvel, afinal ele é a primeira coisa com a qual os usuários entram em contato.

Os primeiros segundos são os mais importantes, já que é nesse momento que você se apresenta aos seus usuários.

Se você não inspira confiança ou não atende às suas expectativas, eles vão embora e não voltam mais. 

Exemplo de onboarding do LinkedIn

O aplicativo do LinkedIn usa um onboarding progressivo de várias etapas.

Linkedin activation screen app onboarding example

Importante:

É possível pular todas as etapas do onboarding do LinkedIn. Isso ajuda a deixar a conversão dos usuários indecisos para mais tarde, ou seja, para quando estiverem prontos para se comprometerem.

linkedIn mobile app onboarding example

O LinkedIn oferece aos novos usuários a opção de pular todas as etapas de onboarding.

Exemplo de onboarding do MyFitnessPal 

O onboarding do MyFitnessPal é bem longo. Isso pode ser ruim, mas não neste caso.

O onboarding longo dá aos novos usuários a sensação de que o aplicativo e seu plano de perda/ganho de peso são personalizados para cada usuário.

Myfitnesspal User Onboarding Flow

Exemplo de onboarding do Flipboard 

O onboarding do Flipboard segue a técnica breadcrumb.

A técnica breadcrumb deixa perguntas intimidadoras como “Qual é o seu e-mail?” para o final. Em vez disso, ele começa com perguntas fáceis de responder, para garantir que o usuário se acostume a responder sim.

Flipboard User Onboarding Flow

Faça seus usuários se acostumarem a responder sim!

Exemplo de onboarding do Instagram 

A Meta, que é dona do Instagram, sabe bem como usar a psicologia para envolver os usuários— e o momento do onboarding é um dos mais importantes para esse processo.

O onboarding do Instagram trabalha com o famoso medo de perder algo (do inglês, fear of missing out ou FOMO).

Instagram Onboarding Example

Se você tiver uma conta no Facebook, o Instagram informará sobre seus amigos que já usam o Instagram. Os nomes dos amigos não são escolhidos aleatoriamente, pelo contrário, são amigos com os quais o Facebook já vê um alto engajamento.

Se todos os seus amigos mais próximos já usam o Instagram, você não vai querer ficar de fora, certo?

Use o FOMO para manter seus usuários engajados durante o processo de onboarding.

Veja os últimos passos do onboarding do Instagram:

Onboarding Instagram

Exemplo de onboarding do Evernote

O Evernote fornece um ótimo exemplo de onboarding simples e progressivo para seus usuários. Ele orienta os usuários ao longo de cada função oferecida.

progressive onboarding examples
progressive onboarding example
app progressive onboarding examples

Exemplo de onboarding do Trip.com

Outro ótimo exemplo de onboarding orientado a benefícios é dado pelo Trip.com. Ele comunica claramente os benefícios de seu aplicativo nos títulos.

mobile app onboarding examples

Exemplo de onboarding do Notability

O Notability fornece um exemplo de processo de onboarding orientado a funções.

O foco está no que o usuário pode fazer com o aplicativo, e não nos benefícios que ele oferece.

Onboarding_Notability

Exemplo de onboarding do CamScanner

Sim, combinar os dois tipos de onboarding também é possível. O CamScanner, por exemplo, usa o onboarding orientado a funções.

O aplicativo mostra aos usuários as funções que ele oferece — Tamanho original, Ferramentas PDF e Conversão imediata de imagem em texto. 

Onboarding_Camscanner

Mas olhando com atenção, pode-se ver que seu onboarding também é orientado a benefícios.

Observe que os textos abaixo dos títulos e subtítulos explicam os benefícios das funções descritas.

Terminamos aqui com as seguintes perguntas:

Qual é o grupo-alvo do seu aplicativo? Como você leva esse conhecimento em consideração para seu onboarding?

Para descobrir exatamente como seus usuários se comportam durante seu onboarding, faça um teste gratuito com a UXCam!

Perguntas Frequentes

O que é um fluxo de onboarding?

Um fluxo de onboarding é uma série de etapas que familiariza novos usuários com um aplicativo.

Qual é a melhor maneira de fazer o onboarding de novos usuários?

Embora cada aplicativo exija uma abordagem única, é essencial que o objetivo central de seu fluxo de onboarding seja fazer com que seu usuário sinta que encontrou o que estava buscando. Esse é o que chamamos de momento aha! É nesse momento que o usuário experimenta o valor do seu aplicativo pela primeira vez. 

O que é a técnica breadcrumb?

A técnica breadcrumb é uma tática de otimização de conversão que você pode usar para manter os usuários engajados durante seu onboarding. Ela começa com pequenos pedidos que levam os usuários a se acostumarem a responder “sim” e deixa as perguntas difíceis como ceder informações pessoais, para o fim do fluxo.

AUTOR

Luiza Drubscky - Profile
Luiza Drubscky

Growth Marketing

Especialista em Marketing Digital, com experiência em geração de demanda orgânica. Também trabalhou como Product Manager em diferentes projetos ligados a growth.

Receba as novidades da UXCam

Mantenha-se atualizado com os recursos, insights e notícias do setor mais recentes do UXCam para uma experiência de usuário excepcional.

Artigos relacionados

Design de UX

Mobile UX: Guia definitivo 2024

"Design não é apenas sobre aparência do produto. Design é sobre como ele funciona." — Steve...

Luiza Drubscky - Profile
Luiza Drubscky

Growth Marketing

Design de UX

Ferramentas de UX: Top 10 Softwares 2024

Descubra quais são as melhores ferramentas de UX do mercado, dividido por funções específicas dentro do universo de...

Luiza Drubscky - Profile
Luiza Drubscky

Growth Marketing

Design de UX

20+ Estatísticas de UX poderosas para impressionar a sua liderança em 2024

Confira estas estatístiscas de UX para convencer e impressionar a liderança da sua empresa em...

Luiza Drubscky - Profile
Luiza Drubscky

Growth Marketing

UXCam logo

Products

Compliance

    Logo SOC2

    UXCam has successfully completed a SOC 2 Type 2 examination by Johanson Group.

CONNECT WITH US:

© 2024 UXCam. All rights reserved.

Privacy policy.

Terms of service.