Android: Boas práticas de UI / UX

Suemar Éverton
suemareverton@gmail.com
linkedin.com/in/suemareverton
Resumo
• Objetivo da aula;
• Por que UI / UX?
Android Puro
• Não imite elementos de outras plataformas:
Android Puro
• Não imite elementos de outras plataformas:
Responsividade
• Evitar bloqueio da UI Thread:
Otimização de layouts

http://developer.android.com/distribute/googleplay/quality/tablet.html
Otimização de layouts
Resposta visual a eventos
• Botões sem bordas em ListViews:
Métricas
Tipografia
Cores e ícones
Novas tendências e padrões

Done + Discard

Cards
Novas tendências e padrões

Pull to refresh

Fading ActionBar
Novas tendências e padrões

Navigation Drawer
http://developer.android.com/design/patterns/navigation-drawer.html
Inspire-se
CliffHanger
Escrita
• Seja breve:

• Seja amigável:
Escrita
• Escreva somente o necessário:
Princípios de Design Android
• Encante-me;
• Simplifique minha vida;
• Faça-me incrível;
• http://www.youtube.com/watch?v=...
Encante-me
• Decida por mim mas me deixe com a palavra
final:
Simplifique minha vida
• Somente me interrompa se for importante:
Faça-me incrível
• Não foi minha culpa:
Quero saber mais!
• Documentação;
• Android Design in Action;
• The App Clinic;
• DevBytes: Making Apps Beautiful;
• +Andr...
Próximos SlideShares
Carregando em…5
×

Android: Boas práticas de UI / UX

1.816 visualizações

Publicada em

Webcast da MobGeek com dicas práticas para ajudar desenvolvedores e designers a construir aplicativos que ofereçam uma melhor experiência do usuário no Android.

Para quem se interessar, o vídeo está disponível em http://www.youtube.com/watch?v=gpZtuU67NG0

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Android: Boas práticas de UI / UX

  1. 1. Android: Boas práticas de UI / UX Suemar Éverton suemareverton@gmail.com linkedin.com/in/suemareverton
  2. 2. Resumo • Objetivo da aula; • Por que UI / UX?
  3. 3. Android Puro • Não imite elementos de outras plataformas:
  4. 4. Android Puro • Não imite elementos de outras plataformas:
  5. 5. Responsividade • Evitar bloqueio da UI Thread:
  6. 6. Otimização de layouts http://developer.android.com/distribute/googleplay/quality/tablet.html
  7. 7. Otimização de layouts
  8. 8. Resposta visual a eventos • Botões sem bordas em ListViews:
  9. 9. Métricas
  10. 10. Tipografia
  11. 11. Cores e ícones
  12. 12. Novas tendências e padrões Done + Discard Cards
  13. 13. Novas tendências e padrões Pull to refresh Fading ActionBar
  14. 14. Novas tendências e padrões Navigation Drawer http://developer.android.com/design/patterns/navigation-drawer.html
  15. 15. Inspire-se CliffHanger
  16. 16. Escrita • Seja breve: • Seja amigável:
  17. 17. Escrita • Escreva somente o necessário:
  18. 18. Princípios de Design Android • Encante-me; • Simplifique minha vida; • Faça-me incrível; • http://www.youtube.com/watch?v=s0HIP8EdlnE
  19. 19. Encante-me • Decida por mim mas me deixe com a palavra final:
  20. 20. Simplifique minha vida • Somente me interrompa se for importante:
  21. 21. Faça-me incrível • Não foi minha culpa:
  22. 22. Quero saber mais! • Documentação; • Android Design in Action; • The App Clinic; • DevBytes: Making Apps Beautiful; • +AndroidUIPatterns;

×