UX Collective 🇧🇷

Curadoria de artigos de UX, Visual e Product Design.

Follow publication

O que é necessário saber para ser um Product Designer focado em Apps Mobile?

Um guia básico para quem já tem conhecimentos de UX Design e quer começar a se especializar em aplicativos.

Leticia Pinheiro
UX Collective 🇧🇷
5 min readOct 24, 2023

Celular iPhone com vários aplicativos na tela inicial
Photo by Rami Al-zayat on Unsplash

O universo de design pra aplicativos é pouco explorado, comparado com a complexidade desse assunto, temos pouquíssimos conteúdos ou cursos focados nisso, que nos direcionem com clareza sobre o que precisamos saber para construirmos esses apps.

O que me interessou nesse assunto foram as conferências de lançamento da Apple, ficava impressionada com o trabalho de design pra mobile no lançamento de cada iPhone e me interessei muito por essa área. Mas, quando fui pesquisar mais sobre, a quantidade de resultados pra minha busca foi quase inexistente para o que eu queria. Então, iniciei uma jornada de estudos independente, buscando as documentações originais dos sistemas operacionais e regras básicas.

Ao longo desses anos de estudo e de trabalho com aplicativos, mapeei os mais importantes pontos necessários ter conhecimento para trabalhar com mobile:

Regras gerais de funcionamento e de design — Android e iOS

O que me ajudou a entender essas regras com calma, foram as próprias documentações de cada um, como as documentações são grandes e com vários tópicos, recomendo separar os estudos por tópicos e ir analisando. As documentações originais são a melhor fonte, pois são completas e não perdem seu sentido literal, sendo o que pode acabar acontecendo quando pegamos explicações de terceiros (algo que já é bem difícil ser encontrado desse assunto).

­

iOS

Para iOS, o que devemos seguir é a Human Interface Guidelines, que contém as orientações recomendadas para criar uma ótima experiência para qualquer plataforma Apple. O melhor site para tudo que precisamos saber sobre desenvolvimento da Apple é o Apple Developer.

Onde é possível ver as regras de design para iOS? 👇

A documentação é separada pelos tópicos que ficam à esquerda:

Print do site da Apple com exemplos de plataformas Apple que possuem regras de design
Print do site de documentação de regras de design Apple (Fonte: Apple Developer)

Um exemplo de como eu ia separando meus estudos, era focando separadamente em cada tópico desses do site e ir anotando no Notion, separando por grupos (Tudo que envolvesse boas práticas num grupo, tudo que envolvesse imagens em outro e etc.):

Print de criação de um arquivo no Notion com anotações de estudos sobre design Apple
Print de estudos pessoais no Notion

Android

Assim como a Apple tem um site voltado para desenvolvimento, o Android possui o seu, Android Developers.

No que é relacionado a design, a documentação do Android recomenda seguir fielmente as regras do Material Design (agora atualizado para o 3, Material You; é sempre importante ficar ligado nessas atualizações, pois regras e componentes mudam).

Print mostrando que a Android no próprio site recomenda o design system Material Design
Print de exemplo de design recomendado em site Android (Fonte: Android Developers)

Onde é possível ver as regras de design para Android? 👇

­

Material Design

O Material Design continua sendo desvendado pela maioria das pessoas pois foi atualizado recentemente, porém no que se refere a Android é algo super necessário termos conhecimento de regras de componente do mesmo para o design dos apps.

Regras de loja — App Store e Google Play

Após desenhar e desenvolver seu app, agora as preocupações são com as exigências das lojas como: ícone para o app, recurso gráfico, mockups, descrição do app para a loja, entre outras regras que é importante checar. Importante destacar também, que as regras de cada uma são diferentes, apesar de serem parecidas em algumas coisas.

Print de exemplo de regras da loja App Store no site da Apple
Print de App Review Guidelines (Fonte: Before You Submit)

Acompanhar atualizações dos sistemas operacionais

Os apps precisam acompanhar essas atualizações e requisitos dos sistemas operacionais, pois caso contrário seguem risco de serem retirados da loja.

Nesses links é possível checar todas as mudanças que essas versões trazem, vale a pena dar uma olhada sempre que uma nova for lançada, para garantir que seu app está acompanhando os requisitos.

Print do site da Android com algumas Android Releases de exemplo
Print de Android releases (Fonte: Android Platform)

Acompanhar lançamentos de dispositivos

É importante lembrar que existem vários tipos de dispositivos que precisamos focar, quando lançamos um app precisamos nos preocupar não só em como ele vai aparecer para os diversos formatos de celular (como celulares dobráveis) mas também como ele vai aparecer em tablets, e em alguns casos mais complexos, como ele vai se comportar em relógios e etc, isso pode ir se expandindo dependendo até onde você quer ou vai precisar levar seu app através de outros dispositivos além do mobile.

Esses novos dispositivos podem ir sendo acompanhados através de matérias no jornal ou em sites de tecnologia na internet. Mas, sempre que um novo dispositivo é lançado, eles também ficam disponíveis nos sites das próprias empresas.

Como exemplo, a Apple sempre dedica uma página para falar sobre o evento de lançamento dos novos dispositivos e uma específica para cada um, destacando os diferenciais:

­

Apple Events

Print do site de evento da apple sobre o iPhone 15
Print do site de evento da apple sobre o iPhone 15 (Fonte: Evento da Apple)

Lembrando que, esse é apenas um guia básico e inicial, no dia a dia de trabalho vamos descobrindo novas regras, problemas e coisas que não sabíamos pois faz parte da nossa evolução diária, vamos testando e aprendendo, ainda mais quando se trata de apps, sempre aparece uma novidade :)

Written by Leticia Pinheiro

UX Designer de aplicativos, apaixonada por tecnologia e inovação, com uma comunidade no disc para ajudar iniciantes na área: https://discord.gg/WRUpRreCxU

No responses yet

Write a response