¿Qué son las aplicaciones web progresivas?
Aplicaciones web progresivas (PWA) o aplicaciones web avanzadas es una solución basada en la web tradicional que todos conocemos. Sin embargo, incorpora algunas particularidades que la asemejan a una app nativa para teléfonos móviles y tabletas.
Cada proyecto es independiente, y el nivel de adaptación de la web al formato de la app es progresivo, de manera que podemos visitar un sitio con una PWA casi idéntica a una app, o quizás sea una web con algunos avances.
Ventajas de las aplicaciones web progresivas (PWA)
La primera ventaja que encontramos en las aplicaciones web progresivas es que no necesitamos ir a Google Play o Apple Store para descargar nada. Lo único que se necesita, en un principio, es una conexión a internet y un navegador, que puede ser Chrome, Safari o Firefox.
El segundo El avance significativo de la PWA es que cualquier usuario puede "instalarla" en la pantalla de inicio de su dispositivo. Todos hemos tenido alguna vez nuestro móvil al borde de la capacidad. Hemos borrado fotos, vídeos o desinstalado aplicaciones porque no cabía nada más.
Pero siempre hay espacio para una PWA en cualquier móvil porque funciona como un acceso directo que abre la web y recupera el contenido sin conexión o lo refresca si el usuario está conectado a la red.
Sí, has leído bien. Con la aplicación web progresiva, el usuario puede seguir consultando su sitio web, aunque haya perdido la conexión. Esta es una de las ventajas que la hacen tan atractiva y que han provocado su gran aceptación entre los internautas.
¿Qué son las aplicaciones web progresivas y por qué son tan importantes? -
Fidelidad de los usuarios.
Los que trabajamos en el desarrollo de audiencias nos preocupamos por cumplir dos objetivos:
1- Atraer a nuevos usuarios
Ya los hemos fidelizado reteniéndolos el mayor tiempo posible en nuestro entorno.
Conseguir esta fidelidad no es una tarea fácil porque depende de muchos factores como:
- Que el contenido sea lo que el público espera
- La experiencia con el sitio web es satisfactoria
- Que haya reconocimiento de marca
- O que se cree una necesidad de visitas recurrentes.
Afortunadamente, las aplicaciones web progresivas también permiten enviar notificaciones a los teléfonos móviles como si se tratara de una app. De momento, esta tecnología solo está disponible en dispositivos Android, aunque ya se está avanzando para extenderla a los iPhones con iOS.
El envío de notificaciones push ha sido un fenómeno en los sitios web de contenidos, donde los diferentes departamentos han desarrollado estrategias combinadas para sacar el máximo partido a un producto o noticia.
Recordatorios de 2 marcas
La recurrencia de la visita del usuario depende de la necesidad que le hayamos creado, pero también del recuerdo de la marca y de la facilidad con la que pueda acceder a nuestro sitio. Esta es otra de las ventajas de las web apps progresivas que permiten "instalarse" en el escritorio del móvil con una visualización idéntica a la de un icono de una app. Aunque con una ventaja: el usuario no ha instalado nada.
Para conseguirlo, solemos desarrollar un pequeño botón en nuestra web móvil que indica al usuario que puede crear un acceso directo en el escritorio. Este será el punto de acceso a la PWA y recordará nuestra marca e icono cada vez que vayan a esa pantalla.
¿Cómo funciona una aplicación web progresiva (PWA)?
Ester Ribas explica cómo funciona una PWA: Uno de los elementos más importantes que componen una PWA es el manifiesto de la aplicación, que está en formato JSON.
Esto nos permite controlar cómo se verá nuestra aplicación en zonas donde los usuarios suelen tener aplicaciones nativas.
Este archivo o manifiesto contiene lo siguiente:
Nombre de la aplicación que aparecerá en el menú del móvil del usuario.
Descripción: Indique la descripción de nuestra aplicación móvil.
Iconos: Crea diferentes héroes con diferentes resoluciones para que se vea bien en todos los dispositivos.
Inicio URL: URL de inicio cuando abrimos la aplicación
Visualización: En este caso, podemos elegir varias configuraciones (standalone, fullscreen, minimal-UI, entre otras).
Orientación: Cuando hablamos de exposición, nos referimos a si queremos que la aplicación web se utilice en modo vertical u horizontal.
Tema_color: el color que se utilizará para la barra superior de la aplicación.
Color_de_fondo: color para la pantalla antes de que la aplicación se cargue completamente.
Otro elemento que encontramos son los Service Workers, que son uno o varios scripts que trabajan en segundo plano y nos permiten generar una experiencia offline, descargando los contenidos reales para que la aplicación funcione y generando notificaciones push.
Puesto relacionado: 6 reglas que no debes perderte en el desarrollo web
ES 
EN