App web progresiva en Voot

Logotipo de Voot Lite

Resumen

Voot.com lanza su app web progresiva de medios en India. Algunos días después de la implementación, el tiempo de sesión por usuario aumentó un 39% y las vistas diarias por usuario en un 15%.

Resultados

  • Una reducción del 80% en el tiempo de carga de la página
  • Aumento del 39% en el tiempo de sesión por usuario
  • Una reducción del 19% del porcentaje de rebote
  • Aumento del 77% en la conversión de visitante a usuario que vio videos
  • Aumento del 15% en el promedio diario de vistas de video por usuario

Acerca de voot.com

Captura de pantalla de Voot

Voot es uno de los productos de video on demand más populares de la India, disponible como app nativa y como app web para dispositivos móviles. Ofrece casi 35,000 horas de contenido premium en línea, incluidos programas exclusivos de cadenas como Colors y MTV, así como Voot Originals y más de 8,000 videos para niños. Voot está dirigido por Viacom18, una empresa conjunta entre Viacom y Network18 Group.

Desafío

Los dispositivos móviles son una de las formas principales de consumo de medios en la India. Estos dispositivos suelen tener almacenamiento limitado para las apps nativas, lo que hace que la Web móvil sea una parte fundamental de la estrategia de productos de Voot.

La mayoría de los usuarios móviles de Voot acceden a Internet mediante redes de uso medido 2G y 3G. La transferencia de datos es costosa y, si bien los usuarios se comprometen mucho con un video una vez que comienza a reproducirse, los tiempos de carga lentos hacen que los usuarios se rindan antes de que pueda comenzar la experiencia. Para abordar ese desafío y aumentar el uso de la Web móvil, Voot buscaba mejorar su sitio con funciones de apps web progresivas.

Solución

Para mejorar la experiencia general del usuario, Voot.com convirtió su sitio en una app web progresiva con funciones como Agregar a la pantalla principal y un service worker.

Si bien recientemente se lanzaron los servicios 4G, la mayoría de los usuarios en la India acceden a Internet a través de redes 2G y 3G, con velocidades de transferencia de datos lentas y, a veces, costosas. Para reducir la transferencia de datos, Voot.com optimizó sus imágenes específicamente para dispositivos móviles. Además, el sitio ahora entrega dinámicamente imágenes JPEG o WebP en función de las capacidades del navegador.

Voot.com también redujo los tiempos de carga, ya que agregó un service worker para precargar imágenes a medida que el usuario navega y almacenar imágenes en caché para visitas repetidas. El sitio también se analizó con Lighthouse para obtener información sobre el rendimiento, lo que permitió reducir la sobrecarga de JavaScript y CSS, y la implementación de llamadas síncronas al servidor.

Estas optimizaciones dieron como resultado una reducción del 63% en la transferencia de datos de carga de la página de primera vista y una reducción del 86% en la transferencia de datos para los visitantes recurrentes. Las cargas de página se volvieron 5 veces más rápidas para los visitantes nuevos y casi 7 veces más rápidas para los usuarios recurrentes.

Para ofrecer una experiencia similar a la de una app, Voot.com también implementó la opción Agregar a la pantalla principal, que permite a los usuarios abrir la página desde la pantalla principal como una app nativa. La combinación con un proceso de acceso optimizado permite a los usuarios volver a interactuar con el sitio de forma rápida y sencilla, y mirar sus programas favoritos.

Voot lanzó primero su nueva IU en la Web móvil, por delante de la Web para computadoras y la app nativa. A los pocos días del lanzamiento, las mejoras se traducen en una reducción del 19% en el abandono de los usuarios y un aumento del 77% en la conversión de visitante a usuario de video. Los usuarios también mostraron mayores niveles de participación, con un aumento del 39% en el tiempo promedio de sesión del usuario y del 15% en las vistas de video diarias promedio por usuario. Estas métricas de participación muestran que Voot.com tiene un rendimiento similar al de la app nativa, sin necesidad de que el usuario instale nada.

"La adopción de AWP es un cambio muy significativo en la experiencia del usuario en la Web móvil", dice Rajneel Kumar, vicepresidente sénior de Producto y Tecnología de OTT y Digital Ventures en Viacom18. "Todo el tiempo y el esfuerzo que dedicamos a los cambios en la tecnología y la IU, así como a las optimizaciones, parecen mostrar resultados muy positivos. Seguiremos perfeccionando esto y confiamos en que seguiremos observando un aumento significativo en los consumidores".