Android: Boas práticas de UI / UX

22
Android: Boas práticas de UI / UX Suemar Éverton [email protected] linkedin.com/in/ suemareverton

description

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

Transcript of Android: Boas práticas de UI / UX

Page 1: Android: Boas práticas de UI / UX

Android: Boas práticas de UI / UX

Suemar É[email protected]

linkedin.com/in/suemareverton

Page 2: Android: Boas práticas de UI / UX

Resumo

• Objetivo da aula;• Por que UI / UX?

Page 3: Android: Boas práticas de UI / UX

Android Puro

• Não imite elementos de outras plataformas:

Page 4: Android: Boas práticas de UI / UX

Android Puro

• Não imite elementos de outras plataformas:

Page 5: Android: Boas práticas de UI / UX

Responsividade

• Evitar bloqueio da UI Thread:

Page 6: Android: Boas práticas de UI / UX

Otimização de layouts

http://developer.android.com/distribute/googleplay/quality/tablet.html

Page 7: Android: Boas práticas de UI / UX

Otimização de layouts

Page 8: Android: Boas práticas de UI / UX

Resposta visual a eventos

• Botões sem bordas em ListViews:

Page 9: Android: Boas práticas de UI / UX

Métricas

Page 10: Android: Boas práticas de UI / UX

Tipografia

Page 11: Android: Boas práticas de UI / UX

Cores e ícones

Page 12: Android: Boas práticas de UI / UX

Novas tendências e padrões

Done + Discard Cards

Page 13: Android: Boas práticas de UI / UX

Novas tendências e padrões

Pull to refresh Fading ActionBar

Page 14: Android: Boas práticas de UI / UX

Novas tendências e padrões

Navigation Drawer

http://developer.android.com/design/patterns/navigation-drawer.html

Page 15: Android: Boas práticas de UI / UX

Inspire-seCliffHanger

Page 16: Android: Boas práticas de UI / UX

Escrita

• Seja breve:

• Seja amigável:

Page 17: Android: Boas práticas de UI / UX

Escrita

• Escreva somente o necessário:

Page 18: Android: Boas práticas de UI / UX

Princípios de Design Android

• Encante-me;• Simplifique minha vida;• Faça-me incrível;

• http://www.youtube.com/watch?v=s0HIP8EdlnE

Page 19: Android: Boas práticas de UI / UX

Encante-me

• Decida por mim mas me deixe com a palavra final:

Page 20: Android: Boas práticas de UI / UX

Simplifique minha vida

• Somente me interrompa se for importante:

Page 21: Android: Boas práticas de UI / UX

Faça-me incrível

• Não foi minha culpa:

Page 22: Android: Boas práticas de UI / UX

Quero saber mais!

• Documentação;• Android Design in Action;• The App Clinic;• DevBytes: Making Apps Beautiful;• +AndroidUIPatterns;