Las apps web progresivas (AWP) son apps web creadas y mejoradas con APIs modernas para proporcionar capacidades mejoradas y, al mismo tiempo, llegar a cualquier usuario web en cualquier dispositivo con una sola base de código. Combinan el amplio alcance de las apps web con las capacidades enriquecidas de las apps específicas para cada plataforma para mejorar la experiencia del usuario.
Los tres pilares del diseño de AWP
Para crear una PWA que se sienta tan bien como una aplicación específica de la plataforma, debes diseñarla para que sea capaz, confiable y se pueda instalar.
Capaz
Las aplicaciones web son más capaces que nunca, y esas capacidades no dejan de crecer. Recientemente, el software para la Web comenzó a desarrollar capacidades que antes solo estaban disponibles para las apps específicas de la plataforma. Por ejemplo, ahora puedes compilar una app de chat de video hiperlocal con WebRTC, geolocalización y notificaciones push, y, luego, hacer que se pueda instalar y usar WebGL y WebVR para permitir que las conversaciones se trasladen a la realidad virtual. La introducción de WebAssembly permite a los desarrolladores aprovechar otros ecosistemas, como C, C++ y Rust, y llevar a la Web décadas de funciones que antes eran específicas de la plataforma. Un excelente ejemplo de desarrolladores que aprovechan las nuevas capacidades de la Web es Squoosh.app, un compresor de imágenes basado en la Web.
Si bien algunas capacidades aún están fuera del alcance de la Web, las APIs nuevas y futuras expanden constantemente lo que la Web puede hacer con funciones como el acceso al sistema de archivos, los controles multimedia, las insignias de apps y la compatibilidad total con el portapapeles. Todas estas capacidades se compilan con el modelo de permisos seguro y centrado en el usuario de la Web, lo que mantiene a los usuarios seguros y hace que el uso de sitios web nuevos sea menos intimidante.
Confiable
Una aplicación web progresiva confiable se siente rápida y segura, independientemente de la red. Los usuarios merecen apps que respondan a la interacción rápidamente y una experiencia en la que puedan confiar.
La velocidad es fundamental para que los usuarios utilicen tu experiencia. De hecho, a medida que los tiempos de carga de la página aumentan de un segundo a 10 segundos, la probabilidad de que un usuario rebote aumenta en un 123%.
Los problemas de rendimiento afectan toda la experiencia del usuario, no solo el evento onload. Una experiencia confiable nunca deja a los usuarios preguntándose si se registró o no alguna interacción con la app. El desplazamiento y la animación deben sentirse fluidos. Los usuarios deben percibir que tu app funciona bien, al igual que necesitan que realmente funcione bien.
Las apps confiables también deben poder usarse sin importar la conexión de red. Los usuarios esperan que las apps se carguen rápidamente en conexiones de red lentas o inestables, o incluso sin conexión. Esperan que el contenido más reciente con el que interactuaron, como pistas de medios o boletos e itinerarios, esté disponible y se pueda usar incluso si la app tiene problemas para enviar solicitudes a tu servidor. Cuando una solicitud no es posible, esperan que la app les indique que hay un problema, en lugar de fallar o fallar de forma silenciosa.
Instalable
Hacer que tu AWP se pueda instalar la saca del navegador y la lleva a una ventana independiente, lo que transforma la forma en que los usuarios piensan en ella y cómo interactúan con ella. Las PWA instaladas se pueden iniciar desde la pantalla principal, el dock, la barra de tareas o el estante del usuario. El usuario puede buscarlas en un dispositivo y cambiar entre ellas con el selector de apps, lo que hace que se sientan como parte del dispositivo en el que están instaladas.
Instalar una PWA también habilita nuevas funciones, como las combinaciones de teclas, que suelen estar reservadas en un navegador. Las PWA también pueden registrarse para aceptar contenido de otras aplicaciones o para ser la aplicación predeterminada que controla ciertos tipos de archivos.
Cómo obtener resultados de las AWP
El lanzamiento de una PWA no solo mejora la experiencia del usuario. También mejora tus métricas y aumenta el valor que obtienes de tu servicio. Estos son algunos ejemplos destacados:
- La PWA de Twitter generó un aumento del 65% en las páginas por sesión, un 75% más de Tweets y una disminución del 20% en el porcentaje de rebote, todo esto mientras se reducía el tamaño de su app en más del 97%.
- Después de cambiar a una PWA, Nikkei obtuvo 2.3 veces más tráfico orgánico, un 58% más de suscripciones y un 49% más de usuarios activos por día.
- Hulu reemplazó su experiencia de escritorio específica para la plataforma por una PWA y observó un aumento del 27% en las visitas recurrentes.
Para obtener más información sobre los beneficios de usar APW, consulta Cómo las aplicaciones web progresivas pueden impulsar el éxito de tu empresa.