Encante os usuários com essas práticas recomendadas de design de aplicativos para dispositivos móveis

Publicados: 2022-03-11

Um aplicativo móvel é uma coleção de experiências conectadas. É trabalho do designer tornar essas experiências coesas e sem atrito. Esta não é uma tarefa pequena. Os padrões e componentes da interface do usuário devem ter aparência e comportamento consistentes em todas as telas. As interações devem ser intuitivas e alinhadas com os resultados desejados pelos usuários. Todo o aplicativo deve incorporar diretrizes de acessibilidade.

A pesquisa e o teste do usuário são as melhores maneiras de descobrir os insights sutis necessários para que um aplicativo alcance o sucesso duradouro. No entanto, existem práticas recomendadas amplamente aplicáveis que podem ajudá-lo a criar aplicativos móveis que encantam e retêm os usuários a longo prazo.

Simplifique e agilize seu processo de integração

Estudos indicam que os usuários que recebem tutoriais de integração tendem a perceber as tarefas como mais difíceis em comparação com aqueles que não veem os tutoriais. Em determinadas situações, telas de integração e dicas de ferramentas podem ser formas eficazes de apresentar os principais recursos de um aplicativo e incentivar os usuários a se envolverem com o aplicativo como parte de sua rotina. No entanto, pedir aos usuários que revisem mais de três ou quatro telas de integração ou leiam muitas informações antecipadamente pode ser um incômodo; os usuários geralmente preferem descobrir as coisas por si mesmos.

Em geral, a interface do usuário de um aplicativo deve ser tão instantaneamente familiar e intuitiva que não exija um tutorial. No entanto, se você achar necessário usar estratégias de integração, limite o número de etapas nos tutoriais e, se possível, mostre-as apenas em contextos relacionados às ações que os usuários já estão realizando. Além disso, limite as dicas de ferramentas a alguns dos recursos mais importantes do seu aplicativo.

Ofereça os mesmos recursos nas versões de aplicativo e desktop

Com o aumento do tráfego da web móvel, a maioria dos usuários espera poder realizar as mesmas tarefas em seus dispositivos móveis que em um desktop. Enquanto um estudo mostra que a maioria dos usuários ainda prefere concluir tarefas complicadas em seus desktops, um estudo do Pew descobriu que 15% dos adultos americanos usam smartphones como único meio de acesso à Internet. Ser incapaz de acessar todos os recursos em um aplicativo de banco móvel, por exemplo, pode ser uma fonte de frustração que acaba levando os usuários a levar seus negócios para outro lugar.

Gerenciar as expectativas de lançamento de recursos pode ser a diferença entre uma boa avaliação do aplicativo e uma avaliação ruim do aplicativo. Se você precisar lançar seu aplicativo antes de implementar seu conjunto completo de recursos, vá além de postar uma tela "Em breve" e crie um roteiro de recursos acessível ao público para estabelecer expectativas precisas.

Use as notificações com sabedoria

As notificações estão entre as ferramentas mais poderosas para reter usuários, fornecendo estímulos oportunos para entrar novamente em um aplicativo e interagir com o conteúdo. Mas é crucial considerar a frequência e o tempo de suas notificações push, juntamente com o conteúdo que elas oferecem. Receber muitos pings ou rajadas irregulares pode levar os usuários a desativar completamente as notificações.

Ao exibir uma notificação, mantenha-a contextual; por exemplo, peça permissão para acessar a câmera quando os usuários tentarem tirar uma foto. Adicione configurações de notificação granulares que sejam fáceis de acessar para que os usuários possam personalizar as notificações de acordo com suas necessidades. Além disso, evite pedir aos usuários que permitam notificações até a terceira ou quarta vez em que interagirem com seu produto, depois de terem tido a chance de experimentar seu aplicativo e o valor que ele oferece.

Uma das principais práticas recomendadas de design para dispositivos móveis é usar notificações com moderação e ponderação, para evitar incomodar seus usuários. Ilustração de oito quadrados representando componentes. Três têm números indicando notificações. Um tem o número 3. Outro tem o número 50. E o outro tem 481. — Muitas notificações podem fazer com que os usuários se desconectem do seu aplicativo ou, pior ainda, excluam-no completamente.

Mantenha suas visualizações da Web livres de frustrações

As visualizações da Web permitem que desenvolvedores e designers façam iterações de forma rápida e barata e façam alterações entre as atualizações de aplicativos. Quando usados com habilidade, eles podem economizar tempo de desenvolvimento e simplificar o UX, mantendo os usuários em um aplicativo e, ao mesmo tempo, exibindo uma página predeterminada.

As visualizações da Web também beneficiam os usuários. Por exemplo, eles facilitam o acesso de um aplicativo ao hardware de um dispositivo, como uma câmera. Além disso, muitos aplicativos usam visualizações da Web para autenticar usuários, que podem entrar usando seu gerenciador de senhas e, em seguida, serem redirecionados de volta ao aplicativo.

