mobile: o que já está acontecendo e o que é futuro?
DESCRIPTION
Hoje você passa mais tempo com seu smartphone do que com qualquer outra pessoa e 20% do consumo de internet em todo mundo é através de aplicativos. Você acha que o mobile é o futuro, está um pouco atrasado… O mobile é agora!TRANSCRIPT
![Page 1: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/1.jpg)
MOBILE WEB
AQUI E AGORA
meet2Brains 4:
![Page 2: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/2.jpg)
• Formando em Desenho Industrial na UFES
• Arquiteto de informação na Wine.com.br
• Responsável pela plataforma mobile
![Page 3: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/3.jpg)
Telefone+ jogo da cobrinha
Telefone+ SMS
Telefone+ SMS+ 256 cores
Telefone+ SMS+ câmera VGA+ rádio e mp3
Telefone+ SMS, MMS+ twitter+ câmera 2MP+ rádio+ mp3
Apps+ web
2003 2004 2008 2008 2009 2012
![Page 4: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/4.jpg)
![Page 5: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/5.jpg)
![Page 6: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/6.jpg)
![Page 7: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/7.jpg)
http://googlediscovery.com/2009/07/27/google-latitude-para-iphone/
![Page 8: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/8.jpg)
![Page 9: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/9.jpg)
APLICATIVOS NATIVOSx
WEB MÓVEL
![Page 10: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/10.jpg)
NATIVORecursos avançados
Plataformas separadas
Destaque nas app stores
WEBSempre atualizado
Multi-plataforma
Otimizado para sites de busca
![Page 11: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/11.jpg)
![Page 12: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/12.jpg)
Um não é melhor do que o outro. Ambos se complementam.
![Page 13: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/13.jpg)
http://www.tricedesigns.com/wp-content/uploads/2011/08/multidevice_teaser.jpg
![Page 14: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/14.jpg)
http://www.gazetadopantanal.com/editoria/agronegocios/page/79/
![Page 15: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/15.jpg)
https://singularityhub.com/2013/03/14/beforeafter-comparison-of-pope-announcement-shows-incredible-proliferation-of-mobile-in-just-8-years/
![Page 16: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/16.jpg)
http://pplu-sons.blogspot.com.br/2013_02_01_archive.html
(POR FAVOR, NÃO)
![Page 17: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/17.jpg)
CONTEXTO
![Page 18: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/18.jpg)
60% TRANSPORTEPÚBLICO
![Page 19: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/19.jpg)
69% RESTAURANTE
![Page 20: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/20.jpg)
53% CONSULTÓRIO MÉDICO
![Page 21: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/21.jpg)
45% DOS CONSUMIDORESusam smartphones para pesquisa de produtos e navegação dentro das lojas.
![Page 22: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/22.jpg)
CONTEXTO PODE SER TANTOQUANTITATIVO E QUALITATIVO
http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web-webvisions-chicago-2012
• Tamanho da tela
• Conexão
• Recursos do aparelho
• Processamento
• Métodos de entrada
• Objetivos
• Ambiente
• Atenção
• Predisposição
![Page 23: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/23.jpg)
OPORTUNIDADE
![Page 24: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/24.jpg)
OPORTUNIDADERESPONSABILIDADE
![Page 25: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/25.jpg)
FLEXIBILIDADE
UBIQUIDADE
PERFORMANCE
APRIMORAMENTO
![Page 26: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/26.jpg)
CONTEÚDOÉ MATO.
![Page 27: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/27.jpg)
![Page 28: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/28.jpg)
![Page 29: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/29.jpg)
![Page 30: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/30.jpg)
ADAPTARCONTEÚDO À FORMA
(e não o contrário)
![Page 31: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/31.jpg)
![Page 32: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/32.jpg)
![Page 33: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/33.jpg)
INÚTILINÚTIL
![Page 34: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/34.jpg)
![Page 35: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/35.jpg)
FLEXIBILIDADE
UBIQUIDADE
PERFORMANCE
APRIMORAMENTO
![Page 36: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/36.jpg)
WEB
![Page 37: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/37.jpg)
![Page 38: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/38.jpg)
![Page 39: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/39.jpg)
“Ninguém compra vinho pelo celular.”
Janeiro 2012 – Janeiro 2013 – Wine.com.br
![Page 40: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/40.jpg)
Grupos de Foco do Google
Repetitive now
Bored now
Urgent now
![Page 41: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/41.jpg)
PROJETE UMA INTERFACE SUFICIENTEMENTE
USÁVEL E AS PESSOAS IRÃO UTILIZA-LÁ.
![Page 42: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/42.jpg)
Valor > Frustração
https://vimeo.com/46141222
![Page 43: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/43.jpg)
http://produto.mercadolivre.com.br/MLB-465736423-cce-vcr-30x-video-cassete-recorder-_JM
![Page 44: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/44.jpg)
![Page 45: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/45.jpg)
DESIGN ÉPERFORMANCE.
(a experiência é consequência)
![Page 46: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/46.jpg)
Navegadores como o Safari Mobile e
Chrome para Android adicionam 300 ms de
latência ao evento “clique”, esperando que
um segundo evento ocorra, no caso, um
duplo clique.
![Page 47: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/47.jpg)
https://developers.google.com/mobile/articles/fast_buttons
![Page 48: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/48.jpg)
PERFORMANCE É
PERCEBIDA
![Page 49: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/49.jpg)
3 MB
3 MB
RESPONSIVO
![Page 50: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/50.jpg)
USUÁRIOS ESPERAM QUE A PÁGINA MOBILE
CARREGUE MAIS RÁPIDO QUE A
CONVENCIONAL.
![Page 51: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/51.jpg)
USUÁRIOS ESPERAM QUE A PÁGINA MOBILE
CARREGUE MAIS RÁPIDO QUE A
CONVENCIONAL.
QUEREM
![Page 52: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/52.jpg)
PERFORMANCEOTIMIZAÇÃO
GOOGLE PAGE SPEED
DESIGNRESPONSIVO
APPCACHE
MINIFYWEB STORAGE
RETINA DISPLAY
CARREGAMENTO CONDICIONAL
SPRITESMOBILE FIRST
TOUCHHTML5
CSS3
USABILIDADE
![Page 53: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/53.jpg)
ADAPTEResponsivo, fluido, elástico, condicional, não importa: entregue o que o usuário quer fazer. Não existe solução mágica para todos os casos.
![Page 54: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/54.jpg)
PRECIOSOS4 SEGUNDOS.
![Page 55: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/55.jpg)
FLEXIBILIDADE
UBIQUIDADE
PERFORMANCE
APRIMORAMENTO
![Page 56: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/56.jpg)
<input type="number" pattern="[0-9]*">
![Page 57: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/57.jpg)
CSS TransformstranslateX/Y/Z
CSS Transitions
Utilitários-webkit-overflow-scrolling;-webkit-tap-highlight-color;-webkit-user-select;-webkit-touch-callout;
Aceleração por hardware:
![Page 58: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/58.jpg)
![Page 59: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/59.jpg)
ENTENDA ASRESTRIÇÕES
![Page 60: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/60.jpg)
O público do seu sitequer o suco
ou a casca dele?
![Page 61: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/61.jpg)
Plante essaIDEIA
Mobile de hoje é oUniversal de amanhã.
![Page 62: Mobile: o que já está acontecendo e o que é futuro?](https://reader031.vdocuments.net/reader031/viewer/2022020718/549a0ce3b47959b66a8b4597/html5/thumbnails/62.jpg)
@blude
Obrigado!