Primeiros passos
Um bom ponto de partida para projetar um app mobile é aprender as diretrizes da plataforma. Tanto iOS quanto Android vêm com seu próprio conjunto de padrões de design que especificam detalhes de como seu app deve parecer e se comportar.
As diretrizes ajudam você a falar a mesma linguagem visual que seus usuários. Elas garantem que seu app pareça nativo e ofereça uma experiência familiar.
Cabe a você decidir até que ponto segui-las. Muitos apps grandes, como Airbnb e Uber, parecem nativos enquanto trazem seu próprio estilo visual único. Mas, se você ainda não projetou nenhum app antes, sugiro segui-las o máximo possível. Isso vai te ajudar a entender melhor cada plataforma.
Diretrizes do iOS
As diretrizes do iOS fazem parte das diretrizes de design mais amplas da Apple - Human Interface Guidelines ou HIG. Elas são o modelo para projetar interfaces intuitivas e visualmente atraentes para o ecossistema Apple. O HIG defende simplicidade, navegação fácil, legibilidade do texto, uso intuitivo dos elementos de UI e foco no conteúdo.
Para começar, recomendo este vídeo de 6 minutos WWDC e dar uma olhada no site deles. Outra ótima forma é mergulhar a fundo no kit de UI do iOS e brincar com a combinação de diferentes componentes.
Diretrizes do Android
Assim como a Apple, o Google tem sua própria linguagem e padrões de design, chamados Material Design. Ele incentiva o uso de cores fortes, elementos gráficos e movimento para criar uma hierarquia de informações e ações.
Material usa profundidade para transmitir a importância dos elementos por meio de elevação e sombras. Essa abordagem busca tornar os apps mais intuitivos com sinais visuais que respondem ao toque de um jeito que imita o mundo físico.
O Google criou um site dedicado onde você pode explorar as diretrizes e aprender sobre os componentes.
Ferramentas de Design
Assim como um pintor precisa de pincéis e de uma tela, um designer de apps precisa das ferramentas certas. Figma e Sketch se tornaram os editores preferidos dos designers. Eles têm curvas de aprendizado bem altas, mas oferecem funcionalidades poderosas quando você os domina.
Ambos são baseados em vetores, e você pode desenhar tudo, de ícones a interfaces complexas com várias telas. Os dois têm um ecossistema extenso de plugins. O Figma é baseado no navegador e pode ser usado em qualquer Mac e PC, enquanto o Sketch está disponível apenas no Mac como app nativo.
Próxima ferramenta que recomendo muito testar é Banani. É uma IA que gera a UI de apps mobile a partir de prompts de texto simples. Você pode explorar ideias diferentes em minutos, sem precisar passar horas aprendendo software de edição.
Quando estiver desenhando o app, você certamente vai precisar de ícones. A Apple lançou um app dedicado chamado SF Symbols. Com ele, você encontra qualquer ícone que possa imaginar ou precisar para o seu projeto.
Noções básicas de UX
Como em qualquer design de interface, um bom design mobile é sobre resolver os problemas do usuário da melhor forma. Um app deve manter uma aparência consistente em toda a experiência, usar uma linguagem simples e direta e fornecer feedback imediato às ações dos usuários.
Nngroup é um recurso excelente para aprender padrões de design, arquitetura da 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 em forma de quadrinhos interativos. Eles analisam mais de perto apps que usamos no dia a dia. Volto lá com frequência para revisar alguns princípios psicológicos, mesmo sendo um designer experiente.
Lembre-se, cada elemento de design na tela tem um propósito. Da escolha de cores à tipografia. Os elementos devem trabalhar juntos para guiar o usuário pelo app, fazendo o complexo parecer simples.
Inspiração
Encontrar referências e manter-se inspirado é uma parte importante de qualquer trabalho de design. Isso ajuda você a encontrar os melhores padrões e mantém o fluxo de ideias.
Designers publicam seus trabalhos em plataformas como Dribbble e Read.cv. Além das referências, elas podem ser uma ótima introdução à comunidade de design. Pinterest, embora não seja focado em design de interfaces, é incrível para encontrar qualquer inspiração visual.
Muitas vezes, é melhor reutilizar padrões já estabelecidos do que reinventar a roda. Para isso, sugiro Banani. Ele tem uma coleção de mais de 100.000 telas de outros apps, que você pode usar como inspiração e ponto de partida.
Resumo
A beleza do design é ver suas ideias se tornando realidade. Espero que este artigo tenha te dado uma visão geral de onde começar a projetar um app mobile :)
Se quiser se aprofundar em UX, também criei uma visão geral das principais leis de design de UX e princípios.
