5 truques de design para dar brilho ao seu UX móvel
Você já viu as análises do seu site recentemente? As chances são uma parcela significativa - talvez até mais da metade - dos usuários que acessam seu site por meio de um dispositivo móvel.
Esteja você concentrando os esforços móveis em um site ou aplicativo, precisará garantir que o design crie uma experiência estelar para cada um desses usuários móveis. Você também não precisa começar do zero. Pensar no usuário móvel e como ele interage com o design ajudará a moldar a aparência e o funcionamento de suas interfaces.
Aqui estão cinco truques de design que você pode usar para ajudar a tornar seu UX móvel um que os usuários adoram.
Explore o Envato Elements
1. Simplifique a navegação
Esses menus de mega navegação da velha escola não estão fazendo nenhum favor a você - especialmente quando se trata de dispositivos móveis. Os usuários móveis podem ter o menor tempo de atenção de qualquer grupo de usuários. Eles querem abrir o site ou aplicativo e encontrar o que precisam imediatamente.
Crie menus de navegação com apenas algumas opções - analise suas análises para ver o que a maioria dos usuários procura ou navegue primeiro.
Menos opções ocupam menos espaço na tela, permitindo que você incorpore mais espaço no design, ideal para toque e legibilidade.
Embora não discutamos os méritos do ícone de hambúrguer aqui, a navegação pop-out é um padrão ao qual os usuários estão acostumados. Apenas certifique-se de que, se você planeja abrir ou deslizar o menu de navegação, existe um identificador visual claro para os usuários.
O aplicativo Ebates usa dois níveis de navegação: um que é uma lista das principais ofertas e outro que é sua lista marcada de lojas favoritas (no ícone hambúrguer / coração). Nenhuma opção parece pesada. Quase parece e funciona como conteúdo. Todo o design é de navegação sem parecer avassalador.
2. Pense em gestos (e háptica)
Os usuários móveis interagem com seus dispositivos de maneira bem diferente dos usuários de desktop. Sua interface de usuário deve ser responsável por isso.
O design deve aproveitar os gestos para executar determinadas ações. Uma interface que usa controles comuns e intuitivos irá deliciar os usuários.
Esses gestos incluem:
- Toque e toque duas vezes
- pressione
- Aguarde
- Arrastar e soltar
- Rolagem (um e dois dedos)
- Aumentar e diminuir o zoom
- Deslize rapidamente
- Estalido
Quando se trata de gestos para celular, são os novos cliques.
E enquanto você pensa em interações por toque, não se esqueça dos hápticos. Aquele sutil "choque" do seu celular ou a vibração do seu telefone no bolso são notificações hápticas, simulações mecânicas de toque usando vibração ou movimento.
O truque para o háptico é que as interações são sutis e bastante discretas. Embora o usuário possa saber que há uma notificação, outras pessoas geralmente não o fazem. A interface de toque está se tornando mais comum o tempo todo e parece estar recebendo uma resposta positiva dos usuários.
O jogo Dois pontos, por exemplo, usa um solavanco cada vez que você limpa pontos de uma certa maneira. A opção sem som contribui para um jogo discreto e proporciona uma experiência agradável para os usuários.
3. Torne-o conversacional
As pessoas gostam de sentir que estão falando e interagindo com outras pessoas. Felizmente para os designers, um toque de inteligência artificial e chatbots podem ajudar a criar essas interações para que você não precise ficar em modo de espera para sessões de bate-papo ao vivo 24 horas por dia.
Existem três maneiras de criar uma interface de usuário conversacional:
- Escreva uma cópia em toda a interface que tenha um toque mais pessoal. De blocos de texto longos a pequenos pedaços de microcópia, o texto deve ter uma personalidade, como no aplicativo WTFWeather, acima. Deve ser lido na maneira como as pessoas falam. Tenha cuidado para parecer excessivamente formal ou robótico nas suas mensagens.
- Use os recursos de mensagens ou chatbots para criar interações instantâneas com os usuários. Essa pode ser uma ótima ferramenta de atendimento ao cliente e também ajuda a criar a lealdade do cliente, se alguém sempre estiver lá para ajudá-lo a resolver problemas.
- Integre uma interface de usuário de voz ao design. Siri e Alexa são nomes familiares, graças às interfaces de voz. O outro bônus para integrar comandos de voz? Isso tornará seu site ou aplicativo mais acessível.
4. Animar
Parece que existem elementos animados em quase todos os sites que você visita. E isso é por design. A animação pode dar vida a um design.
Os elementos animados são muito atraentes porque atraem a atenção do usuário e podem ajudar a mostrar aos usuários como interagir melhor com um design. (Isso remonta à idéia clássica de "mostrar, não contar" ao criar um design).
O Google Maps, por exemplo, está repleto de pequenas animações. Preste atenção na próxima vez em que usá-lo.
Nick Babich, do UX Planet, tem uma ótima cartilha sobre os usos da animação no design de interface do usuário móvel. Ele destacou três usos principais de como usar bem o movimento.
- Para status do sistema: use a animação para mostrar um status de carregamento, para atualizar o conteúdo e para notificações.
- Para navegação e transições: use a animação para ajudar os usuários a se moverem entre diferentes tipos de conteúdo, estabelecer hierarquia visual entre elementos e mostrar uma mudança de estado.
- Para feedback visual: use a animação para mostrar o reconhecimento de uma ação ou para ajudar a visualizar o resultado de uma ação.
5. Poço a bordo e uso de formulários corretamente
Particularmente em um aplicativo, a integração é vital para a lealdade do usuário.
Pense no último jogo que você baixou. Você pulou direto? Ou você precisou de um tutorial rápido para garantir o sucesso?
Uma experiência interativa de integração para aplicativos ajudará os usuários a aprender a aproveitar ao máximo os recursos incluídos na experiência do usuário. Uma opção divertida também ajudará a fazer a transição para usuários fiéis. Mantenha o tutorial de integração curto e inclua perguntas freqüentes ou uma seção de ajuda para que os usuários possam voltar a ele se tiverem problemas.
Com sites móveis, a integração é menos uma das principais preocupações, mas os formulários de inscrição ou registro podem ser um problema. Os formulários em dispositivos móveis precisam ser simples e fáceis. Os usuários não gostam de formulários complicados e volumosos.
Simplifique os formulários para celular para aumentar as conversões. (Você sempre pode solicitar informações adicionais posteriormente.)
Veja o ponto de partida simples para GoodRx, acima. Ele só pede o medicamento que você deseja saber mais. O formulário é o foco e é super simples.
Peça apenas um pouco de informação - um endereço de e-mail. É tudo o que você precisa para iniciar um relacionamento com um usuário. Se seu site ou aplicativo exigir login, atenha-se a um endereço de e-mail e senha.
Crie o formulário para facilitar o preenchimento das caixas (do ponto de vista de tamanho) e considere abandonar qualquer função de conclusão automática para diminuir as chances de endereços de e-mail digitados incorretamente. Mais um truque? Use um formulário de login social quando puder simplificar ainda mais o processo. Os usuários estão acostumados a esse processo e é fácil para eles ... e menos propensos a ter erros para você.
Conclusão
A experiência do usuário móvel é uma das coisas mais importantes que você precisa pensar ao criar seu site ou aplicativo. E as necessidades dos usuários móveis continuam mudando o tempo todo.
Crie uma interface fácil de usar e aproveite a tecnologia e os recursos modernos para criar algo com o qual os usuários desejam se envolver repetidamente.
