Padrões de projeto para o Android - Interação para desenvolvedores

Gustavo Antunes de Bitencourt

O que torna o Android diferente

1) Tudo é plano.• ... Ele também não pretende ser nada mais do que um artefato digital puro:

uma coisa imaginada e criada, não real em qualquer sentido físico... Ele é um componente de software que faz o hardware funcionar, e não o contrário...

POR QUÊ?

• ... Porque ao dispensar a necessidade de tornar as coisas “reais” e “bonitas”, permite que o conteúdo se destaque e prepare o palco para uma experiência minimalista e autêntica para seus usuários...

• Mais conteúdo na tela;

O que torna o Android diferente

2) Barra de ferramenta(ActionBar).• Bidimensional;• Não se parece com um objeto físico;• Semitransparentes;• Não possui gradiente;

O que torna o Android diferente

2) Toque em qualquer lugar.• Qualquer elemento é um alvo de

toque;• Diferentemente do iOS, os botões não

devem ser chanfrados tridimensionais;

O que torna o Android diferente

• Tamanho certo para cada dispositivo;• Não possui limitações no tamanho;• Etc...

Projetando para o Android

• Base nas recomendações de projetos oficiais do Google Android;

• Remodelagem parcial de um aplicativo para o Android 4.0+(Ice Cream Sandwich).

Recomendações

1) Ícone do aplicativo• Formato distinto de bordas;

Recomendações

2) Barras de ações / Arquitetura de informação• Forma a espinha dorsal de um aplicativo;• Ícone do App;• Nome da tela;• ‘Canivete Suíço’

Recomendações

3) Abas• Sem sombras, apenas com um sublinhado sobre a

aba selecionada;• Dispositivo pequeno: o texto se transforma em um

ícone referente ao texto;

Recomendações

4) Seleções e controles• Não possui caixa arredondada;• DropDown.

Recomendações

5) Botões• Planos;• Sem gradientes;• Cantos ligeiramente arredondados ou quadrados

sólidos;• Separador.

Recomendações

6) Resultados de uma busca/consulta• Permanece Action bar(filtros, etc..)• Menor número de informação possível do objeto.

Recomendações

7) Detalhamento do resultado• Permite a remodelagem;• Utilizar visualizações deslizantes (Swipe Views).

Dúvidas/Perguntas