pelo smartphone.
Como são captados os dados de novos usuários dos 30 aplicativos
entre os 100 mais baixados do mercado.
Sete anos depois da revolução móvel no mundo, calcula-se que há, em média, 2 bilhões de telefones inteligentes em uso no planeta*.
O uso de aplicativos nativos aumentou 58% comparado a 2015*.
Além de realizar tarefas mais rapidamente e de oferecer maior interatividade com o usuário e integração com o aparelho, os aplicativos instalados permanecem logados por mais tempo, fazendo com que diminuam os esforços para login manual e, consequentemente, os erros também.
Mas e a primeira vez? Como é a experiência do usuário ao se cadastrar num aplicativo? Veja a seguir como os aplicativos mais baixados do mercado dão as boas-vindas ao usuário.
*Flurry Mobile Jan, 2016
Foram selecionados 30 entre os 100 aplicativos mais baixados na App Store e Google Play*, que exigem cadastro no primeiro acesso. A partir dessa amostra foi avaliado o processo de cadastro de cada um deles nas plataformas Android, iOs e Windows Phone.
*Ranking de 18/abr/2016
4Shared Deezer GMail Mercado Livre Sing Karaoke Twitter
8 Ball Poll Dropbox iFood Netflix Skype Uber
99Taxis Duolingo Imo chat Nubank Snapchat Vivino
AliExpress Facebook Instagram OLX SoundCloud Waze
• Acesso ao cadastro;
• Estrutura do formulário;
• Navegação;
• Instruções e rótulos;
• Preenchimento das informações;
• Mensagens de feedback.
Muitos aplicativos que precisam de login para
acessar o conteúdo não possuem nada além da tela de acesso/cadastro.
Para quê serve esse app mesmo?
4shared Deezer
Antes de se cadastrar não há nenhuma
apresentação ou descrição do aplicativo para explicar suas funcionalidades.
Entender como funciona o aplicativo antes de se cadastrar deixa o usuário mais confortável para inserir seus dados. Uma demonstração resumida de telas ou conteúdo para
experimentação ajuda no entendimento e até mesmo a convidar novos usuários.
Experimentar para ter um
gostinho de quero mais.
Alguns aplicativos exemplificam como funcionam e para quê servem.
O usuário, em alguns casos, pode até
experimentar o conteúdo antes de se cadastrar.
Páginas e mensagens não traduzidas durante o cadastro geram dúvidas e dificuldades. Em alguns aplicativos analisados foram encontrados Termos de Uso, rótulos de botões e mensagens de alerta e erro no idioma inglês.
Que língua é essa?
Reprovado
Waze Imo chat
Uma mensagem não traduzida gera
insegurança e pode fazer o usuário desistir de se cadastrar no aplicativo.
É muito importante fazer a tradução correta para o idioma selecionado pelo usuário ou no idioma do próprio aparelho.
Tudo deve ser entendido pelo
usuário, sempre!
AliExpress
Se o aplicativo for traduzido, o texto precisa ainda ser bem localizado para a leitura fluir naturalmente.
Alguns aplicativos solicitam mais informações que o necessário para o primeiro acesso.
Quando isso vai acabar?
Vivino Dafiti
Em muitos formulários, informações como nome e sobrenome, DDD e telefone, estavam separados em dois campos, o que induz ao erro e aumenta o tamanho do formulário.
99Taxis
Quando o aplicativo permite digitar nome e sobrenome num campo só, o usuário preenche de modo mais natural. Desta forma também não fica dúvida, principalmente para quem tem nome composto.
No cadastro inicial, peça apenas o essencial para fazer o login. Permita ao usuário inserir dados adicionais ou mais complexos depois. Isso diminui o tempo de cadastro e evita que seu novo usuário desista do aplicativo.
Quanto mais rápido (e agora),
melhor!
Uma frase com letra muito pequena dificulta a
leitura, desestimula o usuário e pode provocar erros. Num dispositivo móvel, por causa do tamanho da tela, o problema é ainda mais grave.
O que está escrito aqui?
Vivino Mega
É obrigatório aceitar os “Termos de Uso” para continuar o cadastro, mas quem consegue ler quando a letra é tão pequena e o contraste muito baixo?
iFood
Todos os textos devem ser legíveis e se ajustar ao tamanho e resolução do dispositivo.
É necessário ler tudo, sempre!
Boa prática!
Se houver textos mais longos, não se preocupe, use mais linhas ou crie um link para acessá-los na íntegra em outra página. O importante é que tudo seja lido com conforto.
Quando o usuário não consegue distinguir o que é clicável do que não é, fica difícil continuar com o cadastro, e ele pode deixar de preencher
informações importantes.
Onde dá para clicar?
WhatsApp Imo Chat
É frequente o uso de links na barra de cabeçalho no aplicativo. Mas é importante que fique claro para o usuário que é possível clicar ali para concluir um cadastro, por exemplo.
99Taxis
Seja texto, ícone ou botão, tudo que possui interação e pode ser clicado deve parecer clicável para o usuário. Na dúvida, utilize padrões estabelecidos, como links sublinhados e botões retangulares com um texto que indique uma ação.
Deve ser fácil ver onde clicar!
Boa prática!
Botões e ícones devem possuir contraste em relação aos outros elementos da tela e devem parecer clicáveis, se assim forem.
Consistência também é importante: se o aplicativo usa uma forma específica de link ou botão, a mesma deve ser utilizada em toda a interface.
Cadastros divididos em etapas ou que possuem várias telas, muitas vezes não oferecem um botão para voltar à tela anterior, impedindo o usuário de alterar ou revisar uma informação adicionada
anteriormente.
É possível voltar? Para onde?
Reprovado
Instagram Netflix
É importante que o “Voltar” faça o que parece óbvio: voltar para a tela anterior. Em alguns
aplicativos o “Voltar” joga o usuário para fora do cadastro em vez de voltar para a tela anterior.
* https://developer.android.com/design/patterns/navigation.html?hl=sk
Independente do sistema operacional, as telas devem apresentar o ícone padrão de voltar, a seta para a esquerda.
“Voltar” volta para a tela anterior.
Pinterest Facebook
De acordo com o guia de boas práticas de design do Google*, o “Voltar” (seta para esquerda) deve levar o usuário para a tela em que o usuário estava antes.
Em muitos dos aplicativos analisados, o rótulo do campo de texto desaparece quando o usuário
começa a digitar. Se ele parar para falar com alguém, quando volta a olhar para a tela não vê mais o que era para digitar ali.
Alguns exemplos de preenchimento parecem dados reais e confundem o usuário.
O que é para escrever aqui?
Dropbox Uber
O rótulo do campo é “Celular”, mas no campo do número há um exemplo de preenchimento que some ao começar a digitar.
A interface não é explícita se o usuário deve inserir o DDD.
Caso o rótulo esteja inicialmente inserido dentro do campo, ao digitar, o rótulo deve ser deslocado para outro lugar na interface, e não desaparecer.
Os campos de texto podem vir com exemplos de como preenchê-los, no entanto, devem se diferenciar da informação inserida pelo usuário.
Não suma com o que é
importante.
Boa prática!
iFood iFood
Depois de começar a digitar, o rótulo aparece acima do campo e continua visível, o que facilita também conferir o que já foi prenchido.
Duolingo
Mensagens de erro vagas não explicam exatamente o que deve ser feito. Aqui a
mensagem diz que a senha é curta, mas não fala qual é o mínimo necessário.
Em muitos aplicativos não foi apresentada nenhuma instrução de como criar a senha. Apenas depois de o usuário cometer o primeiro erro é que aparece
alguma informação.
Permitir que o usuário veja a senha enquanto digita virou lei*. Ofereça a opção e deixe ele escolher, se quer ver ou não.
Sempre apresentar instruções de
preenchimento para que o usuário não tenha que pensar nem adivinhar o que deve ser feito.
Quanto melhor informado, mais
feliz o mundo fica.
Boa prática!
AliExpress AliExpress
Em alguns aplicativos, ao clicar em um link para fazer algo fora do formulário (Termos de Uso, por
exemplo), o usuário é levado para outra tela, e quando volta tem uma surpresa desagradável…
Cadê o que estava escrito aqui?
Reprovado
Globo Play Globo Play
... tudo o que já tinha sido preenchido foi apagado. Agora, ou o usuário preenche novamente ou desiste.
Sempre que possível, deve-se evitar tirar o usuário do fluxo de cadastro antes do término. No entanto, quando isso não for possível (para mostrar os Termos de Uso, por exemplo), o sistema deve guardar toda a informação já inserida.
Tudo deve ficar como foi deixado,
o tempo todo.
Spotify Spotify
O usuário sai do cadastro, vai para os Termos de Uso, volta, e todas as informações digitadas antes continuam lá.
Netflix
Em alguns formulários, campos numéricos como CPF e cartão de crédito apresentam um teclado alfanumérico, obrigando o usuário a alternar de teclado várias vezes.
O uso do teclado inadequado para digitar num campo torna o preenchimento mais demorado e mais propenso a erros.
Onde estão os números?
O e-mail também possui um teclado apropriado: contém “.” (ponto) e “@” na primeira visualização. Isso agiliza o
preenchimento e deixa o usuário satisfeito.
Apresentar o teclado apropriado para cada tipo de campo faz o usuário economizar tempo e esforço para inserir as informações.
As teclas que precisar, sempre ao
alcance, na hora certa.
Deezer
É necessário um esforço extra para identificar qual campo está selecionado para digitar.
Em alguns formulários há baixo contraste no campo selecionado para digitação e não é possível
diferenciá-lo dos demais.
Onde eu estava escrevendo mesmo?
Mercado Livre Pinterest
O campo ativo precisa ter bom contraste ou receber alguma marcação visual que permita identificar rapidamente onde o usuário está.
Acenda a luz.
O campo ativo pode ter um cotorno de cor diferente, um sublinhado ou até mesmo um preenchimento de outra cor. Assim não fica dúvida sobre qual campo que está sendo preenchido.
A imagem desse Captcha é tão pequena e difícil de ler que pode levar o usuário ao erro ou a desistir de se cadastrar no aplicativo, sem falar na irritação que provoca.
Gmail
Alguns formulários usam o Captcha para diferenciar um usuário-humano de uma máquina. No entanto, o modelo utilizado dificulta a continuação do
cadastro porque muitas vezes não é legível. Esse tipo de verificação se agrava num dispositivo móvel, já que aumentam a chances de o usuário cometer erros.
O que precisa digitar aqui?
Este aplicativo usa imagens e cria um joguinho simples, fácil e até divertido para verificar se o usuário é humano e não um robô.
Snapchat
As verificações de segurança devem ser simples e familiares para o usuário. O Captcha
“tradicional” de texto borrado ou de letras
tortas e pequenas deve ser evitado em qualquer dispositvo, especialmente no celular.
É imprescindível sempre pensar
nos dispositivos móveis.
Mensagens de erro vagas e que não informam o que aconteceu e/ou o que deve ser feito estressam o usuário.
Em alguns aplicativos, o formulário exibe erros ao invés de dar instruções aos usuários.
Se está errado, qual é o jeito
certo?
4Shared 4Shared
A mensagem diz para inserir uma senha válida, mas não explica como deve ser feito.
Dropbox
A mensagem de erro deve informar em
linguagem clara e familiar o que é necessário fazer para corrigir o erro.
O ideal é usar uma linguagem simples e que informe o que fazer em caso de erro ou quando alguma ação deve ser tomada.
Todos os campos com erro devem ser
sinalizados para que possam ser corrigidos de uma vez.
As mensagens devem falar a
língua do usuário.
Em alguns casos, o aplicativo permite que o usuário siga por todo o processo de cadastro e só avisa telas depois que algo digitado anteriormente estava
errado ou não era permitido.
Erros só aparecem quando tudo
está finalizado.
Uber SoundCloud
O sistema não verifica de início se o usuário já é cadastrado e deixa ele preencher vários dados para depois avisar que ele já possui cadastro.
Spotify Spotify
O sistema deve fazer a verificação de campos como CPF e e-mail logo após a digitação, para que o usuário não tenha que preencher outros dados sem necessidade.
Campos-chave devem ser
verificados logo.
Boa prática!
Aqui, o primeiro campo a ser preenchido é um campo verificador. Dessa forma, logo após
digitar apenas o email, o sistema verifica e já dá um retorno para o usuário, evitando que ele desperdice tempo e esforço preenchendo os outros campos.
2. Não crie obstáculos.
Deixe o usuário ecolher se quer ver a senha que estádigitando para prevenir erros e agilizar o cadastro.
Dos 30 aplicativos analisados, apenas 6 permitem que o usuário visualize a senha enquanto é digitada.
Para terminar nossa conversa...
1. Facilite as coisas.
Ninguém gosta de preencher formulários, então, use todos os recursos disponíveis para facilitar essa tarefa. Para começar, peça apenas os dados estritamente
necessários. Deixe o cadastro o mais curto possível.
3. Deixe o usuário no controle.
O usuário deve ter liberdade para revisar, alterar e corrigir qualquer informação que é dele. O sistema deve deve permitir avançar eretroceder sempre, em todo o fluxo de cadastro.
O cadastro é a porta de entrada do usuário num aplicativo e deve ser planejado para gerar uma boa impressão da marca e da empresa, seja ela conhecida ou não.
Foco no usuário e atenção máxima em todos os detalhes do cadastramento podem tornar essa tarefa uma experiência divertida e interessante.
5. Avise antes.
O usuário precisa saber o que fazer antes de preencher os campos. Informe com clareza, por exemplo, a regra específica para criar a senha antes que ele preencha e depois tenha que fazer de novo porque não foi avisado.
4. Surpreenda positivamente.
Faça abrir o teclado certo para cada tipo de campo, verifique logo o email ou CPF e dê um retorno imediato, use letra grande, visível e pergunte só o que você precisa saber para começar.6. Conquiste e encante.
O cadastro, às vezes, parece simples, mas uma coisa que canse ou frustre o usuário pode fazer com que ele desista do seu aplicativo e ainda fique com uma imagem ruim da marca.
Siga as boas práticas, entreviste os usuários para saber o que é melhor para eles, faça ajustes no seu
formulário e faça um teste rápido num protótipo.
Garanta que seu aplicativo vai ser usado com satisfação pelo maior número possível de pessoas.