SlideShare a Scribd company logo
1 of 22
Download to read offline
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=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;

More Related Content

Similar to Android: Boas práticas de UI / UX

Design: Necessidade ou desperdício de tempo
Design: Necessidade ou desperdício de tempoDesign: Necessidade ou desperdício de tempo
Design: Necessidade ou desperdício de tempoComunidade NetPonto
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Janynne Gomes
 
Google android p Noobs - COMBINATIVIDADE - UPE
Google android p  Noobs - COMBINATIVIDADE - UPEGoogle android p  Noobs - COMBINATIVIDADE - UPE
Google android p Noobs - COMBINATIVIDADE - UPELevi Saturnino
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?Rafael Burity
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisPaolo Passeri
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Leonardo Turbiani
 
UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para DesenvolvedoresRian Dutra, MSc.
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaIgreja Adventista do Sétimo Dia
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignGustavo Zimmermann
 
Projeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaProjeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaGabriel Grumiche Silva
 
Android Wear: Estendendo sua app para relógios inteligentes
Android Wear: Estendendo sua app para relógios inteligentesAndroid Wear: Estendendo sua app para relógios inteligentes
Android Wear: Estendendo sua app para relógios inteligentesRamon Ribeiro Rabello
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraHelton Bezerra
 
Notas AgileBrazil 2011
Notas AgileBrazil 2011Notas AgileBrazil 2011
Notas AgileBrazil 2011Vitor Castro
 
Integrando ux à metodologia ágil
Integrando ux à metodologia ágilIntegrando ux à metodologia ágil
Integrando ux à metodologia ágilSimone Beltrame
 

Similar to Android: Boas práticas de UI / UX (20)

Design: Necessidade ou desperdício de tempo
Design: Necessidade ou desperdício de tempoDesign: Necessidade ou desperdício de tempo
Design: Necessidade ou desperdício de tempo
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8
 
Unidade 7
Unidade 7Unidade 7
Unidade 7
 
Google android p Noobs - COMBINATIVIDADE - UPE
Google android p  Noobs - COMBINATIVIDADE - UPEGoogle android p  Noobs - COMBINATIVIDADE - UPE
Google android p Noobs - COMBINATIVIDADE - UPE
 
Não me faça pensar
Não me faça pensarNão me faça pensar
Não me faça pensar
 
Ux pt2
Ux pt2Ux pt2
Ux pt2
 
Ux Presentation
Ux PresentationUx Presentation
Ux Presentation
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
 
UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para Desenvolvedores
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
 
Projeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção GráficaProjeto de Plataforma Digital de Produção Gráfica
Projeto de Plataforma Digital de Produção Gráfica
 
Android Wear: Estendendo sua app para relógios inteligentes
Android Wear: Estendendo sua app para relógios inteligentesAndroid Wear: Estendendo sua app para relógios inteligentes
Android Wear: Estendendo sua app para relógios inteligentes
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
 
Notas AgileBrazil 2011
Notas AgileBrazil 2011Notas AgileBrazil 2011
Notas AgileBrazil 2011
 
Integrando ux à metodologia ágil
Integrando ux à metodologia ágilIntegrando ux à metodologia ágil
Integrando ux à metodologia ágil
 
Ferramentas case
Ferramentas caseFerramentas case
Ferramentas case
 

Android: Boas práticas de UI / UX

Editor's Notes

  1. <number>
  2. <number>
  3. <number>
  4. <number>
  5. <number>
  6. <number>
  7. <number>
  8. <number>
  9. <number>
  10. <number>
  11. <number>
  12. <number>
  13. <number>
  14. <number>
  15. <number>
  16. <number>
  17. <number>
  18. <number>
  19. <number>
  20. <number>
  21. <number>
  22. <number>