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

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

  • 1.
    Padrões de projetopara o Android - Interação para desenvolvedores Gustavo Antunes de Bitencourt
  • 2.
    O que tornao 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;
  • 4.
    O que tornao Android diferente 2) Barra de ferramenta(ActionBar). • Bidimensional; • Não se parece com um objeto físico; • Semitransparentes; • Não possui gradiente;
  • 5.
    O que tornao 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;
  • 7.
    O que tornao Android diferente • Tamanho certo para cada dispositivo; • Não possui limitações no tamanho; • Etc...
  • 8.
    Projetando para oAndroid • Base nas recomendações de projetos oficiais do Google Android; • Remodelagem parcial de um aplicativo para o Android 4.0+(Ice Cream Sandwich).
  • 9.
    Recomendações 1) Ícone doaplicativo • Formato distinto de bordas;
  • 10.
    Recomendações 2) Barras deações / Arquitetura de informação • Forma a espinha dorsal de um aplicativo; • Ícone do App; • Nome da tela; • „Canivete Suíço‟
  • 11.
    Recomendações 3) Abas • Semsombras, apenas com um sublinhado sobre a aba selecionada; • Dispositivo pequeno: o texto se transforma em um ícone referente ao texto;
  • 12.
    Recomendações 4) Seleções econtroles • Não possui caixa arredondada; • DropDown.
  • 13.
    Recomendações 5) Botões • Planos; •Sem gradientes; • Cantos ligeiramente arredondados ou quadrados sólidos; • Separador.
  • 14.
    Recomendações 6) Resultados deuma busca/consulta • Permanece Action bar(filtros, etc..) • Menor número de informação possível do objeto.
  • 15.
    Recomendações 7) Detalhamento doresultado • Permite a remodelagem; • Utilizar visualizações deslizantes (Swipe Views).
  • 16.