Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
meet2Brains 4:MOBILE WEB   AQUI E AGORA
• Formando em Desenho  Industrial na UFES• Arquiteto de informação  na Wine.com.br• Responsável pela  plataforma mobile
2003      2004       2008           2008           2009          2012Telefone    Telefone   Telefone      Telefone        ...
http://googlediscovery.com/2009/07/27/google-latitude-para-iphone/
APLICATIVOS NATIVOS         x     WEB MÓVEL
NATIVO                    WEBRecursos avançados        Sempre atualizadoPlataformas separadas     Multi-plataformaDestaque...
Um não é melhor do que o outro.  Ambos se complementam.
http://www.tricedesigns.com/wp-content/uploads/2011/08/multidevice_teaser.jpg
http://www.gazetadopantanal.com/editoria/agronegocios/page/79/
https://singularityhub.com/2013/03/14/beforeafter-comparison-of-pope-announcement-shows-incredible-proliferation-of-mobile...
(POR FAVOR, NÃO) http://pplu-sons.blogspot.com.br/2013_02_01_archive.html
60%
69%
53%
45%   DOS CONSUMIDORES      usam smartphones para      pesquisa de produtos e      navegação dentro das lojas.
CONTEXTO PODE SER TANTO      QUANTITATIVO E QUALITATIVO        • Tamanho da tela                                • Objetivo...
OPORTUNIDADE
OPORTUNIDADERESPONSABILIDADE
FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
CONTEÚDO É MATO.
ADAPTARCONTEÚDO À FORMA     (e não o contrário)
INÚTILINÚTIL
FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
WEB
“Ninguém compravinho pelo celular.”Janeiro 2012 – Janeiro 2013 – Wine.com.br
Grupos de Foco do Google    Repetitive now      Bored now      Urgent now
PROJETE UMA INTERFACESUFICIENTEMENTE USÁVEL   E AS PESSOAS IRÃO       UTILIZA-LÁ.
Valor > Frustração     https://vimeo.com/46141222
http://produto.mercadolivre.com.br/MLB-465736423-cce-vcr-30x-video-cassete-recorder-_JM
DESIGN ÉPERFORMANCE. (a experiência é consequência)
Navegadores como o Safari Mobile e Chromepara Android adicionam 300 ms de latência ao evento “clique”, esperando que um se...
https://developers.google.com/mobile/articles/fast_buttons
PERFORMANCE É
RESPONSIVO 3       3MB      MB
USUÁRIOS ESPERAMQUE A PÁGINA MOBILE  CARREGUE MAIS   RÁPIDO QUE A  CONVENCIONAL.
QUEREM USUÁRIOS ESPERAMQUE A PÁGINA MOBILE  CARREGUE MAIS   RÁPIDO QUE A  CONVENCIONAL.
WEB STORAGE                  MINIFY PERFORMANCE           CSS3RETINA DISPLAY DESIGN                              RESPONSIV...
ADAPTEResponsivo, fluido, elástico, condicional, não importa:entregue o que o usuário quer fazer. Não existe soluçãomágica...
PRECIOSOS4 SEGUNDOS.
FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
<input type="number"pattern="[0-9]*">
Aceleração por hardware:CSS TransformstranslateX/Y/ZCSS TransitionsUtilitários-webkit-overflow-scrolling;-webkit-tap-highl...
ENTENDA ASRESTRIÇÕES
O público do seu site    quer o suco ou a casca dele?
Plante essaIDEIAMobile de hoje é oUniversal de amanhã.
Obrigado!   @blude
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: 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: 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: 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?
Upcoming SlideShare
Loading in …5
×

Mobile: o que já está acontecendo e o que é futuro?

527 views

Published on

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!

Published in: Technology
  • Be the first to comment

