Apenas desenvolva: processo de design de aplicativos em detalhes

Os aplicativos móveis populares e úteis que usamos todos os dias parecem muito descomplicados e intuitivos. De acordo com a pesquisa da Statista, também é a área de desenvolvimento de software mais demandada, com mais de 280 bilhões de downloads em 2018.

Newzoo diz que é igual a mais de US $ 92 bilhões. A inicialização de aplicativos móveis requer conhecimento, precisão, tempo e dinheiro. No entanto, nada disso funcionaria sem uma forte abordagem sistematizada.

Prepare-se para um longo treino digital com este guia abrangente para o processo de design de aplicativos móveis. Quanto menos dor de cabeça você tiver, mais objetivos você alcançará!

A definição do processo de design do aplicativo

Isso é bastante óbvio, mas ainda é muito importante saber. Há uma enorme diferença entre a fase preparatória do design, que é sobre estratégia, e o próprio processo de design. A segunda fase inclui etapas que têm como base os resultados do planejamento estratégico. Faça o seu melhor para definir os objetivos corretos. Para um bom processo, comece a fazer perguntas ao seu próximo produto. Isso é bastante semelhante ao que fazemos para descobrir o valor de um aplicativo.

Qual é o seu público-alvo? Para ver direito, imagine um mensageiro. É um dos tipos mais comuns de aplicativos. Qualquer faixa etária o usa todos os dias, mas por que o Snapchat é mais associado aos jovens enquanto o Facebook é popular entre todos? Esse é o resultado de uma segmentação adequada. É justo dizer que Zuckerberg foi pioneiro no mercado, mas os desenvolvedores do Snapchat tiveram uma ideia mais atraente para um público específico. É claro que os adolescentes não precisam de recursos para comunicação empresarial.

Com quais tarefas seu aplicativo pode lidar? A resposta a esta pergunta deve ser direta e confiável. Os recursos devem corresponder às necessidades potenciais do público-alvo e ser visualizados em um wireframe bruto, mas claro. Qualquer designer de aplicativo não poderia começar a trabalhar sem esse caso. O último e mais importante ponto da fase de estratégia é o orçamento. Se você tem tudo isso, continue lendo.

Papéis, por favor!

O principal canal de percepção dos usuários médios de smartphones é o visual. Você pode ser muito criativo e inventar algo extraordinário, mas deve seguir as regras para quebrá-las. As plataformas Android e iOS têm sua própria natureza que você não pode negligenciar. Os usuários estão acostumados principalmente a designs que são forçados por aplicativos nativos dos detentores de plataforma. Estude-os para entender o essencial. Qualquer aplicativo nativo exige um grande esforço, muito dinheiro e pesquisa para oferecer uma UX (experiência do usuário) de melhor qualidade. É por isso que você pode usá-los para economizar recursos.

Comece com um modelo de UI (interface do usuário) em papel. Tente esboçar a aparência do seu aplicativo da maneira mais minimalista possível. Não importa quão complicadas sejam suas tarefas. O conhecimento do seu público-alvo geralmente será suficiente para descobrir o que fazer, mas eles não se incomodarão se encontrarem um software menos exigente. Imagine um martelo. Algumas semanas atrás, revisei aplicativos para salvar dados móveis. Foram três ótimos aplicativos, mas considero o Datally do Google o mais bem-sucedido, apesar de ter poucas opções. Sua interface do usuário é semelhante a qualquer aplicativo Android nativo e lida com a economia de dados quase no mesmo nível que seus grandes rivais. Ele ganhará pelo número de downloads porque os usuários literários não precisam pensar em como usá-lo.

Isso significa que você pode pré-otimizar o UX do aplicativo, eliminando qualquer coisa que possa ser identificada como desordem. Tal abordagem facilitaria todas as operações posteriores. Nesta fase, você também deve escolher a cor principal que provavelmente será uma e única. Depois disso, desenhe todas as guias e botões do menu para definir a profundidade e os resultados de qualquer ação.

Protótipo

