O mais importante a ser lembrado ao projetar um aplicativo móvel utilizando técnicas de UX Design é garantir que ele seja útil e intuitivo. Se o aplicativo não for útil, ele não terá um valor real para o usuário e ninguém terá motivos para usá-lo. Se o aplicativo for útil, mas exigir muito tempo e esforço, as pessoas não se incomodarão em aprender como usá-lo.
Um bom design de interface do usuário resolve esses dois problemas de design:
- Para serem úteis, os aplicativos móveis devem ser centrados no usuário. Os usuários instalam seu aplicativo porque precisam resolver um problema. Pense no que seus usuários tentarão alcançar e se concentre em seus objetivos principais / remova todos os obstáculos que encontrarem;
- Você deve trazer clareza à sua interface do usuário não havendo espaço para confusão.
Aqui estão 9 princípios UX Design que, para mim, são fundamentais para criar realmente ótimas experiências ao usuário final.
1 – Corte a desordem
A atenção do usuário é um recurso precioso e deve ser alocado de acordo. A confusão de interface sobrecarrega o usuário com muita informação: cada botão, imagem e linha de texto adicionados tornam a tela mais complicada.
Há uma famosa citação de Antoine de Saint-Exupéry que diz:
É importante se livrar de qualquer coisa em um UX Design móvel que não seja absolutamente necessário, pois reduzir a desordem melhorará compreensão. Uma regra simples: uma ação principal por tela.
Cada tela criada para o aplicativo deve suportar uma única ação de valor real para a pessoa que o usa. Isso facilita o aprendizado, o uso e a adição ou desenvolvimento quando necessário. Cem telas transparentes são preferíveis a uma única tela cheia.
Veja o Uber, por exemplo. O Uber sabe que o objetivo do usuário que usa o aplicativo é pegar um táxi. O aplicativo não sobrecarrega o usuário com outras informações: ele detecta automaticamente a localização dos usuários com base nos dados GEO e a única coisa que os usuários precisam fazer é selecionar um local de coleta.
2 – Torne a navegação auto-evidente
Ajudar os usuários a navegar deve ser uma alta prioridade para todos os aplicativos. Uma boa navegação deve parecer uma mão invisível que guia o usuário ao longo da sua jornada. Afinal, mesmo o recurso mais interessante ou o conteúdo mais atraente é inútil se as pessoas não o encontrarem. Os princípios da boa navegação móvel são:
- A navegação deve ser coerente. Você deve usar informações significantes e adequados (metáforas visuais corretas) para que a navegação não exija nenhuma explicação, verificando se cada elemento de navegação (como ícone) leva ao destino adequado.
- A navegação deve ser consistente para o aplicativo. Não mova os controles de navegação para um novo local ou oculte-os em páginas diferentes. Isso apenas desorientará o usuário;
- A navegação deve comunicar a localização atual. Deixar de indicar a localização atual é provavelmente o erro mais comum de se ver nos menus de aplicativos. “Onde estou?” É uma das perguntas fundamentais que os usuários precisam responder para navegar com sucesso.
3 – Crie uma experiência perfeita
Você não deve pensar em um design para dispositivos móveis isoladamente. Criar uma experiência perfeita em dispositivos móveis, computadores e tablets é muito importante para seus usuários.
Veja o Apple Music, por exemplo. Você pode configurar uma lista de reprodução no seu Mac e ela estará instantaneamente disponível no seu iPhone. A Apple reconhece que, embora o design do aplicativo móvel seja muito importante, criar uma experiência perfeita no iPhone, no desktop e no iPad é tão importante quanto para os usuários.
4 – Projete alvos de toque amigáveis
Alvos de toque menores são mais difíceis de atingir do que os maiores. Ao projetar interfaces para dispositivos móveis, é melhor aumentar seus alvos o suficiente para facilitar o acesso dos usuários.
Crie controles que medem um tamanho de 7 a 10 mm para que possam ser precisamente tocados com um dedo. Esse alvo permite que o dedo do usuário se ajuste confortavelmente dentro do alvo. As bordas do alvo são visíveis quando o usuário toca nele. Isso fornece a eles um feedback visual claro de que estão atingindo o alvo com precisão.
Verifique também se há uma boa quantidade de espaçamento entre os pontos de toque.
5 – O conteúdo do texto deve ser legível
Quando comparados aos computadores de mesa, os smartphones possuem telas relativamente pequenas, o que significa que um dos desafios do UX Design é ajustar muitas informações em uma pequena interface do usuário. Você pode ter a tentação de esmagar tudo para um design móvel na tentativa de fornecer o máximo de informações possível. Mas resista à tentação.
Uma regra prática:
Melhore a legibilidade aumentando a altura da linha ou o espaçamento das letras. Um espaço em branco bom e generoso pode fazer com que algumas das interfaces mais confusas pareçam convidativas e simples.
6 – Tornar os elementos da interface claramente visíveis
Você deve usar cores e contraste para ajudar os usuários a ver e interpretar seu conteúdo. Escolha cores primárias, secundárias e de destaque para seu aplicativo que suportam usabilidade. Garanta um contraste de cores suficiente entre os elementos para que usuários com baixa visão possam ver e usar seu aplicativo.
Verifique se há amplo contraste entre a cor da fonte e o fundo, para que o texto fique legível. O W3C recomenda as seguintes taxas de contraste para o corpo do texto e o texto da imagem:
- O texto pequeno deve ter uma taxa de contraste de pelo menos 4,5: 1 no plano de fundo.
- O texto grande (com 14 pontos em negrito / 18 pontos em regular e acima) deve ter uma taxa de contraste de pelo menos 3: 1 no fundo.
É extremamente importante ter contraste suficiente no celular: os usuários podem estar ao ar livre com baixo contraste na tela por causa da iluminação.
Ícones ou outros elementos críticos também devem usar as taxas de contraste recomendadas acima.
7 – Controles de projeto baseados na posição da mão
Steven Hoober, em sua pesquisa sobre o uso de dispositivos móveis, descobriu que 49% das pessoas confiam em um dedo para fazer as coisas em seus telefones. Na figura abaixo, o diagrama que aparece nas telas dos telefones celulares são gráficos de alcance aproximados, nas quais as cores indicam quais áreas um usuário pode alcançar com o polegar para interagir com a tela.
Verde indica a área que um usuário pode alcançar facilmente; amarelo, uma área que requer alongamento; e vermelho, uma área que exige que os usuários mudem a maneira como estão segurando um dispositivo. A posição e a aderência das mãos devem influenciar o posicionamento dos controles em um design móvel:
- É importante colocar o menu de nível superior, controles usados com frequência e ações comuns na zona verde da tela, porque eles são alcançados confortavelmente com interações de um polegar;
- Coloque ações negativas (como excluir ou apagar) na zona vermelha de difícil acesso, porque você não deseja que os usuários as toquem acidentalmente.
8 – Minimize a necessidade de digitação
Digitar em um celular é um processo lento e propenso a erros. Portanto, é melhor sempre tentar minimizar a quantidade de digitação necessária para usar um aplicativo móvel:
Mantenha os formulários o mais curto e simples possível, removendo todos os campos desnecessários.
- Use dados de preenchimento automático e personalizados, quando apropriado, para que os usuários precisem inserir apenas o mínimo de informações.
9 – Teste seu design
Com muita frequência, um design para celular fica ótimo quando visualizado em uma tela de desktop grande, mas não funciona quase a metade quando é testado em um celular real. Mesmo o UX Design mais minuciosamente considerado acabará por conter alguma falha invisível quando colocado no mundo real.
É por isso que é tão importante testar seu aplicativo com usuários reais em uma variedade de dispositivos móveis. Você deve pedir a esses usuários que realizem tarefas regulares somente depois para ver o desempenho do design. Trate seu aplicativo como uma entidade em constante evolução, usando dados de análises e feedback do usuário para melhorar constantemente a experiência.
Conclusão
Assim como qualquer outro elemento de UX Design, as dicas especificadas acima são apenas um ponto de partida. Certifique-se de misturar e combinar essas idéias com as suas para obter os melhores resultados.
Lembre-se de que o design não é apenas para designers – é para usuários.
Referência
- https://uxplanet.org/