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.

1. Progressive Web Apps
Pedro Bermúdez Talavera

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. 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. 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. 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. 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. 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. 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. 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