SlideShare ist ein Scribd-Unternehmen logo
1 von 84
Mobile
First
Danny Lopes
dannyslopes@gmail.com
Mobile First
em português = ...
você não traduz esses
termos
Pendrive
Slide
2

Tablet
Produtos web devem ser projetados primeiramente
para dispositivos móveis
3
Luke Wroblewski

2011

4
“Os programadores do Google estão
trabalhando em aplicações Mobile First,
pois são aplicações melhores e é isso que
programadores de alto nível querem
desenvolver”– Google Chairman
Eric Schmidt

5
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
“Agora mesmo
estamos
implementando o
Mobile First Desktop Second
para vários de nossos
produtos”
Kate Aronowitz –
Diretora de Design
do Facebook

6
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
“Realmente precisamos mudar agora para começarmos a pensar em
desenvolver primeiro para Mobile. Essa é uma mudança ainda maior que a
revolução do PC”.
Kevin Lynch – CTO Adobe
7
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
8
1500
Impressa (livros, panfletos, jornais,
revistas, etc.)

#1
9
Fonte: http://static.lukew.com/mtf_11122012.pdf
1890
Gravadores e Players
(gravadores, fita-cassete, CDs,
DVDs)

#2
10
Fonte: http://static.lukew.com/mtf_11122012.pdf
1900
Cinema

#3
11
Fonte: http://static.lukew.com/mtf_11122012.pdf
1910
Rádio

#4
12
Fonte: http://static.lukew.com/mtf_11122012.pdf
1950
Televisão

#5
13
Fonte: http://static.lukew.com/mtf_11122012.pdf
1990
Internet

#6
14
Fonte: http://static.lukew.com/mtf_11122012.pdf
2000
Dispositivos Móveis

#7
15
Fonte: http://static.lukew.com/mtf_11122012.pdf
525 mil
iPhones vendidos por dia

916 mil
dispositivos com iOS

2.4 milhões
371mil
bebês nascem por dia

dispositivos Android
ativados por dia

247 mil
smartphones Nokia

66 mil
dispositivos Blackberry

16
Fonte: http://static.lukew.com/mtf_11122012.pdf
5 anos
TELEFONE

10 anos

15 anos
39

anos
ELETRICIDADE

COMPUTADOR
RÁDIO
TELEFONE CELULAR
INTERNET
TELEVISÃO
SMARTPHONE
17

3,5 anos

Tempo médio de alcance de 40% dos cidadãos americanos (EUA)
Dispositivos
Móveis

6 Bi
Conexões diárias

10 Bi
Conexões em 2016

26x
Crescimento do
tráfego mundial
18
Fonte: http://static.lukew.com/mtf_11122012.pdf
Dispositivos
Móveis

Impressos

19

Gravadores

Cinema

Rádio

Televisão

Internet
Patrocinadores

Programas

20
Rádio não é TV !

21
Fonte: http://static.lukew.com/mtf_11122012.pdf
Internet não é mídia impressa

22
Mobile não é Desktop

23
Contexto dos Dispositivos Móveis no
nosso dia-a-dia...

24
Há 6.8 Bilhões de
pessoas na Terra
4 Bilhões utilizam
telefone celular
Apenas 3.5 Bilhões
usam escova de
dentes

25
Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812
26
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
27
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
28
29
30
31
32
33
34
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
35
36
37
38
Crescimento

Oportunidade

Restrições

Foco!

Recursos

Inovação

39
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
Crescimento

40

Oportunidade
Crescimento

Oportunidade

+300.000 apps

+10.9 bi

desenvolvidas nos últimos 3 anos

downloads

Quando o mobile é usado?
casa

rua

lojas

trabalho

41
Fonte: http://www.themobilewebdesignblog.com/2012/05/08/mighty-mobile-infographic/

transp. público
Crescimento

Oportunidade

42
Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812
Crescimento

Oportunidade

Comércio Mobile
+ $1BI vendas através de mobile nos últimos 12 meses
+ $4 BI em 2011 vs $2 BI em 2010 em vendas por
mobile

43
Fontes: http://static.lukew.com/MobileFirst_LukeW.pdf e https://www.ecommercebrasil.com.br/
Crescimento

Oportunidade

Redes Sociais

~80 Mi
de usuários em menos de 2
anos

4 Bi
de fotos postadas

44
Fontes: http://g1.globo.com/tecnologia/noticia/2013/01/pela-primeira-vez-instagram-revela-numero-de-usuarios-90-milhoes.ht
Crescimento

Oportunidade

45
Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento

Oportunidade

46
Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento

Oportunidade

47
Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento

Oportunidade

48
Fonte: http://blog.agencialinea.com.br/infografico-os-numeros-do-facebook-no-brasil/
Restrições

49

Foco!
Restrições