O protótipo é um aplicativo que oferece muitos benefícios. Você não vai gastar muito dinheiro com isso, então trabalhe na fase anterior para torná-la encarnada mais rapidamente. O protótipo pronto pode ter vários bugs e imperfeições, mas é muito mais confortável para ser mostrado a investidores, testadores e fabricantes.

Um web designer gentilmente me apresentou o Adobe XD, que é perfeitamente adequado para a criação de protótipos. Pegue todas as suas bases e implemente-as rapidamente na versão de tela. Este software custa muito mais barato que o dos programadores e é muito fácil pilotá-lo com habilidades bastante básicas.

Outro benefício de usar um “Powerpoint para desenvolvedores” é a segurança. Mesmo um protótipo deve estar protegido contra ataques e roubos. Salve projetos no Adobe CC e gaste menos tempo em medidas de segurança.

Na verdade, você pode misturar fases de desenvolvimento neste programa. Cores, fontes, imagens, animações e botões são mais bem vistos na versão digital. Passe algum tempo testando-os. Peça às pessoas que você conhece para dar uma olhada e ficar atento ao seu comportamento e comentários. Alguns deles podem aprimorar sua visão ou até mesmo mudar a direção do desenvolvimento da interface do usuário. Passemos aos detalhes visuais.

Cores

Estudos psicológicos comprovam que a cor é um dos aspectos mais poderosos de qualquer design. De acordo com a pesquisa da Kissmetrics, 92% dos entrevistados estão conscientes de que a maioria de suas decisões de compra são baseadas na preferência de cor.

Esteja ciente dos significados das cores. A escolha mais comum é o azul porque é adequado para ambos os sexos. Americanos e europeus o associam à confiabilidade e segurança. A cor amarela menos comum é mais eficaz com jovens e crianças. O Snapchat é um bom exemplo de seu uso correto.

Mantenha o ícone, a tela inicial e as guias do seu aplicativo em uma única cor para torná-lo significativo e holístico. Esta regra é básica, mas não 100% estrita, então compare-a com as funções do app. Para deixar claro, imagine um aplicativo de câmera com painéis rosa ou vermelho. Tirar fotos se tornaria um negócio difícil com essa interface.

Animações

O minimalismo é um princípio básico aqui também. As animações devem complementar as ações e ficar fora da atenção se não forem discutidas. Evite atrasos de movimento, demora e recursos graficamente avançados para equilibrar a usabilidade e a aparência.

Gestos

Os gestos são controles de navegação ocultos. É por isso que eles não são óbvios para todos os usuários. Qualquer aplicativo de formato básico não deve ser apenas orientado a gestos. Escolha os movimentos que você vê em todos os aplicativos populares. Os usuários apreciariam a ausência da necessidade de aprender. Imagine uma curva de aprendizado que cresce com cada recurso desconhecido ou não intuitivo. Quanto mais alta essa curva fica, menos usuários restam.

Fontes e Elementos

A maioria dos casos exige o uso estrito de fontes básicas e elementos funcionais do sistema móvel. O motivo está na alfândega novamente. Alguns designs criativos podem não ser bem recebidos se não corresponderem aos conceitos do sistema-mãe. Os jogos são bem-vindos por serem únicos, mas não seria uma boa decisão fazer um mensageiro baseado em quadrinhos.

Ícones e elementos funcionais são mais bem percebidos se forem familiares. Unifique-os com animações suaves ou estilização leve, mas não exagere. Qualquer interface do usuário deve ser rápida e intuitiva em primeiro lugar.

Corte a desordem

Qualquer janela do seu aplicativo deve fornecer uma mensagem abrangente de relance. Todos os títulos devem estar livres de hifenização para economizar tempo dos usuários. Quanto mais curtas forem as frases, melhor. Verifique a eficiência do texto com qualquer usuário desconhecido do seu aplicativo. Basta olhar para o seu comportamento. Se eles parecerem relaxados e despreocupados, você terá a ideia certa. Certifique-se de que as informações importantes cabem até mesmo na menor tela para evitar rolagem excessiva. Os aplicativos móveis não podem usar atalhos de teclas, portanto, todos os menus e elementos gerais devem estar acessíveis com o menor número de toques.

