SlideShare una empresa de Scribd logo
1 de 73
Descargar para leer sin conexión
ENTENDA PORQUE SEU APP DE ANDROID
NÃO DEVE SER IGUAL AO DE iPHONE
QUEM SOU EU
Henrique Perticarati
Arquiteto de Informação e
Designer de Interface
Você pode me encontrar…
aqui: hperticarati@gmail.com
ou aqui: henrique.perticarati@taqtile.com
Esse conteúdo é um oferecimento Taqtile.
http://taqtile.com.br
NÃO ENTRE EM PÂNICO!
76% dessa
apresentação são
figuras e gráficos
legais!
Capítulo 1
“Quem é você?”
Imaginemos…

uma MONTADORA JAPONESA
Proposta
Novo carro que traz todos os
valores da montadora, aliado
à autêntica experiência de se
dirigir um carro Japonês.
APÓS O LANÇAMENTO, SUCESSO RÁPIDO!
Moderno,
estável,
econômico e
ecológico.
Confortável na
cidade, bom
desempenho
na estrada.
Vamos exportar!
PARA REPLICAR O SUCESSO NO MUNDO TODO, QUEREMOS
A MESMA EXPERIÊNCIA EM TODOS OS LUGARES!
“Inclusive, com
o volante no
lado direito,
para ser
consistente
com o modelo
vendido no
Japão”.
RESULTADO:

RECEPÇÃO RUIM DE UM PRODUTO BOM
Isso parece familiar?
Ao prezar pela “consistência” entre
produtos, a montadora se esqueceu
de algumas regrinhas essenciais…
CONTEXTO DE
CONHECER
O USUÁRIO
Quem é?
O que pensa?
O que sabe?
O que espera
do produto?
Como interage
com produtos
semelhantes?
…
ENTENDER O
CONTEXTO DE USO
Por quê, e em
que situações
o produto será
usado?
Como o usuário
se comporta
nesse momento?
…
SER
FAMILIAR
Se adequar ao
modelo mental
do usuário.
Atender suas
expectativas.
Construir
inovações em
cima do
conhecido.
Capítulo 2
“Isso é muito bom. O resto é lixo.”
Quando se desenvolve apps para
smartphones, é muito comum:
1.Encomendar versões do app
somente para iPhone e Android
São as plataformas
com maior
representatividade no
mercado.*
Por enquanto, apps
de Windows Phone e
outras plataformas
ficam esquecidos.
*73,39%, mundialmente - maio de 2014.

Fonte: http://gs.statcounter.com/
2.Iniciar o desenvolvimento
com a versão iPhone
Usuários de iPhone costumam
retornar mais lucro para o
serviço.
"
Clientes e stakeholders
costumam ter iPhones, e querem
ver o app funcionando em sua
plataforma preferida :)
"
O desenvolvimento para iPhone
é mais rápido (pois é menos
fragmentado).
3.Solicitar que o app de Android
seja igual ao de iPhone
Quem encomenda o projeto não
costuma conhecer a fundo o
Android, por isso:
"
Julga-se que a experiência de uso
seja pior que a do iPhone.
"
Não se quer pagar duas vezes pela
“Arquitetura e Design do mesmo
app”.
"
Acredita-se que as duas versões do
app devam ser “consistentes, para o
usuário não se confundir”.
Capítulo 3
“Ordem a partir do caos.”
PRAZER,
ANDROID.
Primeiro, alguns números
Crescimento do Android
na América Latina
Fonte: http://gs.statcounter.com/
Android 66,13%
iPhone 13,79%
Nokia Series 40 7,24%
Windows Phone 4,36%
Outros 8,17%
Mercado de
smartphones
no Brasil*
*Março de 2014
Há alguns anos,

a grande maioria dos
smartphones no Brasil
são Android.
Resumindo…
E por isso
Usuários de Android já
estão habituados aos
modelos de interação da
plataforma.
Ok, nem sempre foi assim…
As primeiras versões do Android

não tinham um padrão forte de Design*
*Android 2.3 e anteriores
Mas desde Dezembro de 2011