No entanto, os usuários não tolerarão atritos quando se trata de alternar o contexto entre um aplicativo nativo e visualizações da Web. Ter que ir e voltar entre o aplicativo e um navegador para concluir uma tarefa é uma experiência ruim para o usuário.

Otimize seu aplicativo para conectividade ruim

Qualquer aplicativo que não seja otimizado para lidar com as tarefas mais críticas sob baixa conectividade é inferior. Por exemplo, se os usuários estiverem reservando planos de viagem ou fazendo pagamentos de comércio eletrônico, certifique-se de que suas ações sejam salvas e executadas assim que a conexão for restabelecida.

Se o seu aplicativo exigir conectividade o tempo todo, comunique aos usuários que eles precisam de uma conexão para prosseguir, em vez de apresentá-los com um spinner sem fim ou, pior, nada. Os usuários que têm medo de serem cobrados duas vezes perderão a confiança e, por fim, abandonarão seu aplicativo.

Foto de um homem segurando um poste de metrô com uma mão e um celular na outra. Uma das práticas recomendadas de UX móvel mais importantes é garantir que recursos importantes continuem funcionando mesmo com pouca ou nenhuma conectividade com a Internet. — O americano médio gasta de 5 a 6 horas por dia em seu smartphone, então é inevitável que eles percam a conectividade ocasionalmente. Certifique-se de que eles ainda possam realizar funções vitais em seu aplicativo. (Ketut Subiyanto)

Mantenha seus padrões e componentes consistentes

A consistência visual é uma obrigação quando se trata de produtos digitais. Deixar de implementar e manter as diretrizes visuais transmite falta de profissionalismo e pode minar a confiança entre os usuários. A coesão experiencial é igualmente crítica. Por exemplo, componentes e padrões como botões, formulários, menus e painéis não devem apenas ter um estilo uniforme, mas também devem se comportar de forma consistente em todo o aplicativo, independentemente do tipo de página.

Como designer de aplicativo móvel, você está criando mais do que uma coleção de exibições; você é um designer de sistemas de interface do usuário. Para incutir consistência ao iniciar um novo projeto, experimente vários sistemas de design, como as Diretrizes de Interface Humana da Apple e o Material Design do Google, para determinar qual é o mais apropriado para os dispositivos de seus usuários.

Reduza o ruído em sua interface do usuário

UIs de aparência quadrada são uma herança do design de software dos anos 90. Além de parecer desatualizado, o estilo apresenta muitas linhas, bordas e formas sólidas que criam ruído visual excessivo e dificultam o processamento das informações na tela.

No entanto, algumas estruturas de suporte são necessárias para ajudar os usuários a entender a hierarquia visual da página. Embora não exista uma fórmula mágica, erre por menos e use estruturas de suporte como linhas, fundos sólidos e sombras com moderação. Se usado com cuidado, o preenchimento pode oferecer uma distinção tão clara quanto uma linha, desde que haja espaço suficiente dentro da composição.

Torne seu aplicativo totalmente acessível

Neumorfismo é uma tendência de design na qual os componentes da interface são renderizados usando sombras sutis, sobreposições de gradiente e cores monocromáticas. Os componentes neumórficos devem parecer táteis e convidar à interação, mas sua dependência de cores monocromáticas e baixo contraste pode dificultar sua visualização com clareza. O neumorfismo também é amplamente inacessível para usuários com deficiência visual – colocando a tendência em desacordo com uma demanda crescente por produtos digitais inclusivos.

Além disso, os componentes neumórficos geralmente são difíceis de codificar, tornando difícil combinar essa estética com as diretrizes visuais de uma empresa. Se você decidir usar componentes neumórficos, faça-o com moderação e certifique-se de que seu produto ainda atenda aos padrões de acessibilidade.

Dois ícones de notificação. O preferido mostra um sino branco contra um fundo azul. O que não é o preferido mostra pouco contraste de cores entre o sino e o fundo. — Usar o design neumórfico é apropriado em muitos contextos. No entanto, o neumorfismo também faz uso de baixo contraste de cores, o que pode causar problemas de acessibilidade.

Comprometa-se com o aprendizado contínuo

Aderir às melhores práticas de design de aplicativos móveis requer aprendizado contínuo: ler sites e artigos de design, trocar dicas e truques com outros designers e manter-se atualizado com ferramentas e processos emergentes. Também significa enfrentar os desafios impostos por novos dispositivos e plataformas e reconhecer quando você está confiando em padrões e práticas confortáveis, em vez de projetar o que é realmente melhor para os usuários no momento.

Nota do editor: Obrigado ao membro da rede Toptal Damir Kotoric por contribuir com ideias de design para esta história.