SlideShare uma empresa Scribd logo
1 de 16
Padrões de projeto para o
Android - Interação para
desenvolvedores
Gustavo Antunes de Bitencourt
O que torna o Android
diferente
1) Tudo é plano.
• ... Ele também não pretende ser nada mais do que um artefato digital puro: uma coisa
imaginada e criada, não real em qualquer sentido físico... Ele é um componente de
software que faz o hardware funcionar, e não o contrário...
POR QUÊ?
• ... Porque ao dispensar a necessidade de tornar as coisas “reais” e “bonitas”, permite
que o conteúdo se destaque e prepare o palco para uma experiência minimalista e
autêntica para seus usuários...
• Mais conteúdo na tela;
O que torna o Android
diferente
2) Barra de ferramenta(ActionBar).
• Bidimensional;
• Não se parece com um objeto físico;
• Semitransparentes;
• Não possui gradiente;
O que torna o Android
diferente
2) Toque em qualquer lugar.
• Qualquer elemento é um alvo de toque;
• Diferentemente do iOS, os botões não
devem ser chanfrados tridimensionais;
O que torna o Android
diferente
• Tamanho certo para cada dispositivo;
• Não possui limitações no tamanho;
• Etc...
Projetando para o Android
• Base nas recomendações de projetos
oficiais do Google Android;
• Remodelagem parcial de um aplicativo
para o Android 4.0+(Ice Cream Sandwich).
Recomendações
1) Ícone do aplicativo
• Formato distinto de bordas;
Recomendações
2) Barras de ações / Arquitetura de informação
• Forma a espinha dorsal de um aplicativo;
• Ícone do App;
• Nome da tela;
• „Canivete Suíço‟
Recomendações
3) Abas
• Sem sombras, apenas com um sublinhado sobre a aba
selecionada;
• Dispositivo pequeno: o texto se transforma em um ícone
referente ao texto;
Recomendações
4) Seleções e controles
• Não possui caixa arredondada;
• DropDown.
Recomendações
5) Botões
• Planos;
• Sem gradientes;
• Cantos ligeiramente arredondados ou quadrados sólidos;
• Separador.
Recomendações
6) Resultados de uma busca/consulta
• Permanece Action bar(filtros, etc..)
• Menor número de informação possível do objeto.
Recomendações
7) Detalhamento do resultado
• Permite a remodelagem;
• Utilizar visualizações deslizantes (Swipe Views).
Dúvidas/Perguntas

Mais conteúdo relacionado

Destaque

Desenvolvimento de Apps e Games para iOS - Parte 2
Desenvolvimento de Apps e Games para iOS - Parte 2Desenvolvimento de Apps e Games para iOS - Parte 2
Desenvolvimento de Apps e Games para iOS - Parte 2
Erisvaldo Junior
 
Iniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google AndroidIniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google Android
Salvador Torres
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional Android
Lucas Damasceno
 
Introdução à plataforma Android
Introdução à plataforma AndroidIntrodução à plataforma Android
Introdução à plataforma Android
Natanael Fonseca
 

Destaque (15)

Desenvolvimento de Apps e Games para iOS - Parte 2
Desenvolvimento de Apps e Games para iOS - Parte 2Desenvolvimento de Apps e Games para iOS - Parte 2
Desenvolvimento de Apps e Games para iOS - Parte 2
 
Sistema Operacional Móvel iOS
Sistema Operacional Móvel iOSSistema Operacional Móvel iOS
Sistema Operacional Móvel iOS
 
Iniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google AndroidIniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google Android
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional Android
 
Plataforma iOS
Plataforma iOSPlataforma iOS
Plataforma iOS
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOS
 
Introdução à plataforma Android
Introdução à plataforma AndroidIntrodução à plataforma Android
Introdução à plataforma Android
 
Programação Android - Básico
Programação Android - BásicoProgramação Android - Básico
Programação Android - Básico
 
Sistema Operativo iOS
Sistema Operativo iOSSistema Operativo iOS
Sistema Operativo iOS
 
Introdução ao Android Studio
Introdução ao Android StudioIntrodução ao Android Studio
Introdução ao Android Studio
 
Sistema Operacional iOS
Sistema Operacional iOSSistema Operacional iOS
Sistema Operacional iOS
 