tudo mudou, com o lançamento do
Android 4.
Com novos princípios de Design e uma forte documentação,
o Android agora oferece aos usuários uma experiência única.
Agora os usuários podem desfrutar de modelos de
interação consistentes entre todos os aplicativos :)
E não foram só os apps da

Google que aderiram!
Twitter
Whatsapp
Shazam
TuneIn Radio
Trip Advisor
BBC Weather
Capítulo 4
“O que há de diferente.”
≆
A experiência de uso em smartphones iPhone e Android é
“aproximada, mas não exatamente igual”.
Eis o que há de diferente:
Alguns recursos do Android são
próprios de seu modelo de interação.
Navegação
O botão voltar (fixo), 

permite que o usuário
cancele qualquer processo
ou volte para telas
anteriores, semelhante à
um navegador de internet.
O botão subir (opcional)
permite a navegação por
níveis hierárquicos do
app, semelhante ao
Windows Explorer.
Escolher um produto
a partir de um
catálogo
Escolher outro a
partir da lista de
semelhantes…
E mais outro…
E mais outro.
Navegando num mesmo app, o usuário
pode visitar diversas seções
É possível fazer todo o caminho
de volta usando o botão voltar…
…ou ir direto para o nível acima,

usando o botão subir.
Buscar um filme
no Google
Visualizá-lo
no IMDb
Escolher onde quer
compartilhar
Enviar para um
grupo no Whatsapp
Um usuário pode começar uma tarefa em um
app e concluí-la em outro.
Usando o botão voltar, o usuário pode fazer todo o
caminho de volta entre apps diferentes, sem problemas.
Gaveta de navegação
(pode chamar de menu lateral, se quiser ;)
Permite a navegação
entre diversos níveis
superiores do app
Barra de Ações
(pode chamar de menu superior, se quiser ;)
Permite acesso a
navegação principal
Exibe as ferramentas mais
importantes da tela atual
Widgets
Trazem para a home do smartphone alguns recursos
de dentro do app, sem a necessidade de abri-lo.
Compartilhamento
Compartilhe em qualquer app
instalado que permita essa ação.
"
Seu usuário poderá adicionar seu
produto a uma nota no Evernote ou
à uma conversa no Messenger.
"
O Android provê isso
automaticamente :)
Notificações avançadas
A partir de uma notificação, é
possível interagir com o app
sem abri-lo…
…responder mensagens, visualizar
imagens recebidas, acompanhar
um andamento de download.
Completar tarefa
usando outro app
Abrir um link de mapa no
Google Maps ou no Waze?
A escolha é do usuário :)
Ícones diferenciados
possuem silhueta única e volume
iPhone Android
Splash screen
Não se usa splash screen em Android. Ponto.
No iPhone, a splash screen é
uma imagem estática feita
para simular parte da interface
do app, enquanto o conteúdo
carrega.
"
Isso diminui o tempo de espera.
"
Começou a ser usada para
aplicação da marca, e então
passou a ser usada como
banner para publicidade,
mesmo que a Apple não
recomende*.
*https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1
VEJA ESSE (MAU) EXEMPLO
Após abrir o app, o
usuário vê o logotipo do
evento.
Dois segundos depois,

ele vê o logotipo do
patrocinador.
Mais dois segundos e
então o usuário é forçado
a criar uma conta.
A não ser que muito conteúdo
relevante precise ser carregado
de uma só vez, vale a pena
transformar a sua marca num
obstáculo entre o usuário e o
conteúdo do app?
Até aqui, o usuário viu três telas
diferentes, das quais não podia
escapar, e ainda não acessou
conteúdo algum.
VEJA ESSE (MAU) EXEMPLO
O melhor hábito é
carregar o app por
partes: a interface
primeiro, o conteúdo
depois.
!
Isso diminui o tempo de
espera :)
!
Sua marca pode ser
reforçada de outras
formas, dentro do app.
Capítulo 6
“Saber se adaptar.”
O Evernote contempla a maior parte
dos recursos apresentados aqui.
10''
4''7''
Responsivo
O mesmo app suporta smartphones e tablets.
1. Ícone apropriado
2. Funções e ícone adaptados
nas notificações.
3. Widgets
No iPhone, segue os padrões do iPhone.
No Android, segue os padrões do Android :)
E ele não está sozinho!


