Onboarding: orientando o usuário durante suas primeiras interações com o aplicativo

O que é onboarding e por que é importante?

Um estudo mostrou que 22% dos aplicativos baixados são usados ​​apenas uma vez (Locallytics, 2012).

É por isso que uma boa primeira experiência do usuário é de importância crucial para a viabilidade de um aplicativo ou site. Isso é cada vez mais importante à medida que aplicativos e serviços se tornam mais versáteis e complexos. Como resultado, vimos um aumento no número de 'onboardings' nos últimos anos.
Onboarding é o processo de guiar o usuário pela descoberta do aplicativo. Abaixo, você encontrará bons exemplos de integração, cada um com uma abordagem diferente. A "melhor abordagem" não existe, pois cada aplicativo ou site é diferente, mas levar em consideração essas recomendações permitirá que você crie uma melhor experiência do usuário. E é claro que as abordagens descritas abaixo podem ser combinadas para alcançar uma integração ideal.

Exemplos de integração

1. Explique a proposta de valor

AirBnB, Nike + Running, Pocket, Feedly e Path estão entre os apps que explicam sua proposta de valor ao abrir o app pela primeira vez. Todos eles usam uma sequência de abertura semelhante a uma apresentação de slides com conteúdo limitado por slide, o que torna as informações fáceis de digerir. Além disso, o número de etapas é indicado ao usuário para que ele saiba o que esperar. A integração é uma maneira simples, fácil e eficaz de explicar o que o aplicativo pode fazer e como pode ser usado.

Permitir pular a integração
Durante sua primeira visita ao aplicativo, alguns novos usuários esperam ser levados de A a Z, enquanto outros preferem deixar a integração e entender como o aplicativo funciona por conta própria. Um simples botão "pular", como na prévia do AirBnB, pode atender às necessidades de todos os usuários.

8ce7812498e9322ec4360ef1a0c3e4c9-regular
AirBnB

Não force o registro
500px usa belas imagens que tornam a integração muito atraente. Além disso, não é necessário registro para acessar o conteúdo (botão “Explorar Fotos”). Assim, o usuário pode descobrir o aplicativo antes de optar por criar uma conta. Permitir o uso do aplicativo antes do cadastro aumentará as chances de o usuário se cadastrar e se tornar um cliente regular.

2. Explique os recursos

Aplicativos como 500px, Clear e Kobo usam uma abordagem diferente. Eles se concentram em explicar os recursos. Essa abordagem é ainda mais relevante quando o aplicativo possui muitas funcionalidades (em particular ocultas) que são cruciais para o funcionamento do aplicativo.
O 500px também permite que os usuários criem uma conta com perfis sociais pré-existentes, como Facebook, Twitter ou Google. Se os usuários não tiverem uma ou não quiserem usar sua conta social, eles poderão criar uma conta clássica com endereço de e-mail e senha.

Abordagem amigável
Ainda em 500px, a frase "Se você é novo em 500px, criaremos uma conta para você" é muito fácil de usar. Os usuários não precisam escolher entre “registrar-se” ou “entrar”. 500px é baseado no endereço de e-mail, se estiver anexado a uma conta, ele conecta o usuário, caso contrário, cria uma conta.

b7ddf11cc40ee615d4e1612b965d73c4-regular
500px
A integração do Clear é muito clara e explica muito bem os recursos. Infelizmente, ele não oferece a opção de pular o processo de integração, mas força o usuário a percorrer todas as sete telas. A Clear também usa a Abordagem 4 “Onboarding durante o uso”, que você encontrará mais adiante no artigo.
4fac4cd6d2c9dfab910129aee7653dc0-regular
Limpar
3. Explique a interatividade

Mailbox e Weathercube são dois ótimos exemplos para explicar recursos interativos. Essa abordagem funciona bem porque coloca o aprendizado em contexto e fornece feedback ao usuário à medida que ele interage com os itens. Dessa forma, os usuários poderão entender e lembrar melhor como as coisas funcionam. Mas, de uma perspectiva de design e desenvolvimento, essa é, obviamente, uma abordagem de trabalho intensivo.

Motivação
Mailbox motiva o usuário dando feedback positivo como "Bom trabalho!" ". Isso torna a experiência de aprendizado divertida e emocional.

4121b3186b9bfcb8aa378f504c6de0d3-regular
caixa de correio

Saiba onde encontrar a integração
Weathercube informa ao usuário como encontrar a integração depois de concluí-la ou ignorá-la. Dessa forma, o usuário pode escolher se e quando deseja que a integração seja repetida.

06b480fb925d99c2066e66b62645c0e5-regular
cubo do tempo
4. Integração durante o uso

Outra abordagem muito interessante para explicar os recursos durante o uso. Tem uma grande vantagem porque o usuário não precisa passar por uma lista de informações antes de usar o próprio aplicativo.
Cut the Rope, o jogo onde você tem que oferecer doces para Om Nom, foi um dos primeiros grandes exemplos. Gestos simples explicam como o jogo funciona. Muitos aplicativos hoje, como Spotify, Flipboard, iMovie e Feedly, usam a mesma abordagem para guiar o usuário pelo aplicativo.

c5cb00b350dafa1813b2c0855d0a6b23-regular
Cut the Rope
534fdf65f3fb3dbd8890c0da939d33f2-regular
Spotify e Flipboard
45af15ae3374c11450c921e692a3f9b5-regular
iMovie e Feedly

Instruções sobre o próximo passo
Após a integração, a Clear fornece ao usuário algumas instruções sobre a próxima etapa. Uma série de ações de exemplo a serem executadas explicam claramente como o aplicativo deve ser usado.

d71a7eda646baf18480d67390a5747ef-regular
Limpar
5. Página em branco

Muitas vezes esquecido, mas muito importante é a “página em branco”. Por exemplo, o Dropbox. Se um usuário ainda não inseriu os favoritos, o aplicativo não mostra uma página em branco, mas explica o que acontecerá quando o usuário adicionar arquivos aos favoritos. Uma explicação simples que dá apenas o toque final.

4b9f7a17978b123d23aa84194667c1b1-regular
Dropbox
O iMovie usa a página em branco para explicar o que o usuário deve fazer: "Clique para iniciar um novo filme ou trailer". O Vine exibe de forma divertida um usuário que ainda não tem atividade, mas infelizmente não explica o que fazer.
6b71fd295fb5a35781d938bd841bab8c-regular
iMovie & Vine

Recomendações para integração

Para concluir, recomendamos que você considere estas 11 recomendações para o design de um processo de integração. Cada aplicativo ou site é diferente e precisa de sua própria abordagem, mas considerar essas recomendações ajudará você a criar uma melhor experiência do usuário.

  • Explique a proposta – qual é o valor agregado para o usuário?
  • Explique recursos ocultos e cruciais – como o aplicativo funciona?
  • Explicar interativamente – isso coloca o aprendizado em contexto e fornece feedback ao usuário
  • Mantenha-o informativo – não explique recursos óbvios
  • Tente inserir um elemento divertido e emocional
  • Limite o conteúdo por painel, facilitando a digestão das informações
  • Forneça uma maneira de pular a integração
  • Deixe o usuário saber onde a integração pode ser encontrada depois de passar ou concluí-la
  • Comunique o número de etapas para que o usuário saiba o que esperar
  • Não force os usuários a fazer login ou se registrar para visualizar conteúdo ou recursos
  • Certifique-se de que o usuário saiba o que fazer após a integração e forneça instruções sobre a próxima etapa, se necessário

Traduzido do site: http://www.sodastudio.nl/kennis-ideeen/great-examples-of-user-onboarding-in-app-design