Começando
Um bom ponto de partida ao projetar um aplicativo móvel é aprender as diretrizes da plataforma. Tanto iOS quanto Android possuem seus próprios conjuntos de padrões de design que especificam detalhes de como seu app deve parecer e se comportar.
Diretrizes ajudam você a falar a mesma linguagem visual que seus usuários. Elas garantem que seu aplicativo pareça nativo e ofereça uma experiência familiar.
Cabe a você decidir em que medida seguir essas diretrizes. Muitos aplicativos grandes como Airbnb e Uber parecem nativos, trazendo ao mesmo tempo seu próprio estilo visual único. Mas se você nunca projetou um aplicativo antes, sugiro segui-las o mais próximo possível. Isso ajudará você a ter uma noção de cada plataforma.
Diretrizes do iOS
As diretrizes do iOS são parte de diretrizes de design mais amplas da Apple - Human Interface Guidelines ou HIG. Elas são o plano para projetar interfaces intuitivas e visualmente atraentes para o ecossistema Apple. O HIG defende simplicidade, facilidade de navegação, legibilidade do texto, uso intuitivo de elementos de UI e foco no conteúdo.
Para começar, recomendo este vídeo WWDC de 6 minutos e explorar o website deles. Outra maneira excelente é mergulhar no kit de UI do iOS e experimentar a combinação de diferentes componentes.
Diretrizes do Android
Assim como a Apple, o Google possui sua própria linguagem de design e padrões chamados Material Design. Ele incentiva o uso de cores vibrantes, elementos gráficos e movimento para criar uma hierarquia de informações e ações.
Material utiliza profundidade para transmitir a importância dos elementos por meio de elevação e sombras. Essa abordagem visa tornar os aplicativos mais intuitivos com dicas visuais que respondem ao toque de uma maneira que imita o mundo físico.
O Google criou um website dedicado onde você pode explorar diretrizes e aprender sobre componentes.
Ferramentas de Design
Assim como um pintor precisa de pincéis e uma tela, um designer de aplicativos precisa das ferramentas certas. Figma e Sketch tornaram-se os editores preferidos dos designers. Eles possuem curvas de aprendizado bastante altas, mas oferecem funcionalidades poderosas assim que você os domina.
Ambos são baseados em vetores, e você pode projetar tudo, desde ícones até interfaces complexas de várias telas. Ambos têm um ecossistema extenso de plugins. Figma é baseado em navegador e pode ser usado em qualquer Mac e PC, enquanto Sketch está disponível apenas no Mac como um aplicativo nativo.
A próxima ferramenta que sugiro experimentar é Banani. É uma IA que gera a UI de aplicativos móveis a partir de prompts de texto simples. Você pode explorar ideias diferentes em minutos, sem precisar passar horas aprendendo software de edição.
Ao projetar o app, você definitivamente precisará de ícones. A Apple lançou um aplicativo dedicado chamado SF Symbols. Com ele, você pode encontrar qualquer ícone que possa imaginar ou precisar para seu projeto.
Fundamentos de UX
Como em qualquer design de interface, um bom design móvel é sobre resolver problemas do usuário da melhor maneira. Um aplicativo deve manter uma aparência e sensação consistentes, usar linguagem simples e direta, e fornecer feedback imediato às ações dos usuários.
Nngroup é um recurso maravilhoso para aprender padrões de design, arquitetura de informação, design de interação e muitos outros tópicos relacionados a UX.
Growth.design tem uma coleção incrível de estudos de caso na forma de quadrinhos interativos. Eles analisam mais detalhadamente aplicativos que usamos no dia-a-dia. Eu costumo voltar lá para revisar alguns princípios psicológicos, mesmo sendo um designer experiente.
Lembre-se, cada elemento de design na tela serve a um propósito. Desde a escolha de cores até a tipografia. Os elementos devem trabalhar juntos para guiar o usuário pelo app, tornando o complexo simples.
Inspiração
Encontrar referências e se manter inspirado é um aspecto importante de qualquer trabalho de design. Isso ajuda você a encontrar os melhores padrões e mantém o fluxo de ideias.
Designers postam seus trabalhos em plataformas como Dribbble e Read.cv. Além de referências, elas podem ser uma excelente introdução à comunidade de design. Pinterest, embora não focado em design de interfaces, é incrível para encontrar qualquer inspiração visual.
Freqüentemente é melhor reutilizar padrões estabelecidos do que reinventar a roda. Para esse propósito, sugiro o Banani. Ele tem uma coleção de mais de 100.000 telas de outros aplicativos que você pode usar como inspiração e ponto de partida.
Resumo
A beleza do design está em ver suas ideias se tornarem realidade. Espero que este artigo tenha dado a você uma visão geral de onde começar a projetar um aplicativo móvel :)
Se você deseja se aprofundar mais em UX, eu também criei uma visão geral das principais leis de design UX e princípios.