Para criar uma experiência familiar e agradável,

é importante integrar o app com a plataforma, e a
marca não pode ficar no caminho. Seja flexível!
É o que diz o Skype…
… o Dropbox…
… o Foursquare…
… e todos os outros apps
citados nessa apresentação.
Capítulo 7
“Quase acabando…”
1. Mão de obra adicional e
resultados não satisfatórios.
2. Manutenção mais difícil.
3. Afeta a estrutura de
navegação do app.
4. App instável, pesado e
propenso a bugs.
Tentar imitar o visual
do iPhone no Android
Consequências:
5. Economia em Arquitetura e Design.

Gastos com desenvolvimento.
“O Hitler dos apps de celular”
“Pior app da História”
“Totalmente lixo”
HRS Hotel Search
Mas para tudo há solução!
Após redesign (e re-lançamento)…
Conclusão
1. Adaptar o app ao contexto do
usuário, e não o contrário.
2. Saber usar ao máximo os recursos
oferecidos pela plataforma.

Seu usuário espera isso.
3. A integração do app com a
plataforma é mais importante do
que a “consistência” entre apps
de diferentes plataformas.
Os recursos mostrados aqui estão disponíveis em
Android 4 e versões mais atuais.
No entanto, existem bibliotecas de compatibilidade
para versões anteriores.
Para designers
Android Design Guidelines
http://developer.android.com/design/index.html
Device Art Generator
http://developer.android.com/distribute/promote/device-art.html
Android Asset Studio (desenvolvido por terceiros)
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html
Para desenvolvedores
Creating a Navigation Drawer
http://developer.android.com/training/
implementing-navigation/nav-drawer.html
Actionbar Sherlock (desenvolvido por terceiros)
http://actionbarsherlock.com/

Más contenido relacionado

La actualidad más candente

Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...
Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...
Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...Tchelinux
 
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
 
Curso de Google Android - Aula 1
Curso de Google Android - Aula 1Curso de Google Android - Aula 1
Curso de Google Android - Aula 1Jose Berardo
 
Desenvolvimento Android, por onde começar?
Desenvolvimento Android, por onde começar?Desenvolvimento Android, por onde começar?
Desenvolvimento Android, por onde começar?Rudson Lima
 
Apostila passo a passo como programar em android edição03
Apostila passo a passo como programar em android edição03Apostila passo a passo como programar em android edição03
Apostila passo a passo como programar em android edição03Horacio Diamante Mondlane
 
Curso de Android - aula 3
Curso de Android - aula 3Curso de Android - aula 3
Curso de Android - aula 3Jose Berardo
 
Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Erisvaldo Junior
 
Capítulo 01 - Fundamentos de Android e o HelloWorld
Capítulo 01 - Fundamentos de Android e o HelloWorldCapítulo 01 - Fundamentos de Android e o HelloWorld
Capítulo 01 - Fundamentos de Android e o HelloWorldMarcio Palheta
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para AndroidClaudio Pereira
 
Introdução à plataforma Android
Introdução à plataforma AndroidIntrodução à plataforma Android
Introdução à plataforma AndroidNatanael Fonseca
 
Introdução ao desenvolvimento de apps para Android - Dia 1/2
Introdução ao desenvolvimento de apps para Android - Dia 1/2Introdução ao desenvolvimento de apps para Android - Dia 1/2
Introdução ao desenvolvimento de apps para Android - Dia 1/2Matheus Calegaro
 
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Matheus Calegaro
 
Da introdução à prática no desenvolvimento Android
Da introdução à prática no desenvolvimento AndroidDa introdução à prática no desenvolvimento Android
Da introdução à prática no desenvolvimento AndroidRodolfo Faquin Della Justina
 

La actualidad más candente (20)

Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...
Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...
Desenvolvendo aplicações em Java para o Google Android - Ranieri de Souza Fer...
 
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
 
