Slides

Mobile Web: Aqui e Agora

Description
1. meet2Brains 4:MOBILE WEB AQUI E AGORA 2. ã Formando em Desenho Industrial na UFESã Arquiteto de informação na Wine.com.brã Responsável pela plataforma mobile…
Categories
Published
of 62
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Related Documents
Share
Transcript
  • 1. meet2Brains 4:MOBILE WEB AQUI E AGORA
  • 2. • Formando em Desenho Industrial na UFES• Arquiteto de informação na Wine.com.br• Responsável pela plataforma mobile
  • 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. http://googlediscovery.com/2009/07/27/google-latitude-para-iphone/
  • 5. APLICATIVOS NATIVOS x WEB MÓVEL
  • 6. NATIVO WEBRecursos avançados Sempre atualizadoPlataformas separadas Multi-plataformaDestaque nas app stores Otimizado para sites de busca
  • 7. Um não é melhor do que o outro. Ambos se complementam.
  • 8. http://www.tricedesigns.com/wp-content/uploads/2011/08/multidevice_teaser.jpg
  • 9. http://www.gazetadopantanal.com/editoria/agronegocios/page/79/
  • 10. https://singularityhub.com/2013/03/14/beforeafter-comparison-of-pope-announcement-shows-incredible-proliferation-of-mobile-in-just-8-years/
  • 11. (POR FAVOR, NÃO) http://pplu-sons.blogspot.com.br/2013_02_01_archive.html
  • 12. 60%
  • 13. 69%
  • 14. 53%
  • 15. 45% DOS CONSUMIDORES usam smartphones para pesquisa de produtos e navegação dentro das lojas.
  • 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. OPORTUNIDADE
  • 18. OPORTUNIDADERESPONSABILIDADE
  • 19. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  • 20. CONTEÚDO É MATO.
  • 21. ADAPTARCONTEÚDO À FORMA (e não o contrário)
  • 22. INÚTILINÚTIL
  • 23. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  • 24. WEB
  • 25. “Ninguém compravinho pelo celular.”Janeiro 2012 – Janeiro 2013 – Wine.com.br
  • 26. Grupos de Foco do Google Repetitive now Bored now Urgent now
  • 27. PROJETE UMA INTERFACESUFICIENTEMENTE USÁVEL E AS PESSOAS IRÃO UTILIZA-LÁ.
  • 28. Valor > Frustração https://vimeo.com/46141222
  • 29. http://produto.mercadolivre.com.br/MLB-465736423-cce-vcr-30x-video-cassete-recorder-_JM
  • 30. DESIGN ÉPERFORMANCE. (a experiência é consequência)
  • 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. https://developers.google.com/mobile/articles/fast_buttons
  • 33. PERFORMANCE É
  • 34. RESPONSIVO 3 3MB MB
  • 35. USUÁRIOS ESPERAMQUE A PÁGINA MOBILE CARREGUE MAIS RÁPIDO QUE A CONVENCIONAL.
  • 36. QUEREM USUÁRIOS ESPERAMQUE A PÁGINA MOBILE CARREGUE MAIS RÁPIDO QUE A CONVENCIONAL.
  • 37. WEB STORAGE MINIFY PERFORMANCE CSS3RETINA DISPLAY DESIGN RESPONSIVO OTIMIZAÇÃO CARREGAMENTO CONDICIONAL GOOGLE PAGE SPEED MOBILE FIRSTSPRITES USABILIDADE APPCACHE HTML5 TOUCH
  • 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. PRECIOSOS4 SEGUNDOS.
  • 40. FLEXIBILIDADEUBIQUIDADEPERFORMANCEAPRIMORAMENTO
  • 41. <input type="number"pattern="[0-9]*">
  • 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. ENTENDA ASRESTRIÇÕES
  • 44. O público do seu site quer o suco ou a casca dele?
  • 45. Plante essaIDEIAMobile de hoje é oUniversal de amanhã.
  • 46. Obrigado! @blude
  • We Need Your Support
    Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

    Thanks to everyone for your continued support.

    No, Thanks