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 2Erisvaldo Junior
 
Sistema Operacional Móvel iOS
Sistema Operacional Móvel iOSSistema Operacional Móvel iOS
Sistema Operacional Móvel iOSDj Black
 
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 AndroidSalvador Torres
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional AndroidLucas Damasceno
 
Plataforma iOS
Plataforma iOSPlataforma iOS
Plataforma iOSernandesjr
 
Introdução à plataforma Android
Introdução à plataforma AndroidIntrodução à plataforma Android
Introdução à plataforma AndroidNatanael Fonseca
 
Programação Android - Básico
Programação Android - BásicoProgramação Android - Básico
Programação Android - BásicoHugoDalevedove
 
Sistema Operativo iOS
Sistema Operativo iOSSistema Operativo iOS
Sistema Operativo iOSjatzen01
 
IOS sistema operacional
IOS sistema operacionalIOS sistema operacional
IOS sistema operacionalHamburg Süd
 
SISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSSISTEMA OPERATIVO IOS
SISTEMA OPERATIVO IOSTenshiDam
 
Trabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSTrabalho de informatica - Sistema Operacional iOS
Trabalho de informatica - Sistema Operacional iOSnadilei
 
Principales características de windows
Principales características de windowsPrincipales características de windows
Principales características de windowsazrahim
 

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 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
 
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
 
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...Nelson Vasconcelos
 
Workshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisWorkshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisInstituto Faber-Ludens
 
Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Desenvolvendo aplicativos para windows 8
Desenvolvendo aplicativos para windows 8Janynne Gomes
 
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?Criciúma Dev
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Hanry Marcel Kluk
 
Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Kluk design dispositivos moveis ufpb 20131025
Kluk design dispositivos moveis ufpb 20131025Hanry Marcel Kluk
 
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]Brapps Brasil
 
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óveisInstituto Faber-Ludens
 
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 UXNelson Vasconcelos
 
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 softwareJoao Costa
 
Qmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceQmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceRoberto Oliveira
 
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 DesignProduct School
 
UI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesUI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesSérgio Bezerra da Silva
 

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
 

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).