Introdução ao Android Studio
Introdução ao Android StudioIntrodução ao Android Studio
Introdução ao Android Studio
 
Curso de Google Android - Aula 1
Curso de Google Android - Aula 1Curso de Google Android - Aula 1
Curso de Google Android - Aula 1
 
Android Aula 2
Android Aula 2Android Aula 2
Android Aula 2
 
Apresentação android
Apresentação androidApresentação android
Apresentação android
 
Android - Conceito e Arquitetura
Android - Conceito e ArquiteturaAndroid - Conceito e Arquitetura
Android - Conceito e Arquitetura
 
Desenvolvimento Android, por onde começar?
Desenvolvimento Android, por onde começar?Desenvolvimento Android, por onde começar?
Desenvolvimento Android, por onde começar?
 
Apostila passo a passo como programar em android edição03
Apostila passo a passo como programar em android edição03Apostila passo a passo como programar em android edição03
Apostila passo a passo como programar em android edição03
 
Curso de Android - aula 3
Curso de Android - aula 3Curso de Android - aula 3
Curso de Android - aula 3
 
Android Aula 5
Android Aula 5Android Aula 5
Android Aula 5
 
Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1
 
Capítulo 01 - Fundamentos de Android e o HelloWorld
Capítulo 01 - Fundamentos de Android e o HelloWorldCapítulo 01 - Fundamentos de Android e o HelloWorld
Capítulo 01 - Fundamentos de Android e o HelloWorld
 
Android Aula 3
Android Aula 3Android Aula 3
Android Aula 3
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para Android
 
Introdução à plataforma Android
Introdução à plataforma AndroidIntrodução à plataforma Android
Introdução à plataforma Android
 
Android Aula 4
Android Aula 4Android Aula 4
Android Aula 4
 
Introdução ao desenvolvimento de apps para Android - Dia 1/2
Introdução ao desenvolvimento de apps para Android - Dia 1/2Introdução ao desenvolvimento de apps para Android - Dia 1/2
Introdução ao desenvolvimento de apps para Android - Dia 1/2
 
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2
 
Da introdução à prática no desenvolvimento Android
Da introdução à prática no desenvolvimento AndroidDa introdução à prática no desenvolvimento Android
Da introdução à prática no desenvolvimento Android
 

Destacado

Aula05 android persistencia
Aula05 android persistenciaAula05 android persistencia
Aula05 android persistenciaRoberson Alves
 
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
 
Google Cloud Messaging for Android
Google Cloud Messaging for AndroidGoogle Cloud Messaging for Android
Google Cloud Messaging for Androidedilsonmendes
 
Aula07 android conectividade
Aula07 android conectividadeAula07 android conectividade
Aula07 android conectividadeRoberson Alves
 
Android Banco de Dados
Android Banco de DadosAndroid Banco de Dados
Android Banco de DadosAlex Braz
 
Java na TV Digital - Programando interatividade com JavaDTV
Java na TV Digital - Programando interatividade com JavaDTVJava na TV Digital - Programando interatividade com JavaDTV
Java na TV Digital - Programando interatividade com JavaDTVmercuriocfg
 
Definição do produto vogue videos
Definição do produto vogue videosDefinição do produto vogue videos
Definição do produto vogue videosMonique Tavares
 
Evolucao Do Hardware Fotos
Evolucao Do Hardware FotosEvolucao Do Hardware Fotos
Evolucao Do Hardware FotosUnipinhal
 
Aulas Google Android
Aulas Google AndroidAulas Google Android
Aulas Google AndroidIury Teixeira
 
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELI
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELIEMPÓRIO JARDIM I PADARIA, BISTRÔ E DELI
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELIp_brands
 
Apresentação final de Green ecoHouse
Apresentação final de Green ecoHouseApresentação final de Green ecoHouse
Apresentação final de Green ecoHouseMaria José Esteves
 
Desmistificando o desenvolvimento de jogos no Brasil
Desmistificando o desenvolvimento de jogos no BrasilDesmistificando o desenvolvimento de jogos no Brasil
Desmistificando o desenvolvimento de jogos no BrasilJogos Digitais, PUC - SP
 
