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

465 views
432 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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
465
On SlideShare
0
From Embeds
0
Number of Embeds
57
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×