A integração e a autenticação do usuário são algumas das jornadas mais comuns e, muitas vezes, as mais abandonadas e frustrantes para os usuários. Elas são a primeira impressão que o usuário tem do seu app. Por isso, é fundamental criar uma experiência acolhedora, conveniente e confiável. Seja para login, registro de usuário ou um tutorial de integração, as orientações a seguir ajudam você a criar uma experiência ideal.
Aprendizados
- Crie uma experiência de integração incrível.
- Use bibliotecas disponíveis, como chaves de acesso, para confiança, familiaridade e conveniência do usuário.
- Colete apenas informações críticas do usuário.
- Use uma linguagem clara e útil.
- Organize e explique o valor dos recursos e o raciocínio das permissões.
Primeiros passos
Coletar: pense no que o usuário precisa configurar, aprender e autorizar.
No app x inicial: separe tudo o que precisa ser feito antes de usar o app e o que precisa ser feito durante o uso. Evite criar atrito para que os usuários comecem a interagir com o conteúdo do app. Considere se o conteúdo e as interações são melhores como um comando ou como um momento educativo.
Para elementos no contexto, forneça uma explicação e uma ação, se aplicável.
Para etapas e educação que são essenciais para concluir antes de usar o app, organize em etapas lógicas. Normalmente, é necessário mostrar o valor do app antes de pedir permissões do dispositivo ou criar uma conta. Sempre siga a proposta de valor com a ação.
Se o app exigir algum tipo de conta, decida sobre os métodos de autenticação. As chaves de acesso podem aliviar as preocupações e o atrito do usuário com o gerenciamento de contas.
Forneça métodos de recuperação.
Mostre o progresso do usuário. É possível usar componentes como steppers, pagers ou um indicador de progresso.
Jornadas do usuário
Uma integração excepcional cria uma sensação de realização e tem uma personalidade distinta. Ela ajuda os usuários a encontrar o caminho com padrões de sinalização claros para configurar a experiência, conceder permissões e sentir o progresso, tudo isso enquanto interagem com a marca e os conceitos do app.
Posicionamento do ponto de entrada
O posicionamento de boas-vindas pré-carrega toda a educação do usuário e a configuração do app. Essa abordagem é ideal quando o app exige o registro do usuário para acessar o conteúdo, quando não é possível visualizar o conteúdo ou quando o aprendizado no contexto não é adequado. A principal vantagem é que os usuários ficam imediatamente cientes de como usar o app e têm acesso total mais cedo. No entanto, uma desvantagem significativa é o maior risco de perder usuários antes que eles experimentem o app, embora isso possa ser atenuado fornecendo alguma conscientização inicial do conteúdo, conforme mostrado na imagem a seguir.
A integração contextual ou no app permite maior flexibilidade em relação à conscientização do conteúdo, registro e aprendizado. Ela permite padrões como o priming de permissão, em que as solicitações são feitas no momento específico da necessidade. Isso é melhor usado quando você quer fornecer uma prévia para incentivar as inscrições ou quando prefere dividir o registro e a educação em etapas menores, mais memoráveis e gerenciáveis. Isso também permite que o usuário aprenda enquanto faz e tenha maior chance de retenção.
Registro / Inscrição
O fluxo de registro ou inscrição ajuda os usuários a criar uma conta para o app. Considere se o app precisa registrar os usuários antecipadamente para usar ou se eles podem acessar um determinado nível de conteúdo e recursos.
Para otimizar o fluxo de registro, colete apenas as informações mínimas necessárias antecipadamente, como e-mail e senha, ou combine etapas para reduzir o atrito. A captura apenas de propriedades essenciais, como um nome de usuário para verificação, evita sobrecarregar o usuário com opções. Para processos mais longos, divida-os em várias telas, mas não exagere com apenas uma entrada por tela. Verifique se os requisitos de senha são claros e lógicos.
Login
Os usuários recorrentes precisam de uma maneira de fazer login novamente na conta. O login precisa ser rápido e discreto. Se o app exigir apenas autenticação para contas, considere combinar um registro e um login em um único método de login único.
Jornadas de login eficazes precisam priorizar a conveniência do usuário implementando padrões de autenticação modernos. Isso inclui oferecer comandos biométricos e recursos de preenchimento automático para reduzir a carga cognitiva e a entrada manual exigida do usuário.
Tutorial de integração e personalização
Antes de implementar um tutorial completo, avalie criticamente se o aplicativo realmente precisa de um. Muitas vezes, recursos complexos podem ser introduzidos de forma mais natural por meio de dicas de movimento sutis ou dicas de ferramentas no contexto que não interrompem o fluxo inicial do usuário.
Se as permissões do dispositivo forem necessárias, use o "priming de permissão" para explicar o valor do acesso solicitado. Isso é mais eficaz quando feito no momento específico da necessidade, em vez de como uma solicitação em massa no início da experiência do app.
O que fazer
O que não fazer
Ao apresentar recursos do app para incentivar as inscrições, considere se uma prévia do conteúdo real seria mais persuasiva do que uma série de slides intersticiais estáticos. Se você usar um tutorial, sempre verifique se há uma opção clara e persistente para pular ou fazer login imediatamente.
Forneça uma maneira de pular e retomar mais tarde, como o progresso de armazenamento em cache. Fornecer uma maneira de salvar cria um ponto de verificação, para que os usuários tenham mais chances de continuar de onde pararam em vez de abandonar completamente. Sempre comunique claramente o que vai acontecer com qualquer progresso para tranquilizar os usuários.
A sinalização visual usando steppers e indicadores de progresso ajuda a definir as expectativas do usuário. Esses elementos fornecem uma ideia clara de quantas etapas restam, reduzindo a taxa de abandono durante processos de integração ou configuração mais longos.
O que fazer
O que não fazer
Recuperação
Os fluxos de recuperação precisam ser projetados com empatia e respeito pela privacidade do usuário. Nunca assuma apenas um caminho feliz em todos os fluxos de contas. Verifique se os usuários têm caminhos claros para corrigir erros sem frustração.
O que fazer
O que não fazer
Se o app exigir um nome de usuário específico, forneça métodos para ajudar os usuários a lembrar ou redefinir com facilidade.
O que fazer
O que não fazer
Embora o preenchimento automático de determinados campos, como um endereço de e-mail, possa ser conveniente durante o registro, informações sensíveis, como senhas, nunca devem ser preenchidas automaticamente durante um processo de recuperação ou redefinição. Sempre use a máscara de entrada sensível para proteger a privacidade do usuário em espaços públicos.
SSO / Chaves de acesso
A integração com bibliotecas estabelecidas, como chaves de acesso e provedores de login único (SSO), aumenta a confiança e oferece uma experiência familiar e integrada. Esses sistemas permitem que os usuários aproveitem o hardware e as credenciais de segurança atuais para uma entrada sem atrito no app.
Layouts e componentes
Ao projetar formulários de autenticação, é essencial usar a contenção agrupando entradas semelhantes e relacionadas, como colocar os campos "nome" e "sobrenome" próximos um do outro. Isso ajuda a projetar layouts flexíveis que podem ser refluídos.
Evite criar formulários longos e de rolagem, que são uma grande fonte de frustração do usuário.
Antes de incluir qualquer campo de entrada, avalie criticamente se as informações são realmente necessárias. Se um usuário sair acidentalmente de um formulário extenso, exigir que ele insira novamente informações exaustivas pode levar a altas taxas de abandono.
O que fazer
O que não fazer
Layouts expandidos
Ao adaptar layouts para visualizações expandidas ou paisagem, os designers precisam garantir que a interface do usuário permaneça utilizável e esteticamente agradável. Especificamente, evite esticar componentes interativos, como botões, em toda a largura da tela, porque isso pode parecer não natural e diminuir a usabilidade.
Em vez disso, continue usando princípios de contenção, definindo uma largura máxima razoável para elementos de formulário e blocos de conteúdo para manter a legibilidade e o equilíbrio visual em telas maiores.
O que não fazer
Componentes de educação do usuário
Ao apresentar aos usuários novos recursos e integração, vários componentes estão disponíveis para uso. Dicas de ferramentas e caixas de diálogo avançadas podem ajudar a destacar a descoberta de recursos e educar os usuários no app. As planilhas podem fornecer um estado intersticial para apresentar conteúdo de integração e educacional.
Outros formatos
A integração pode incluir a transferência de dispositivos para uso de apps entre formatos e estendido.
A experiência do app para dispositivos móveis pode oferecer uma maneira mais ergonômica e conveniente de gerenciar a autenticação, para que a integração possa vir de outros formatos. Por exemplo, um usuário pode concluir o login no dispositivo móvel que foi iniciado em um app de TV do Google.
Se o app tiver atividades estendidas em outros formatos, como óculos de IA ou Wear OS, forneça comandos de descoberta e educação do usuário para integrar os usuários. Saiba mais sobre como projetar experiências de integração de óculos com IA.
UX Writing
Use mecanismos de feedback não intrusivos, como Snackbars e Toasts, para confirmar ações do usuário ou fornecer atualizações de status breves. Isso garante que o usuário se sinta informado sobre o estado do sistema sem precisar dispensar caixas de diálogo modais para feedback menor.
Tom
O tom da sua escrita durante os erros é fundamental. Evite linguagem que zomba ou frustra o usuário. Use uma cópia clara, útil e encorajadora que se concentre na solução em vez do erro, especialmente durante momentos de alta tensão, como a recuperação de senha.
Recurso
Descubra modelos de integração, fluxos de usuários e recursos de educação do usuário no kit de integração do Android Figma.