---
# System prepended metadata

title: '[2020/06/16] 3 dicas práticas para organizar as telas do seu aplicativo'

---

# [2020/06/16] 3 dicas práticas para organizar as telas do seu aplicativo

![](https://i.imgur.com/85zT2o0.jpg)


Você decidiu criar o seu app e elaborou uma lista mental de todas as coisas que ele vai possuir. Mas e agora, como é a melhor maneira de dispor tudo isso na tela? No artigo de hoje, venho dar algumas sugestões e mostrar exemplos de apps bem sucedidos que têm uma organização interessante.

### 1) Anote tudo que você quer ter no app em um papel

Fazer esse exercício é importante pois vai te ajudar a categorizar as coisas e pensar na estrutura de todo o seu aplicativo. O que queremos aqui é pegar todos esses itens e atribuir à categorias que fazem sentido. Para entender melhor esse processo, vou dar 3 exemplos diferentes usando apps de comida:

**a) Telas:** salada grega, salada marroquina, bolinho de arroz, frango grelhado, bife com purê, macarrão, bolo de banana, torta de maçã e brigadeiro.

Nesse caso, o ideal seria dividir em 3 categorias: Entradas, Pratos Principais e Sobremesas.

**b) Telas:** Bolo de banana, bolo de abacaxi, torta de morango, torta de castanhas, brigadeiro, beijinho, salada de frutas.

Já aqui, todos os nossos pratos são doces, então as categorias anteriores não fazem sentido. Mas ainda assim, colocar tudo em uma mesma lista pode sobrecarregar o usuário, então poderíamos separar em: Bolos, Tortas, Docinhos, etc.

**c) Telas:** Sobre o restaurante, sobre a chef, localização, contato, delivery, salada grega, bife com purê, macarrão, bolo de banana.

Aqui nós temos várias telas com assuntos diferentes então, no início, seria apropriado dividir em categorias como: Quem Somos (restaurante, chef, localização, contato), Faça seu Pedido (delivery) e Cardápio (com todos os pratos, que podem ser divididos nas sub-categorias que já falamos anteriormente).

### 2) Pensar na sua tela principal

A tela principal é a primeira tela do aplicativo que o seu usuário irá visualizar. É muito importante que seja muito clara e intuitiva pois, se não for, há grandes chances de o usuário desistir e não voltar mais. 

Aqui você deve colocar todas as informações mais importantes e meios de chegar em todas as seções do app. 

Abaixo vou colocar vários exemplos de telas iniciais de aplicativos para te inspirar:

![](https://i.imgur.com/B1KNs1Y.jpg)


### 3) Tipos de organização

Como podemos observar nesses apps, as telas iniciais são cheias de informações úteis mas também é possível usar essa tela para acessar outros locais do app através de menus.

Algumas dicas para criar menus claros são:

**- Separar em categorias:** vamos supor que você tenha uma lista de produtos que quer mostrar na sua tela. Ao invés de fazer uma única lista, você pode criar listas diferentes baseadas em categorias

![](https://i.imgur.com/nMLKKBr.jpg)


**- Utilizar imagens e/ou ícones:** imagens e ícones ajudam o usuário a entender rapidamente do que se trata um determinado item em um menu e, no futuro, ele nem precisará ler o que está escrito pois já terá memorizado a imagem e navegará com mais agilidade pelo seu app

![](https://i.imgur.com/Cu4sUnr.jpg)


**- Usar call to action clara:** apesar de a imagem ajudar, também é importante ter um texto claro que indique exatamente o que vai acontecer quando o usuário apertar um determinado botão em um menu. 

![](https://i.imgur.com/S3IwvOq.jpg)


Espero que essas dicas te ajudem a tirar sua ideia do papel e transformá-la em um app de sucesso!


---

Resumo Insta: 

Você tem uma ideia para criar um aplicativo incrível, mas por onde começar a organizar todos os elementos que devem aparecer na sua tela? No artigo de hoje demos algumas dicas de como começar e organizar esses elementos, com exemplos e atividades práticas. Vai lá no nosso blog conferir! https://bit.ly/2UQlkv9