Las apps web progresivas (AWP) son apps web compiladas y mejoradas con APIs modernas para proporcionar funciones 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 funciones enriquecidas de las apps específicas de la plataforma para mejorar la experiencia del usuario.
Los tres pilares del diseño de AWP
Para crear una AWP que se sienta tan bien como una aplicación específica de la plataforma, debes diseñarla para que sea capaz, confiable y que se pueda instalar.
Capaz
Las aplicaciones web son más capaces que nunca, y esas capacidades solo aumentan. Recientemente, el software para la Web comenzó a desarrollar capacidades a las que solo podían acceder las apps específicas de la plataforma. Por ejemplo, ahora puedes compilar una app de videochat hiperlocal con WebRTC, geolocalización y notificaciones push, luego hacer que esa app 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 décadas de funciones que antes eran específicas de la plataforma a la Web. Un gran 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 funciones aún están fuera del alcance de la Web, las APIs nuevas y futuras amplían 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 funciones se compilan con el modelo de permisos seguro y centrado en el usuario de la Web, lo que protege al usuario y hace que el uso de sitios web nuevos sea menos intimidante.
Confiable
Una aplicación web progresiva confiable se siente rápida y confiable, independientemente de 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 usen 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 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 preguntándose si se registró o no una interacción con la app. El desplazamiento y la animación deben ser suaves. Los usuarios deben percibir que tu app tiene un buen rendimiento tanto como lo necesitan para que realmente lo tenga.
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 en conexiones de red lentas o inestables, o incluso cuando no tienen conexión. Esperan que el contenido más reciente con el que interactuaron, como segmentos de contenido multimedia o boletos y planes de viaje, esté disponible y sea utilizable, incluso si la app tiene problemas para enviar solicitudes a tu servidor. Cuando no es posible realizar una solicitud, esperan que la app les diga que hay un problema, en lugar de fallar o fallar en silencio.
Instalable
Si haces que tu AWP sea instalable, la sacas del navegador y la colocas en una ventana independiente, lo que transforma la forma en que los usuarios la piensan e interactúan con ella. Las AWP instaladas se pueden iniciar desde la pantalla principal, la estación de carga, la barra de tareas o la biblioteca del usuario. El usuario puede buscarlos en un dispositivo y cambiar entre ellos con el selector de apps, lo que les permite sentirse parte del dispositivo en el que están instalados.
La instalación de una AWP también pone a disposición nuevas funciones, incluidas las combinaciones de teclas, que suelen reservarse en un navegador. Las AWP también se pueden registrar 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
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 mientras se reducía el tamaño de la app en más del 97%.
- Después de cambiar a una AWP, 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 de 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 aplicaciones web progresivas pueden impulsar el éxito de las empresas.