Observe que é impossível restringir espaços sem conteúdo real. Os recursos constroem a base, mas você não pode ver o design completo sem palavras estritas.

Faça o corte

Com todos os preparativos feitos, é hora de codificar um aplicativo funcional para teste. A codificação é bastante cara, por isso é melhor fazer e testar o aplicativo em uma única plataforma para evitar sérios danos financeiros.

Alguns especialistas argumentam que o teste deve ser realizado de maneira segura e fechada, enquanto outros recomendam o teste beta. A primeira variante é boa o suficiente no caso de grande disponibilidade de grupos de teste. Os clientes desfrutariam de um aplicativo que funcionasse sem problemas e sem bugs visíveis desde o início. Este método é muito caro, pois requer fortes medidas de segurança. Qualquer um de seus projetos e peças de código deve estar a salvo de espiões. E pense nas taxas dos testadores.

Aí vem o benéfico teste beta online! Também é bastante exigente, mas custa menos. Use plataformas como Erli Bird e Betalist ou publique anúncios no Reddit, Quora ou Twitter. Para atrair os testadores mais adequados, você deve definir sua persona em detalhes e os requisitos mais rigorosos. Diga a eles que você tem bugs a serem corrigidos para fazê-los caçar erros de código. Mesmo após esta medida, alguns dos 100-300 testadores que você encontrou lhe corresponderão com um relatório simples.

E não se esqueça das restrições de tempo. Dê aos testadores um plano com períodos de tempo dedicados a diferentes tarefas. É muito difícil manter as pessoas envolvidas, então os termos devem ser limitados. A propósito, pense em medidas de aplauso. Códigos para permissões ilimitadas são bons o suficiente.

Os relatórios são a etapa mais importante, pois você deve separar o joio do trigo. Cada feedback é valioso porque é capaz de tornar seu produto melhor antes do início das vendas reais. Conte com opiniões e corrija as partes se parecer lógico. A fase de teste beta fechado pode ser repetitiva, então não se preocupe. Qualquer ocasião para torná-lo melhor vale tempo e dinheiro.

Cuide da primeira impressão

Lembre-se de que usuários reais julgarão seu aplicativo na primeira impressão. A Localytics diz que 24% dos usuários nunca retornam a um novo aplicativo após a primeira olhada. Para manter esse número o mais baixo possível, evite telas de configuração obrigatórias. Muitos dados do usuário podem ser retirados de um sistema, então peça permissão para isso e agrade os usuários com lacunas pré-preenchidas.

Não sobrecarregue as pessoas com instruções. Se forem necessários, é melhor fornecê-los apenas nos locais onde os usuários possam precisar deles. Sempre coloque um botão de “recusar” para ajudar os usuários avançados a pular quaisquer introduções e instruções de integração.

A mesma história acontece com o registro. Muitos aplicativos exigem contas pessoais para abrir os recursos principais, mas os mais amigáveis ​​ficam longe do login em uma tela o maior tempo possível. É um ponto psicológico que é como qualquer outro negócio de venda de produtos. Você não pode vender nada gritando “Compre!”. Apenas uma boa argumentação venderia seu aplicativo.

Argumentos de peso são UI qualitativa, ações fáceis, solicitações de ações obrigatórias menores, descritividade sem instruções e ausência de bugs, com certeza. Espera-se que qualquer UX moderno seja rápido, portanto, as páginas devem responder em menos de 2 segundos. As telas de carregamento devem se esforçar para manter a atenção dos usuários com belos visuais, informações importantes ou até mesmo piadas.

A linha inferior

Em suma, o processo de design do aplicativo é bastante claro em suas fases, mas ainda complicado quando se trata de implementação. Esteja atento a tudo o que acontece com seu produto e concentre-se no resultado visual de cada recurso. Os proprietários de smartphones adoram com os olhos e os dedos livres, então faça o possível para minimizar os esforços dos usuários para ajudá-los a alcançar a máxima eficiência e elogiar o desenvolvedor com 5 estrelas.