"Do Joystick ao Peão – O que acontece nas mesas da luderia"
"Do Joystick ao Peão – O que acontece nas mesas da luderia""Do Joystick ao Peão – O que acontece nas mesas da luderia"
"Do Joystick ao Peão – O que acontece nas mesas da luderia"Jogos Digitais, PUC - SP
 
Games Open Source: experiências na comunidade KDE
Games Open Source: experiências na comunidade KDEGames Open Source: experiências na comunidade KDE
Games Open Source: experiências na comunidade KDEJogos Digitais, PUC - SP
 
iPhone manual do usuario
iPhone manual do usuarioiPhone manual do usuario
iPhone manual do usuarioMihaela Mija
 

Destacado (20)

Sistemas operativos moviles Android
Sistemas operativos moviles  AndroidSistemas operativos moviles  Android
Sistemas operativos moviles Android
 
Sincronizacion de procesos_android
Sincronizacion de procesos_androidSincronizacion de procesos_android
Sincronizacion de procesos_android
 
Apostila microsoft project 2003
Apostila   microsoft project 2003Apostila   microsoft project 2003
Apostila microsoft project 2003
 
Aula05 android persistencia
Aula05 android persistenciaAula05 android persistencia
Aula05 android persistencia
 
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]
 
Google Cloud Messaging for Android
Google Cloud Messaging for AndroidGoogle Cloud Messaging for Android
Google Cloud Messaging for Android
 
Aula07 android conectividade
Aula07 android conectividadeAula07 android conectividade
Aula07 android conectividade
 
Android Banco de Dados
Android Banco de DadosAndroid Banco de Dados
Android Banco de Dados
 
Java na TV Digital - Programando interatividade com JavaDTV
Java na TV Digital - Programando interatividade com JavaDTVJava na TV Digital - Programando interatividade com JavaDTV
Java na TV Digital - Programando interatividade com JavaDTV
 
Presentatie Bart Kleijn
Presentatie Bart KleijnPresentatie Bart Kleijn
Presentatie Bart Kleijn
 
Definição do produto vogue videos
Definição do produto vogue videosDefinição do produto vogue videos
Definição do produto vogue videos
 
Evolucao Do Hardware Fotos
Evolucao Do Hardware FotosEvolucao Do Hardware Fotos
Evolucao Do Hardware Fotos
 
Aulas Google Android
Aulas Google AndroidAulas Google Android
Aulas Google Android
 
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELI
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELIEMPÓRIO JARDIM I PADARIA, BISTRÔ E DELI
EMPÓRIO JARDIM I PADARIA, BISTRÔ E DELI
 
Apresentação final de Green ecoHouse
Apresentação final de Green ecoHouseApresentação final de Green ecoHouse
Apresentação final de Green ecoHouse
 
Desmistificando o desenvolvimento de jogos no Brasil
Desmistificando o desenvolvimento de jogos no BrasilDesmistificando o desenvolvimento de jogos no Brasil
Desmistificando o desenvolvimento de jogos no Brasil
 
Iniciando com IphoneDev
Iniciando com IphoneDevIniciando com IphoneDev
Iniciando com IphoneDev
 
"Do Joystick ao Peão – O que acontece nas mesas da luderia"
"Do Joystick ao Peão – O que acontece nas mesas da luderia""Do Joystick ao Peão – O que acontece nas mesas da luderia"
"Do Joystick ao Peão – O que acontece nas mesas da luderia"
 
Games Open Source: experiências na comunidade KDE
Games Open Source: experiências na comunidade KDEGames Open Source: experiências na comunidade KDE
Games Open Source: experiências na comunidade KDE
 
iPhone manual do usuario
iPhone manual do usuarioiPhone manual do usuario
iPhone manual do usuario
 

Similar a Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone

Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...
Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...
Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...Rafael Burity
 
Memorias das trincheiras
Memorias das trincheirasMemorias das trincheiras
Memorias das trincheirasElton Minetto
 
Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Alex Ivonika
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveisYgor Castro
 
Oficina de aplicativos
Oficina de aplicativosOficina de aplicativos
Oficina de aplicativoscdimobilidade
 
