Las apps web progresivas (AWP) son apps web compiladas y mejoradas con APIs modernas para brindar capacidades mejoradas sin dejar de 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 de la plataforma para mejorar la experiencia del usuario.
Los tres pilares del diseño de las AWP
Para que una AWP se sienta tan bien como una aplicación específica de la plataforma, debes diseñarla de modo que sea capaz, confiable e instalable.
Capacidad
Las aplicaciones web son más capaces que nunca, y esas capacidades solo están aumentando. Recientemente, el software para la Web comenzó a desarrollar capacidades a las que antes solo podían acceder las apps específicas de la plataforma. Por ejemplo, ahora puedes compilar una app de videochat hiperlocal con WebRTC, ubicación geográfica y notificaciones push. Luego, puedes hacer que se pueda instalar la app y usar WebGL y WebVR para permitir que las conversaciones pasen a la realidad virtual. La introducción de WebAssembly permite a los desarrolladores acceder a otros ecosistemas, como C, C++ y Rust, y agregar décadas de funciones que antes eran específicas de la plataforma a la Web. Un excelente ejemplo de cómo los desarrolladores aprovechan las nuevas capacidades de la Web es Squoosh.app, un compresor de imágenes basado en la Web.
Aunque algunas funciones 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 la app y la compatibilidad con el portapapeles completo. Todas estas capacidades se desarrollan mediante 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 app web progresiva confiable se siente rápida y confiable sin importar la red. Los usuarios merecen apps que respondan a la interacción con rapidez y una experiencia en la que puedan confiar.
La velocidad es fundamental para que los usuarios utilicen tu experiencia. De hecho, como los tiempos de carga de las páginas aumentan de un segundo a 10 segundos, la probabilidad de que un usuario rebote aumenta un 123%.
Los problemas de rendimiento afectan a toda la experiencia del usuario, no solo al evento onload. Una experiencia confiable nunca deja a los usuarios preguntando si se registró o no alguna interacción con la app. El desplazamiento y la animación deben sentirse suaves. Los usuarios deben percibir que tu app tiene un buen rendimiento tanto como lo necesitan.
Las apps confiables también deben poder usarse independientemente de la conexión de red. Los usuarios esperan que las apps se carguen rápidamente con conexiones de red lentas o débiles, o incluso cuando no tienen conexión. Esperan que el contenido más reciente con el que interactuaron, como itinerarios o pistas de contenido multimedia, esté disponible y se pueda usar incluso si la app tiene problemas para enviar solicitudes a tu servidor. Cuando no es posible hacer una solicitud, esperan que la app les indique que hay problemas, en lugar de fallar de manera silenciosa.
Instalable
Si haces que tu AWP se pueda instalar, se mueve fuera del navegador y en una ventana independiente, lo que transforma la manera en que los usuarios piensan acerca de ella y también interactúan con ella. Las AWP instaladas se pueden iniciar desde la pantalla principal, el conector, la barra de tareas o la barra del usuario. El usuario puede buscarlas en un dispositivo y pasar de una a otra con el selector de apps, lo que le hace sentir parte del dispositivo en el que está instalada.
Cuando se instala una AWP, también se pone a disposición nuevas funciones, incluidas las combinaciones de teclas, que suelen reservarse en un navegador. Las AWP también pueden registrarse para aceptar contenido de otras aplicaciones o para ser la aplicación predeterminada y controlar ciertos tipos de archivos.
Cómo obtener resultados de las AWP
Lanzar una AWP 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 AWP 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 a la vez que redujo el tamaño de la app en más del 97%.
- Después de cambiar a una AWP, Nikkei observó 2.3 veces más tráfico orgánico, 58% más suscripciones y 49% más de usuarios activos por día.
- Hulu reemplazó su experiencia de escritorio específica para la plataforma por una AWP y observó un aumento del 27% en las visitas recurrentes.
Para obtener más información sobre los beneficios de usar las AWP, consulta Cómo las apps web progresivas pueden impulsar el éxito empresarial.