Android: Boas práticas de UI / UX

Post on 29-Jun-2015

890 views 1 download

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

Android: Boas práticas de UI / UX

Suemar Évertonsuemareverton@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-seCliffHanger

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=s0HIP8EdlnE

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;• +AndroidUIPatterns;