IOS sistema operacional
IOS sistema operacionalIOS sistema operacional
IOS sistema operacional
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOS
 
Trabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSTrabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOS
 
Principales características de windows
Principales características de windowsPrincipales características de windows
Principales características de windows
 

Semelhante a Padrões de projeto para o Android - Interação para desenvolvedores

Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
Paolo Passeri
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025
Hanry Marcel Kluk
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025
Hanry Marcel Kluk
 

Semelhante a Padrões de projeto para o Android - Interação para desenvolvedores (20)

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
 
IBDESIGNABLE
IBDESIGNABLEIBDESIGNABLE
IBDESIGNABLE
 
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
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
Workshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisWorkshop Design para Dispositivos Móveis
Workshop Design para Dispositivos Móveis
 
Windows 8 apps
Windows 8 appsWindows 8 apps
Windows 8 apps
 
Windows 8 Apps
Windows 8 AppsWindows 8 Apps
Windows 8 Apps
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8
 
Começando na área de desenvolvimento mobile. O que preciso saber?
Começando na área de desenvolvimento mobile. O que preciso saber?Começando na área de desenvolvimento mobile. O que preciso saber?
Começando na área de desenvolvimento mobile. O que preciso saber?
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025
 
BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]
BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]
BRAPPS: Produzindo apps Android de alta qualidade Neto Marins [Google]
 
Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos Móveis
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
 
A importância do design na qualidade de software
A importância do design na qualidade de softwareA importância do design na qualidade de software
A importância do design na qualidade de software
 
Qmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceQmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business Intelligence
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
 
Apresentação android
Apresentação androidApresentação android
Apresentação android
 
UI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesUI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & Games
 

Último

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Último (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

Padrões de projeto para o Android - Interação para desenvolvedores

  • 1. Padrões de projeto para o Android - Interação para desenvolvedores Gustavo Antunes de Bitencourt
  • 2. O que torna o Android diferente 1) Tudo é plano. • ... Ele também não pretende ser nada mais do que um artefato digital puro: uma coisa imaginada e criada, não real em qualquer sentido físico... Ele é um componente de software que faz o hardware funcionar, e não o contrário... POR QUÊ? • ... Porque ao dispensar a necessidade de tornar as coisas “reais” e “bonitas”, permite que o conteúdo se destaque e prepare o palco para uma experiência minimalista e autêntica para seus usuários... • Mais conteúdo na tela;
  • 3.
  • 4. O que torna o Android diferente 2) Barra de ferramenta(ActionBar). • Bidimensional; • Não se parece com um objeto físico; • Semitransparentes; • Não possui gradiente;
  • 5. O que torna o Android diferente 2) Toque em qualquer lugar. • Qualquer elemento é um alvo de toque; • Diferentemente do iOS, os botões não devem ser chanfrados tridimensionais;
  • 6.
  • 7. O que torna o Android diferente • Tamanho certo para cada dispositivo; • Não possui limitações no tamanho; • Etc...
  • 8. Projetando para o Android • Base nas recomendações de projetos oficiais do Google Android; • Remodelagem parcial de um aplicativo para o Android 4.0+(Ice Cream Sandwich).
  • 9. Recomendações 1) Ícone do aplicativo • Formato distinto de bordas;
  • 10. Recomendações 2) Barras de ações / Arquitetura de informação • Forma a espinha dorsal de um aplicativo; • Ícone do App; • Nome da tela; • „Canivete Suíço‟
  • 11. Recomendações 3) Abas • Sem sombras, apenas com um sublinhado sobre a aba selecionada; • Dispositivo pequeno: o texto se transforma em um ícone referente ao texto;
  • 12. Recomendações 4) Seleções e controles • Não possui caixa arredondada; • DropDown.
  • 13. Recomendações 5) Botões • Planos; • Sem gradientes; • Cantos ligeiramente arredondados ou quadrados sólidos; • Separador.
  • 14. Recomendações 6) Resultados de uma busca/consulta • Permanece Action bar(filtros, etc..) • Menor número de informação possível do objeto.
  • 15. Recomendações 7) Detalhamento do resultado • Permite a remodelagem; • Utilizar visualizações deslizantes (Swipe Views).