Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Mobile First: tecnologias e conceitos

72 Aufrufe

Veröffentlicht am

Apresentação de LEANDRO VIEIRA, APIKI, no Expo Fórum Digitalks 2019 | Lisboa, Portugal

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Mobile First: tecnologias e conceitos

  1. 1. Leandro Vieira Fundador e CEO
  2. 2. O conceito Mobile First
  3. 3. Para você pensar a respeito
  4. 4. O Google já é Mobile First
  5. 5. Usuários em Portugal já são Mobile First
  6. 6. 79% da população de Portugal é usuário mobile
  7. 7. O crescimento mobile está acompanhando o crescimento de usuários de internet
  8. 8. 85% acessa diariamente
  9. 9. O tráfego ainda é consistentemente desktop, mas o cenário está mudando rápido
  10. 10. O seu negócio é Mobile First?
  11. 11. Aplicar Mobile First requer uma mudança de mindset sobre alguns tópicos: ● Usuários ● Negócios ● Design ● Conteúdo ● Presença Digital
  12. 12. Sobre Usuários Precisamos observar os padrões e comportamentos
  13. 13. Para lidar com isso defina e delimite os breakpoints
  14. 14. Em Portugal diferentes tipos de atividades já são relacionadas no Desktop e Mobile
  15. 15. A tríade horário-dia-lugar. Temos padrões diferentes do dispositivo em uso, o local e a necessidade.
  16. 16. Sobre Negócios Pense a respeito e faça suas apostas
  17. 17. A aposta do Google
  18. 18. Atividades no e-commerce nos últimos 30 dias
  19. 19. Oportunidades com o turismo e os turistas
  20. 20. Pense sobre micro- momentos
  21. 21. Os tipos de sites
  22. 22. Exibição dinâmica
  23. 23. URLs separados
  24. 24. Web design Responsivo
  25. 25. Sobre Design Precisamos ir além do Design Responsivo
  26. 26. Client-Side Storage Utilizado para cachê ou aplicações offline. Exemplo do WhatsApp para Desktop.
  27. 27. Battery Status API Utilizado para saber se a bateria estar a acabar ou sendo carregada. Exemplo de formulários e carrinho de compras.
  28. 28. Vibration API Virar o aparelho do usuário. Exemplo de games e notificações.
  29. 29. Proximity API Utilizado para detectar a proximidade de objetos. Exemplos da tela do celular.
  30. 30. Device Orientation API Utilizado para saber a orientação do dispositivo retrato (portrait) e panorama (landscape). Exemplo App do YouTube.
  31. 31. Web Notifications API Utilizado para notificar e interagir com o usuário. Exemplo de Blogs, Facebook e LinkedIn.
  32. 32. Page Visibility API Utilizado para saber se a aba em questão está ativa. Exemplo de sliders em sites.
  33. 33. Sobre compatibilidade
  34. 34. Sobre Conteúdo A forma de consumir conteúdo mudou
  35. 35. São muitos conteúdos e plataformas. As pessoas estão impacientes, querem tudo rápido, só lêem títulos
  36. 36. Três dicas para te ajudar no desafio de conteúdo
  37. 37. 1. Readability
  38. 38. 2. AMP
  39. 39. 3. FBIA
  40. 40. Sobre Presença Digital
  41. 41. Sua presença em diferentes canais, precisa considerar a conversão desse público para a sua plataforma.
  42. 42. Performance e Segurança Site rápido gera mais dinheiro e seus usuários esperam por isso
  43. 43. 1 segundo a mais significa reduzir a taxa de conversão em 7x 1 segundo a mais custa 1.6 Bilhão de dólares para a Amazon por ano
  44. 44. 2 a 3 segundos é o tempo ideal
  45. 45. 1.3 segundos para o TTFB
  46. 46. O que você pode fazer de imediato e melhorar sua performance
  47. 47. HTTP/2
  48. 48. IPv6
  49. 49. SSL
  50. 50. TTFB
  51. 51. Aplique as dicas práticas a partir de agora
  52. 52. Pense como todo sobre: Usuários, Negócios, Design, Conteúdo e Presença Digital
  53. 53. Isso será garantia de …
  54. 54. Golo!!!
  55. 55. Mobile First SIIIIIIII!!! Leandro Vieira Fundador e CEO Instagam: @leandrovieira Linkedin: /leandrovieirapinho Email: leandro@apiki.com

×