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.

Progressive Web Apps

69 views

Published on

Progressive Web Apps. PWA. Tendencias de mobile marketing. Propósito de las PWA. Funcionamiento de las PWA. Ventajas de las PWA. Características de las PWA.

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

Progressive Web Apps

  1. 1. Progressive Web Apps Pedro Bermúdez Talavera
  2. 2. Mobile Trends 2020 Progressive Web Apps Hiperpersonalización Impulso a la Compra Programática Drive-To-Store (DTS) Extracto de Top Tendencials Digitales 2020. iAB España.
  3. 3. Progressive Web Apps • Las progressive web apps están ganando fuerza en el mercado ya que aúnan lo mejor de las aplicaciones como la rapidez y las notificaciones push, con lo mejor de las webs, que no requieren instalación previa por lo que no ocupan espacio. Extracto de Top Tendencials Digitales 2020. iAB España.
  4. 4. Su propósito principal es permitir a los desarrolladores web cambiar los sitios web existentes para que puedan comportarse como aplicaciones móviles nativas sin hacer muchos cambios. https://medium.com/easyread/build-progressive-web-apps-6248a7152730
  5. 5. Funcionamiento de las PWAs • Utilizan capacidades web modernas para ofrecer una experiencia de usuario similar a una app. • Evolucionan desde páginas en las pestañas del navegador hasta aplicaciones inmersivas de alto nivel, manteniendo la baja fricción de la web en todo momento. • El objetivo se logra gracias a una colección de tecnologías web. • Aprovecha las ventajas de las aplicaciones web y móviles de forma nativa al mismo tiempo. https://medium.com/easyread/build-progressive-web-apps-6248a7152730
  6. 6. Ventajas de las PWAs • Esta colección de tecnologías permite acceder a las aplicaciones web tradicionales sin una conexión a Internet (ofline). • Puede instalarse en la pantalla de inicio como una aplicación móvil nativa • Sincroniza datos al servidor. • Envía notificaciones automáticas. https://medium.com/easyread/build-progressive-web-apps-6248a7152730
  7. 7. Características de las PWAs • Progresivo: funciona para todos los usuarios. No importa cuál sea el navegador, no hay problema. La razón es que los PWA se crean con mejoras progresivas como concepto central. • Sensible: coincide con todos los factores de forma: computadora de escritorio, dispositivo móvil, tableta o lo que venga después. • Conectividad independiente: mejorada con trabajadores de servicio para trabajar sin conexión o en redes de baja calidad. https://medium.com/easyread/build-progressive-web-apps-6248a7152730
  8. 8. Características de las PWAs • Similar a una aplicación: se siente como una aplicación para usuarios con interacción y navegación al estilo de la aplicación porque están construidos en un modelo shell de aplicación. • Siempre reciente: gracias al proceso de actualización del service worker. • Seguro: proporcionado a través de HTTPS para evitar espiar y garantizar que el material no haya sido manipulado. https://medium.com/easyread/build-progressive-web-apps-6248a7152730
  9. 9. Características de las PWAs • Se puede encontrar: se puede identificar como una "aplicación" gracias al manifiesto W3C y la cobertura de registro del trabajador de servicio. Esto permite que los motores de búsqueda lo encuentren. • Se puede volver a activar: los PWA se pueden volver a activar con características como notificaciones push. • Instalable: permite a los usuarios "guardar" las aplicaciones que encuentran más útiles en la pantalla de inicio sin la molestia de las tiendas de aplicaciones. • Vinculable: se puede compartir e instalar fácilmente a través de URL. https://medium.com/easyread/build-progressive-web-apps-6248a7152730

×