Oficina de aplicativos
Oficina de aplicativosOficina de aplicativos
Oficina de aplicativoscdimobilidade
 
O Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileO Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileThiago Cortat
 
Criando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisCriando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisklaibert
 
Revista COS Mobile
Revista COS MobileRevista COS Mobile
Revista COS MobileThaís Lins
 
Introdução a programação para plataforma iOS
Introdução a programação para plataforma iOSIntrodução a programação para plataforma iOS
Introdução a programação para plataforma iOSDevmedia
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Diogo Souza
 

Similar a Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone (20)

Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...
Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...
Android vs. iOS - Relatório de diferenças na abordagem de interface visual e ...
 
Memorias das trincheiras
Memorias das trincheirasMemorias das trincheiras
Memorias das trincheiras
 
Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2Planejamento aplicativos alex ivonika_2
Planejamento aplicativos alex ivonika_2
 
App Inventor: Eu escolho você!
App Inventor: Eu escolho você!App Inventor: Eu escolho você!
App Inventor: Eu escolho você!
 
Beginning Iphone
Beginning IphoneBeginning Iphone
Beginning Iphone
 
BrazilJS 2012
BrazilJS 2012BrazilJS 2012
BrazilJS 2012
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
 
Oficina de aplicativos
Oficina de aplicativosOficina de aplicativos
Oficina de aplicativos
 
Oficina de aplicativos
Oficina de aplicativosOficina de aplicativos
Oficina de aplicativos
 
O Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileO Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em Mobile
 
Criando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisCriando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveis
 
Minicurso de App Inventor
Minicurso de App InventorMinicurso de App Inventor
Minicurso de App Inventor
 
TelemóVeis E Sistemas Operativos
TelemóVeis E Sistemas OperativosTelemóVeis E Sistemas Operativos
TelemóVeis E Sistemas Operativos
 
APP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quandoAPP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quando
 
Revista COS Mobile
Revista COS MobileRevista COS Mobile
Revista COS Mobile
 
Revista COS Mobile
Revista COS MobileRevista COS Mobile
Revista COS Mobile
 
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
 
Android x iOS
Android x iOSAndroid x iOS
Android x iOS
 
