mobile first - palestra ifam 2013
Post on 19-Nov-2014
559 Views
Preview:
DESCRIPTION
TRANSCRIPT
Mobile
FirstDanny Lopesdannyslopes@gmail.com
2
Mobile Firstem português = ...
você não traduz esses termos
Pendrive
SlideTablet
3
Produtos web devem ser projetados primeiramente para dispositivos móveis
4
Luke Wroblewski
2011
5
“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”Eric Schmidt – Google Chairman
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
6
“Agora mesmo estamos implementando o Mobile First - Desktop Second para vários de nossos produtos”
Kate Aronowitz – Diretora de Design do Facebook
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
7
“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
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
8
9
Impressa (livros, panfletos, jornais, revistas, etc.)
1500
#1
Fonte: http://static.lukew.com/mtf_11122012.pdf
10
#2
Gravadores e Players (gravadores, fita-cassete, CDs, DVDs)
1890
Fonte: http://static.lukew.com/mtf_11122012.pdf
11
#3
Cinema
1900
Fonte: http://static.lukew.com/mtf_11122012.pdf
12
#4
Rádio
1910
Fonte: http://static.lukew.com/mtf_11122012.pdf
13
#5
Televisão
1950
Fonte: http://static.lukew.com/mtf_11122012.pdf
14
#6
Internet
1990
Fonte: http://static.lukew.com/mtf_11122012.pdf
15
#7
Dispositivos Móveis
2000
Fonte: http://static.lukew.com/mtf_11122012.pdf
16
bebês nascem por dia371mil
iPhones vendidos por dia525 mil
dispositivos com iOS916 mil
dispositivos Android ativados por dia
2.4 milhões
smartphones Nokia247 mil
dispositivos Blackberry66 mil
Fonte: http://static.lukew.com/mtf_11122012.pdf
17
5 anos 10 anos 15 anosTELEFONE 39
anos
ELETRICIDADE
COMPUTADOR
RÁDIO
TELEFONE CELULAR
INTERNET
TELEVISÃO
Tempo médio de alcance de 40% dos cidadãos americanos (EUA)
SMARTPHONE 3,5 anos
18
Dispositivos Móveis Conexões diárias
6 Bi
Conexões em 201610 Bi
Crescimento do tráfego mundial
26x
Fonte: http://static.lukew.com/mtf_11122012.pdf
19
Dispositivos Móveis
Impressos Gravadores Cinema Rádio Televisão Internet
20
Patrocinadores
Programas
21
Rádio não é TV !
Fonte: http://static.lukew.com/mtf_11122012.pdf
22
Internet não é mídia impressa
23
Mobile não é Desktop
24
Contexto dos Dispositivos Móveis no nosso dia-a-dia...
25
Há 6.8 Bilhões de pessoas na Terra
4 Bilhões utilizam telefone celular
Apenas 3.5 Bilhões usam
escova de dentes
Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812
26Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
27Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
28
29
30
31
32
33
34Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
35
36
37
38
39
Crescimento
Restrições
Recursos
Oportunidade
Foco!
Inovação
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
40
Crescimento Oportunidade
41
+300.000 appsdesenvolvidas nos últimos 3 anos downloads
+10.9 bi
Quando o mobile é usado?casa rua lojas trabalho transp. público
Fonte: http://www.themobilewebdesignblog.com/2012/05/08/mighty-mobile-infographic/
Crescimento Oportunidade
42
Crescimento Oportunidade
Fonte: http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812
43
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
Fontes: http://static.lukew.com/MobileFirst_LukeW.pdf e https://www.ecommercebrasil.com.br/
Crescimento Oportunidade
44
~80 Mi de usuários em menos de 2 anos
4 Bi de fotos postadas
Fontes: http://g1.globo.com/tecnologia/noticia/2013/01/pela-primeira-vez-instagram-revela-numero-de-usuarios-90-milhoes.html
Redes Sociais
Crescimento Oportunidade
45Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento Oportunidade
46Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento Oportunidade
47Fonte: http://info.abril.com.br/noticias/blogs/social-talk/sem-categoria/infografico-os-numeros-das-redes-sociais-em-2012/
Crescimento Oportunidade
48
Crescimento Oportunidade
Fonte: http://blog.agencialinea.com.br/infografico-os-numeros-do-facebook-no-brasil/
49
Restrições Foco!
50
Restrições Foco!
Um olho no peixe, outro no gato...
51
Restrições Foco!Tela grande
Energia
Rede estável
Teclado
Mouse
Cadeira
Mesa
Desktop
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
52
Restrições Foco!
Tela pequena
Bateria
Rede inconsistente
Dedo gordo
Sensores
Dispositivo Móvel
Fonte: http://static.lukew.com/MobileFirst_LukeW.pdf
53
Restrições Foco!
O que pode ser ótimo para o negócio...
Força a priorização
Obriga a manter o foco !
54
Restrições Foco!
55
Restrições Foco!
Menos é
Mais
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
56
Restrições Foco!
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
57
Restrições Foco!
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
58
Recursos Inovação
59
Recursos Inovação
GPS
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
60
Recursos Inovação
Acelerômetro
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
61
Recursos Inovação
Bluetooth
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
62
Recursos Inovação
Áudio, som e imagem
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
63
Recursos Inovação
Sensores Multitoque
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
64
Regra #1 do Mobile First
Elimine da interface itens que não sejam extremamente necessários
65
Qual desses desktops oferece a melhor experiência de uso?
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
66
O Paradoxo da Escolha - Barry Schwartz
Fonte: http://vidaminimalista.com/sobre-o-paradoxo-da-escolha/
67
O que os usuários esperam?
68
69
A Experiência Perfeita :-)
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
70
Felicidade
Fonte: http://www.slideshare.net/horacio.soares/mobile-first-palestra-no-mobileconf-2013
71
E como são nossas experiências hoje?
72
73
74
A maioria das experiências ruins poderiam ser evitadas com
Identificação do alvo certo
Avaliações com usuários
75
Ontem
autenticações por dia
esqueceram a senha de um site
solicitaram a senha
no ranking de serviço helpdesk da Intranet
76
77
Hoje
chamados dos clientes
78
79
Mostre a senha...
80
81
O que os usuários esperam?
82
83
Mobile
Firstwww.lukew.com
Obrigado !
Danny Lopesdannyslopes@gmail.com
top related