Foco!

Um olho no peixe, outro no gato...

50
Restrições

Foco!
Tela grande

Energia

Rede estável
Teclado
Mouse

Cadeira
Desktop
Mesa
51
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
Restrições

Foco!
Tela pequena

Bateria

Rede inconsistente

Dedo gordo
Dispositivo Móvel

Sensores

52
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
Restrições

Foco!

O que pode ser ótimo para o negócio...

Força a priorização
Obriga a manter o foco !
53
Restrições

54

Foco!
Restrições

Foco!

Menos
é
Mais

55
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Restrições

Foco!

56
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Restrições

Foco!

57
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Recursos

58

Inovação
Recursos

Inovação

GPS

59
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Recursos

Inovação

Acelerômetro

60
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Recursos

Inovação

Bluetooth

61
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Recursos

Inovação

Áudio, som e
imagem

62
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Recursos

Inovação

Sensores
Multitoque

63
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Regra #1 do
Mobile First

Elimine da interface itens que não sejam
extremamente necessários
64
Qual desses desktops oferece a
melhor experiência de uso?

65
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
O Paradoxo da Escolha - Barry Schwartz

66
Fonte: http://vidaminimalista.com/sobre-o-paradoxo-da-escolha/
O que os usuários
esperam?

67
68
A Experiência Perfeita :-)

69
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
Felicidade

70
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
E como são nossas
experiências hoje?

71
72
73
A maioria das experiências
ruins
poderiam
ser
evitadas com
Identificação do alvo certo
Avaliações com usuários
74
autenticações por dia

esqueceram a senha de um site

solicitaram a senha
Ontem

no ranking de serviço helpdesk
da Intranet

75
76
chamados dos clientes

Hoje

77
78
Mostre a senha...

79
80
O que os usuários
esperam?

81
82
Mobile
First
www.lukew.com

83
Obrigado !
Danny Lopes
dannyslopes@gmail.com

Weitere ähnliche Inhalte

Ähnlich wie Mobile First: Crescimento e oportunidades nos dispositivos móveis

Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014
Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014
Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014Gustavo Bacchin
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013Jackson F. de A. Mafra
 
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudDesenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudiMasters
 
Poster_GustavoMolina como teste para baixarr
Poster_GustavoMolina como teste para baixarrPoster_GustavoMolina como teste para baixarr
Poster_GustavoMolina como teste para baixarrMSc. Gustavo Molina, MBA
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Dhiego Bicudo
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Ana Laura Gomes
 
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...Ian Castro
 
Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?meet2Brains
 
Mobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraMobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraSaulo Pratti
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horácio Soares
 
Desenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDesenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDirlei Dionísio
 
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
 
Desenvolvendo para Firefox OS
Desenvolvendo para Firefox OSDesenvolvendo para Firefox OS
Desenvolvendo para Firefox OSDavid Ruiz
 
Mobilidade e o Mundo Corporativo
Mobilidade e o Mundo CorporativoMobilidade e o Mundo Corporativo
Mobilidade e o Mundo CorporativoFernando Palma
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
 
Criando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisCriando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisklaibert
 

Ähnlich wie Mobile First: Crescimento e oportunidades nos dispositivos móveis (20)

Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014
Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014
Mobile First: A Era do Mobile Chegou? - Search Masters Brasil 2014
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
 
Ll3#15
Ll3#15Ll3#15
Ll3#15
 
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudDesenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
 
Poster_GustavoMolina como teste para baixarr
Poster_GustavoMolina como teste para baixarrPoster_GustavoMolina como teste para baixarr
Poster_GustavoMolina como teste para baixarr
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
 
Mobile day-ufba-2014-slideshare
Mobile day-ufba-2014-slideshareMobile day-ufba-2014-slideshare
Mobile day-ufba-2014-slideshare
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]
 
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...
Branded Apps: Uma introdução sobre Publicidade em Aplicativos Móveis patrocin...
 
Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?
 
Mobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraMobile Web: Aqui e Agora
Mobile Web: Aqui e Agora
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
Desenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator TitaniumDesenvolvimento Multiplataforma com Appcelerator Titanium
Desenvolvimento Multiplataforma com Appcelerator Titanium
 
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
 
Desenvolvendo para Firefox OS
Desenvolvendo para Firefox OSDesenvolvendo para Firefox OS
Desenvolvendo para Firefox OS
 
Mobilidade e o Mundo Corporativo
Mobilidade e o Mundo CorporativoMobilidade e o Mundo Corporativo
Mobilidade e o Mundo Corporativo
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
 
Mobile
MobileMobile
Mobile
 
Criando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveisCriando aplicativos-para-dispositivos-moveis
Criando aplicativos-para-dispositivos-moveis
 

Mobile First: Crescimento e oportunidades nos dispositivos móveis