Mobile: o que já está acontecendo e o que é futuro?

  1. 1. meet2Brains 4:MOBILE WEB AQUI E AGORA
  2. 2. • Formando em Desenho Industrial na UFES• Arquiteto de informação na Wine.com.br• Responsável pela plataforma mobile
  3. 3. 2003 2004 2008 2008 2009 2012Telefone Telefone Telefone Telefone Telefone Apps+ jogo da + SMS + SMS + SMS + SMS, MMS + webcobrinha + 256 cores + câmera VGA + twitter + rádio e mp3 + câmera 2MP + rádio + mp3
  4. 4. http://googlediscovery.com/2009/07/27/google-latitude-para-iphone/
  5. 5. APLICATIVOS NATIVOS x WEB MÓVEL
  6. 6. NATIVO WEBRecursos avançados Sempre atualizadoPlataformas separadas Multi-plataformaDestaque nas app stores Otimizado para sites de busca
  7. 7. Um não é melhor do que o outro. Ambos se complementam.
  8. 8. http://www.tricedesigns.com/wp-content/uploads/2011/08/multidevice_teaser.jpg
  9. 9. http://www.gazetadopantanal.com/editoria/agronegocios/page/79/
  10. 10. https://singularityhub.com/2013/03/14/beforeafter-comparison-of-pope-announcement-shows-incredible-proliferation-of-mobile-in-just-8-years/
  11. 11. (POR FAVOR, NÃO) http://pplu-sons.blogspot.com.br/2013_02_01_archive.html
  12. 12. 60%
  13. 13. 69%
  14. 14. 53%
  15. 15. 45% DOS CONSUMIDORES usam smartphones para pesquisa de produtos e navegação dentro das lojas.
  16. 16. CONTEXTO PODE SER TANTO QUANTITATIVO E QUALITATIVO • Tamanho da tela • Objetivos • Conexão • Ambiente • Recursos do aparelho • Atenção • Processamento • Predisposição • Métodos de entradahttp://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web-webvisions-chicago-2012
  17. 17. OPORTUNIDADE
  18. 18. OPORTUNIDADERESPONSABILIDADE
  19. 19. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  20. 20. CONTEÚDO É MATO.
  21. 21. ADAPTARCONTEÚDO À FORMA (e não o contrário)
  22. 22. INÚTILINÚTIL
  23. 23. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  24. 24. WEB
  25. 25. “Ninguém compravinho pelo celular.”Janeiro 2012 – Janeiro 2013 – Wine.com.br
  26. 26. Grupos de Foco do Google Repetitive now Bored now Urgent now
  27. 27. PROJETE UMA INTERFACESUFICIENTEMENTE USÁVEL E AS PESSOAS IRÃO UTILIZA-LÁ.
  28. 28. Valor > Frustração https://vimeo.com/46141222
  29. 29. http://produto.mercadolivre.com.br/MLB-465736423-cce-vcr-30x-video-cassete-recorder-_JM
  30. 30. DESIGN ÉPERFORMANCE. (a experiência é consequência)
  31. 31. Navegadores como o Safari Mobile e Chromepara Android adicionam 300 ms de latência ao evento “clique”, esperando que um segundo evento ocorra, no caso, um duplo clique.
  32. 32. https://developers.google.com/mobile/articles/fast_buttons
  33. 33. PERFORMANCE É
  34. 34. RESPONSIVO 3 3MB MB
  35. 35. USUÁRIOS ESPERAMQUE A PÁGINA MOBILE CARREGUE MAIS RÁPIDO QUE A CONVENCIONAL.
  36. 36. QUEREM USUÁRIOS ESPERAMQUE A PÁGINA MOBILE CARREGUE MAIS RÁPIDO QUE A CONVENCIONAL.
  37. 37. WEB STORAGE MINIFY PERFORMANCE CSS3RETINA DISPLAY DESIGN RESPONSIVO OTIMIZAÇÃO CARREGAMENTO CONDICIONAL GOOGLE PAGE SPEED MOBILE FIRSTSPRITES USABILIDADE APPCACHE HTML5 TOUCH
  38. 38. ADAPTEResponsivo, fluido, elástico, condicional, não importa:entregue o que o usuário quer fazer. Não existe soluçãomágica para todos os casos.
  39. 39. PRECIOSOS4 SEGUNDOS.
  40. 40. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  41. 41. <input type="number"pattern="[0-9]*">
  42. 42. Aceleração por hardware:CSS TransformstranslateX/Y/ZCSS TransitionsUtilitários-webkit-overflow-scrolling;-webkit-tap-highlight-color;-webkit-user-select;-webkit-touch-callout;
  43. 43. ENTENDA ASRESTRIÇÕES
  44. 44. O público do seu site quer o suco ou a casca dele?
  45. 45. Plante essaIDEIAMobile de hoje é oUniversal de amanhã.
  46. 46. Obrigado! @blude

×