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.734 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
0 comentários
6 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.734
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
36
Comentários
0
Gostaram
6
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • <number>
  • 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;

    ×