Introdução a programação para plataforma iOS
Introdução a programação para plataforma iOSIntrodução a programação para plataforma iOS
Introdução a programação para plataforma iOS
 
Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?Android: Por que usar? Como desenvolver?
Android: Por que usar? Como desenvolver?
 

Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone

  • 1. ENTENDA PORQUE SEU APP DE ANDROID NÃO DEVE SER IGUAL AO DE iPHONE
  • 2. QUEM SOU EU Henrique Perticarati Arquiteto de Informação e Designer de Interface Você pode me encontrar… aqui: hperticarati@gmail.com ou aqui: henrique.perticarati@taqtile.com Esse conteúdo é um oferecimento Taqtile. http://taqtile.com.br
  • 3. NÃO ENTRE EM PÂNICO! 76% dessa apresentação são figuras e gráficos legais!
  • 5. Imaginemos…
 uma MONTADORA JAPONESA Proposta Novo carro que traz todos os valores da montadora, aliado à autêntica experiência de se dirigir um carro Japonês.
  • 6. APÓS O LANÇAMENTO, SUCESSO RÁPIDO! Moderno, estável, econômico e ecológico. Confortável na cidade, bom desempenho na estrada. Vamos exportar!
  • 7. PARA REPLICAR O SUCESSO NO MUNDO TODO, QUEREMOS A MESMA EXPERIÊNCIA EM TODOS OS LUGARES! “Inclusive, com o volante no lado direito, para ser consistente com o modelo vendido no Japão”.
  • 8. RESULTADO:
 RECEPÇÃO RUIM DE UM PRODUTO BOM Isso parece familiar?
  • 9. Ao prezar pela “consistência” entre produtos, a montadora se esqueceu de algumas regrinhas essenciais…
  • 10. CONTEXTO DE CONHECER O USUÁRIO Quem é? O que pensa? O que sabe? O que espera do produto? Como interage com produtos semelhantes? …
  • 11. ENTENDER O CONTEXTO DE USO Por quê, e em que situações o produto será usado? Como o usuário se comporta nesse momento? …
  • 12. SER FAMILIAR Se adequar ao modelo mental do usuário. Atender suas expectativas. Construir inovações em cima do conhecido.
  • 13. Capítulo 2 “Isso é muito bom. O resto é lixo.”
  • 14. Quando se desenvolve apps para smartphones, é muito comum:
  • 15. 1.Encomendar versões do app somente para iPhone e Android São as plataformas com maior representatividade no mercado.* Por enquanto, apps de Windows Phone e outras plataformas ficam esquecidos. *73,39%, mundialmente - maio de 2014.
 Fonte: http://gs.statcounter.com/
  • 16. 2.Iniciar o desenvolvimento com a versão iPhone Usuários de iPhone costumam retornar mais lucro para o serviço. " Clientes e stakeholders costumam ter iPhones, e querem ver o app funcionando em sua plataforma preferida :) " O desenvolvimento para iPhone é mais rápido (pois é menos fragmentado).
  • 17. 3.Solicitar que o app de Android seja igual ao de iPhone Quem encomenda o projeto não costuma conhecer a fundo o Android, por isso: " Julga-se que a experiência de uso seja pior que a do iPhone. " Não se quer pagar duas vezes pela “Arquitetura e Design do mesmo app”. " Acredita-se que as duas versões do app devam ser “consistentes, para o usuário não se confundir”.
  • 18. Capítulo 3 “Ordem a partir do caos.”
  • 21. Crescimento do Android na América Latina
  • 22. Fonte: http://gs.statcounter.com/ Android 66,13% iPhone 13,79% Nokia Series 40 7,24% Windows Phone 4,36% Outros 8,17% Mercado de smartphones no Brasil* *Março de 2014
  • 23. Há alguns anos,
 a grande maioria dos smartphones no Brasil são Android. Resumindo… E por isso Usuários de Android já estão habituados aos modelos de interação da plataforma.
  • 24. Ok, nem sempre foi assim…
  • 25. As primeiras versões do Android
 não tinham um padrão forte de Design* *Android 2.3 e anteriores
  • 26. Mas desde Dezembro de 2011
 tudo mudou, com o lançamento do Android 4.
  • 27. Com novos princípios de Design e uma forte documentação, o Android agora oferece aos usuários uma experiência única.
  • 28. Agora os usuários podem desfrutar de modelos de interação consistentes entre todos os aplicativos :)
  • 29. E não foram só os apps da
 Google que aderiram!
  • 36. Capítulo 4 “O que há de diferente.”
  • 37. ≆ A experiência de uso em smartphones iPhone e Android é “aproximada, mas não exatamente igual”.
  • 38. Eis o que há de diferente: Alguns recursos do Android são próprios de seu modelo de interação.
  • 39. Navegação O botão voltar (fixo), 
 permite que o usuário cancele qualquer processo ou volte para telas anteriores, semelhante à um navegador de internet. O botão subir (opcional) permite a navegação por níveis hierárquicos do app, semelhante ao Windows Explorer.
  • 40. Escolher um produto a partir de um catálogo Escolher outro a partir da lista de semelhantes… E mais outro… E mais outro. Navegando num mesmo app, o usuário pode visitar diversas seções
  • 41. É possível fazer todo o caminho de volta usando o botão voltar…
  • 42. …ou ir direto para o nível acima,
 usando o botão subir.
  • 43. Buscar um filme no Google Visualizá-lo no IMDb Escolher onde quer compartilhar Enviar para um grupo no Whatsapp Um usuário pode começar uma tarefa em um app e concluí-la em outro.
  • 44. Usando o botão voltar, o usuário pode fazer todo o caminho de volta entre apps diferentes, sem problemas.
  • 45. Gaveta de navegação (pode chamar de menu lateral, se quiser ;) Permite a navegação entre diversos níveis superiores do app
  • 46. Barra de Ações (pode chamar de menu superior, se quiser ;) Permite acesso a navegação principal Exibe as ferramentas mais importantes da tela atual
  • 47. Widgets Trazem para a home do smartphone alguns recursos de dentro do app, sem a necessidade de abri-lo.
  • 48. Compartilhamento Compartilhe em qualquer app instalado que permita essa ação. " Seu usuário poderá adicionar seu produto a uma nota no Evernote ou à uma conversa no Messenger. " O Android provê isso automaticamente :)
  • 49. Notificações avançadas A partir de uma notificação, é possível interagir com o app sem abri-lo… …responder mensagens, visualizar imagens recebidas, acompanhar um andamento de download.
  • 50. Completar tarefa usando outro app Abrir um link de mapa no Google Maps ou no Waze? A escolha é do usuário :)
  • 53. Splash screen Não se usa splash screen em Android. Ponto.
  • 54. No iPhone, a splash screen é uma imagem estática feita para simular parte da interface do app, enquanto o conteúdo carrega. " Isso diminui o tempo de espera. " Começou a ser usada para aplicação da marca, e então passou a ser usada como banner para publicidade, mesmo que a Apple não recomende*. *https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1
  • 55. VEJA ESSE (MAU) EXEMPLO Após abrir o app, o usuário vê o logotipo do evento. Dois segundos depois,
 ele vê o logotipo do patrocinador. Mais dois segundos e então o usuário é forçado a criar uma conta.
  • 56. A não ser que muito conteúdo relevante precise ser carregado de uma só vez, vale a pena transformar a sua marca num obstáculo entre o usuário e o conteúdo do app? Até aqui, o usuário viu três telas diferentes, das quais não podia escapar, e ainda não acessou conteúdo algum. VEJA ESSE (MAU) EXEMPLO
  • 57. O melhor hábito é carregar o app por partes: a interface primeiro, o conteúdo depois. ! Isso diminui o tempo de espera :) ! Sua marca pode ser reforçada de outras formas, dentro do app.
  • 58. Capítulo 6 “Saber se adaptar.”
  • 59. O Evernote contempla a maior parte dos recursos apresentados aqui.
  • 60. 10'' 4''7'' Responsivo O mesmo app suporta smartphones e tablets.
  • 61. 1. Ícone apropriado 2. Funções e ícone adaptados nas notificações. 3. Widgets
  • 62. No iPhone, segue os padrões do iPhone. No Android, segue os padrões do Android :)
  • 63. E ele não está sozinho! 
 Para criar uma experiência familiar e agradável,
 é importante integrar o app com a plataforma, e a marca não pode ficar no caminho. Seja flexível!
  • 64. É o que diz o Skype…
  • 67. … e todos os outros apps citados nessa apresentação.
  • 69. 1. Mão de obra adicional e resultados não satisfatórios. 2. Manutenção mais difícil. 3. Afeta a estrutura de navegação do app. 4. App instável, pesado e propenso a bugs. Tentar imitar o visual do iPhone no Android Consequências: 5. Economia em Arquitetura e Design.
 Gastos com desenvolvimento.
  • 70. “O Hitler dos apps de celular” “Pior app da História” “Totalmente lixo” HRS Hotel Search
  • 71. Mas para tudo há solução! Após redesign (e re-lançamento)…
  • 72. Conclusão 1. Adaptar o app ao contexto do usuário, e não o contrário. 2. Saber usar ao máximo os recursos oferecidos pela plataforma.
 Seu usuário espera isso. 3. A integração do app com a plataforma é mais importante do que a “consistência” entre apps de diferentes plataformas.
  • 73. Os recursos mostrados aqui estão disponíveis em Android 4 e versões mais atuais. No entanto, existem bibliotecas de compatibilidade para versões anteriores. Para designers Android Design Guidelines http://developer.android.com/design/index.html Device Art Generator http://developer.android.com/distribute/promote/device-art.html Android Asset Studio (desenvolvido por terceiros) http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html Para desenvolvedores Creating a Navigation Drawer http://developer.android.com/training/ implementing-navigation/nav-drawer.html Actionbar Sherlock (desenvolvido por terceiros) http://actionbarsherlock.com/