Criando um processo de integração que realmente ajuda os usuários a aprender
Saltar para um novo aplicativo geralmente vem com a dificuldade de aprender como funciona. Você pode pegar o jeito rápido, mas há sempre um processo de aprendizado. O objetivo de onboarding é para introduzir novos usuários para um site, programa ou aplicativo. Com a integração, você deve ensinar sobre características individuais, como elas funcionam, e como o aplicativo oferece valor para o usuário.
Em um post recente nós cobrimos telas de integração móveis esse foco em designs e estilos de conteúdo. Neste post, quero compartilhar dicas para a experiência do usuário e o processo de marketing de guiando um usuário através do processo de integração.
Use imagens e diagramas
Gráficos e elementos visuais pode explicar uma experiência do usuário muito melhor que palavras. Conte com recursos visuais para ajudar orientar os usuários pelo processo como necessário. Essa é uma estratégia valiosa porque chama a atenção para o processo de integração e esclarece a intenção. Com visuais, seu objetivo é mostre ao invés de dizer.
Você pode fazer isso de muitas maneiras diferentes com imagens completas, pequenos ícones ou ilustrações / gráficos vetoriais que se encaixam no fluxo de trabalho de design. Tomemos por exemplo esta tela de integração do designer Salman Shah.
Ele usa ícones vetoriais para visualmente cue cada slide. Os ícones funcionam como metáforas para cada ponto, e ajuda vender os recursos para o usuário.
Se você não tem habilidades para projetar ícones do zero, você sempre pode usar pacotes de ícones gratuitos para sua vantagem. Muitos designers lançam seu trabalho gratuitamente, e você pode facilmente incorporar esses ícones em suas telas de integração.
Você pode ir além dos ícones estáticos para incluir animação também. Tomemos por exemplo o processo de integração baseado em finanças criado por Iaroslav Zhmak.
Ele usa muitos ícones mas também coloca animações em cada seção. Você aprende o que o aplicativo faz por meio de dicas visuais que anima para chamar sua atenção.
Observe que cada slide de integração tem uma descrição de texto bem. Esta é a verdadeira carne da mensagem porque informa aos usuários o que eles podem realmente fazer com o aplicativo. Às vezes, uma página somente de texto pode sinta-se como um livro de texto abafado da faculdade Apesar. Use recursos visuais e animações para apimentar cada parte do processo de integração.
Exibir recursos em ação
Tente evite declarar as características óbvias ou forçar os usuários a memorizar todas as partes individuais do aplicativo. Além disso, tente evitar declarações básicas que orientam os usuários em todo o aplicativo “este é o menu principal, esta é a tela de amigos”, Em vez disso, tente se concentrar no que essas coisas pode fazer, e como o usuário pode interagir com essas áreas.
Esta estratégia é uma reminiscência do velho ditado de marketing “não vender o bife, vender o chiado”. Você quer vender o aplicativo através de seus benefícios para o usuário, não através de recursos e itens de menu arbitrários.
Por exemplo, este projeto criado por Prakhar Sharma orienta você através de um processo completo de trabalho em sua conta bancária.
O design oferece um fluxo natural para ajudar você a começar e orientá-lo a cada passo do caminho. Este processo de integração força os usuários a tome uma atitude que é basicamente o objetivo principal.
Você também pode mostrar os recursos em ação através de uma demonstração, ou você pode ajudar os usuários tomar medidas através do processo de integração. Qualquer método incentiva a ação sobre o consumo o que geralmente leva a usuários mais engajados.
Eu encontrei outro bom exemplo de uma tela de integração de aplicativos estilo YouTube criada por Riko Sapto Dimo. Ele usa recursos visuais e ícones para transmitir uma mensagem, mas também ajuda o usuário agir antes de mergulhar no aplicativo.
Depois de “Como funciona” tela você pode optar por configurar notificações com o clique de um botão. Isto é um ótima estratégia porque muitos usuários esquecerão completamente o aplicativo, mas com notificações aparecendo eles vão eventualmente usá-lo novamente (ou desabilitar notificações).
Você também pode adicionar botões para ativar ou desativar recursos em qualquer ponto do processo de integração. Esses recursos podem estar relacionados a inscrições em boletins informativos, seguir outras contas ou até mesmo assinando atualizações. Somente faça com que os usuários se envolvam, e ajudá-los comece a tomar medidas. De lá, fica mais fácil mantenha-os viciados.
Mostrar um recurso de cada vez
A maioria das telas de integração exibe determinados recursos e leva você a um processo do início ao fim. Não apresse os usuários, e definitivamente não enrole um monte de informações na tela de uma só vez.
A chave para manter novos usuários interessados e entusiasmados é manter o foco e mostrar um recurso de cada vez. Se você enfiar demais na tela, os usuários podem sinta-se sobrecarregado. Se o processo de integração for muito entediante, as pessoas ficarão entediadas e desistirão.
Cada tela deve ter pelo menos uma nova informação isso é valioso para o usuário. Você também pode fazer isso na web com um abordagem de janela modal / caixa de diálogo. No entanto, você ainda deve manter concentre-se em um tópico de cada vez chamar a atenção para onde ela pertence.
A equipe do Dropbox está planejando um novo aplicativo de desktop com a integração, e Wes O'Haire compartilhou este exemplo em sua conta Dribbble.
Tudo sobre esta tela de integração parece muito natural. Você tem uma barra azul indicando até que ponto no processo de integração você se foi. Então você também tem instruções claras para mover-se passo a passo através do processo. Há também um botão "voltar caso o usuário esqueça qualquer passo anterior, ou apenas queira uma recapitulação.
Foco é o nome do jogo, e esse design mantém os usuários focado nas ações. No final deste processo de integração, os novos usuários devem poder usar confortavelmente o aplicativo do Dropbox na área de trabalho para fazer upload, download e executar qualquer outra ação necessária.
E lembre-se disso benefícios vendem melhor que recursos. Explicar o que o usuário recebe do aplicativo ao invés de quão rápido ele é executado ou quantos perfis você pode ter.
O exemplo acima apresenta algumas telas de um aplicativo de saúde / consulta médica chamado Qikwell. Cada slide demonstra um dos principais recursos voltado para o benefício do usuário (disponibilidade de horário e número total em linha).
O último slide também tem um pequeno “Iniciar” Link para orientar os usuários sobre o próximo passo. Isso aumentaria a visibilidade desse link para incentivar o engajamento, mas é uma ótima ideia.
Lembre-se de manter tudo simples e direto. Cada passo do processo deve ter um objetivo para ensinar o usuário ou ajudá-lo a avançar para o aplicativo.
Encerrar com uma ação
Ao final do processo de integração, você deve ter usuários que saibam o que o aplicativo oferece, o que eles podem fazer, e por que eles deveriam usá-lo. No entanto, eles podem precisa de um empurrão para realmente agir e fazer algo.
Sempre termine seu onboarding com algum tipo de link ou botão que leva o usuário a começar em algum lugar. Pode ser uma página de configurações, uma página de perfil, uma tela de fluxo do usuário ou qualquer coisa semelhante.
Ao melhor as ações recomendadas variam com base nos objetivos do seu aplicativo. Um aplicativo de nutrição pode incentivar novos usuários a iniciar o registro de seus alimentos durante o dia, mas um aplicativo de rede social pode enviar os usuários para uma tela de perfil ou para um lista recomendada de usuários seguir.
Neste design app por Oktafian Nugraha você notará uma grande laranja “Vamos começar!” botão na parte inferior do último slide. Isso é super brilhante e muito difícil de perder.
Este botão de ação final pode levar a qualquer lugar, desde que o objetivo final é a retenção do usuário. Cole este botão no seu processo de integração e certifique-se de que esteja visível. Se os usuários concluírem o onboarding e não virem um botão para finalizar, poderão sinta-se preso e apenas saia.
É muito difícil bagunçar isso, então apenas planeje um fluxo de usuário típico, e certifique-se de link para uma página apropriada no final do processo de integração. Se o onboarding fez o seu trabalho, então os novos usuários já devem sabe o que fazer de lá.
Um olhar final
Todo novo projeto deve ter algum tipo de guia de ajuda ou processo de integração para novos usuários. É o caminho mais rápido para orientar novos usuários, e para manter mais pessoas envolvidas com seu aplicativo para dispositivos móveis, website ou programa para computador.
Estética de design são importantes, mas a experiência do usuário supera tudo. Quando feito corretamente, o processo de integração deve ser educativo e, esperamos, um pouco de diversão!
