Riepilogo
Voot.com lancia la sua applicazione web progressiva multimediale in India. Dopo alcuni giorni dall'implementazione, il tempo di sessione per utente è aumentato del 39% e le visualizzazioni giornaliere per utente del 15%.
Risultati
- Riduzione dell'80% del tempo di caricamento delle pagine
- Aumento del 39% del tempo di sessione per utente
- 19% di riduzione della frequenza di rimbalzo
- Aumento del 77% delle conversioni da visitatore a spettatore di video
- Aumento del 15% della media giornaliera delle visualizzazioni di video per utente
Informazioni su voot.com
Voot è uno dei principali prodotti di video on demand dell'India, disponibile sia come app nativa che come app web mobile. Offre quasi 35.000 ore di contenuti premium online, inclusi programmi esclusivi di reti come Colors e MTV, nonché Voot Originals e oltre 8000 video per bambini. Voot è gestito da Viacom18, una joint venture tra Viacom e Network18 Group.
Challenge
I dispositivi mobili sono una delle principali forme di utilizzo dei media in India. Questi dispositivi hanno spesso uno spazio di archiviazione limitato per le app native, il che rende il web mobile una parte fondamentale della strategia di prodotto Voot.
La maggior parte degli utenti di Voot su dispositivi mobili accede a Internet tramite reti 2G e 3G a consumo. Il trasferimento dei dati è costoso e, anche se gli utenti si impegnano molto per un video quando inizia la riproduzione, tempi di caricamento lenti portano gli utenti a rinunciare prima ancora che l'esperienza possa iniziare. Per affrontare questa sfida e aumentare l'utilizzo del web mobile, Voot ha cercato di migliorare il proprio sito con le funzionalità delle app web progressive.
Soluzione
Per migliorare l'esperienza utente complessiva, Voot.com ha trasformato il proprio sito in un'app web progressiva utilizzando funzionalità come Aggiungi alla schermata Home e un collaboratore.
Anche se i servizi 4G sono stati lanciati di recente, la maggior parte degli utenti in India raggiunge Internet tramite reti 2G e 3G, con velocità di trasferimento dati lente e a volte costose. Per ridurre i dati da trasferire, Voot.com ha ottimizzato le proprie immagini appositamente per i dispositivi mobili e il sito ora pubblica in modo dinamico immagini JPEG o WebP, a seconda delle funzionalità del browser.
Voot.com ha inoltre ridotto i tempi di caricamento aggiungendo un service worker per precaricare le immagini mentre l'utente naviga e per memorizzare le immagini nella cache per le visite ripetute. Il sito è stato inoltre analizzato con Lighthouse per ottenere informazioni sulle prestazioni, che a sua volta ha consentito una riduzione dell'overhead di JavaScript e CSS e l'implementazione delle chiamate sincrone al server.
Queste ottimizzazioni hanno portato a una riduzione del 63% del trasferimento dei dati per il caricamento della prima pagina e di una riduzione dell'86% del trasferimento dei dati per i visitatori di ritorno. Il caricamento delle pagine è aumentato di cinque volte per i nuovi visitatori e di quasi sette volte per gli utenti di ritorno.
Per offrire un'esperienza reale simile a quella di un'app, Voot.com ha implementato anche l'opzione Aggiungi alla schermata Home, che consente agli utenti di lanciare la pagina dalla schermata Home come un'app nativa. Questa funzionalità, combinata con una procedura di accesso semplificata, consente agli utenti di interagire di nuovo con il sito e guardare i loro programmi preferiti in modo facile e veloce.
Voot ha lanciato la nuova interfaccia utente prima sul web mobile, prima del web desktop e dell'app nativa. Nei pochi giorni dal lancio, i miglioramenti si sono tradotti in una riduzione del 19% nell'abbandono degli utenti e in un aumento del 77% della conversione da visitatore a spettatore di video. Gli utenti hanno anche mostrato livelli più elevati di coinvolgimento, con un aumento del 39% della durata media delle sessioni utente e un aumento del 15% delle visualizzazioni medie giornaliere di video per utente. Queste metriche sul coinvolgimento degli utenti mostrano che Voot.com ha un rendimento simile a quello dell'app nativa, senza che l'utente debba installare nulla.
"Abbiamo spostato l'ago della bilancia in modo significativo per quanto riguarda l'esperienza utente sul web mobile adottando le PWA", afferma Rajneel Kumar, SVP - Head of Product and Technology for OTT and Digital Ventures presso Viacom18. "Tutto il tempo e l'impegno che abbiamo dedicato ai cambiamenti tecnologici e all'interfaccia utente, così come alle ottimizzazioni, sembrano dare risultati molto positivi. Continueremo a perfezionare ulteriormente questo approccio e siamo sicuri di continuare a registrare un incremento significativo dei consumatori."