OYO Lite: un TWA con il meglio delle app web e per Android

Una startup del settore alberghiero ha creato un'app Android basata sui contenuti web per aumentare drasticamente il coinvolgimento degli utenti

Ankit Jain
Ankit Jain
Michael Friesenhahn
Michael Friesenhahn

Fondata nel 2013, OYO Rooms è diventata una delle più grandi società di ospitalità dell'India, con hotel in centinaia di città in più di 80 paesi. Questo successo è derivato in parte dal rendere l'esperienza di prenotazione online il più facile e veloce possibile.

Fino a poco tempo fa, il team OYO offriva sia un'app web progressiva (PWA) sia un'app per Android per raggiungere questo obiettivo. L'app per Android ha registrato un coinvolgimento significativamente maggiore: gli utenti hanno effettuato una conversione il triplo rispetto a quelli che usano la PWA. Tuttavia, nel tempo gli utenti tendevano a disinstallare l'app per Android per problemi di spazio di archiviazione.

Per ridurre l'impatto dell'app per Android sui dispositivi degli utenti senza rinunciare ai vantaggi dell'esperienza Android, il team ha deciso di passare alle Attività web attendibili (TWA).

Che cos'è un TWA?

Prima di Chrome 72, gli sviluppatori Android che volevano visualizzare contenuti web nelle loro app specifiche per piattaforma dovevano utilizzare WebView, che presentava alcune limitazioni significative: non è così veloce come Chrome e non include tutte le API e le funzionalità di Chrome. Quindi, se volevi un comportamento non supportato dal motore di rendering di WebView, dovevi creare un browser tutto tuo, che non è proprio banale.

Le attività web attendibili (TWA) risolvono queste limitazioni mostrando i contenuti web direttamente in Chrome. La descrizione del nome di TWA aiuta a spiegarne le funzionalità: - Un'attività è una schermata o una visualizzazione dell'interfaccia utente di un'app per Android. - Gli utenti con Google Analytics utilizzano Chrome per visualizzare contenuti web per le attività dell'app. - I contenuti di un TWA sono attendibili perché utilizzano Digital Asset Links per verificare che la stessa persona abbia creato l'app per Android e i contenuti web che mostra.

Perché creare un TWA anziché un'app specifica per la piattaforma?

Sempre più app per Android pubblicano contenuti dai siti web degli sviluppatori. Le TWA riconoscono questa realtà offrendo il meglio dei mondi specifici di piattaforme e app web:

  • Hanno tutte le funzionalità previste delle app per Android, tra cui l'icona in Avvio applicazioni, le notifiche push e la visualizzazione a schermo intero.
  • Offrono le prestazioni e le funzionalità di Chrome.
  • Usano la versione di Chrome installata sul dispositivo, quindi dispongono sempre delle API e delle funzionalità più recenti.
  • Utilizzano molto meno spazio di archiviazione rispetto a un'app specifica per piattaforma, il che rappresenta un problema per molti utenti, in particolare quelli con dispositivi di fascia inferiore.

L'esecuzione in Chrome offre anche una serie di vantaggi pratici. Ad esempio, le ATA condividono lo spazio di archiviazione di Chrome, inclusi cookie, password e qualsiasi elemento memorizzato tramite l'API Web Storage. Uno dei vantaggi di questa configurazione è che gli utenti mantengono l'accesso tramite browser e app TWA.

Creazione di OYO Lite

Il team di OYO voleva offrire agli utenti un'esperienza con tutte le funzionalità dell'app senza scendere a compromessi sullo spazio di archiviazione del dispositivo, quindi ha deciso di creare OYO Lite, un TWA basato sulla PWA esistente.

È essenziale iniziare con una PWA. Gli utenti si aspettano un'esperienza completa in un'app che eseguono da Avvio app di Android, quindi i contenuti web pubblicati in un TWA devono fornire questa esperienza, tra cui:

  • Tempi di caricamento e risposta rapidi
  • Affidabilità quando la connettività dell'utente è limitata o assente
  • Aspetto e design uniformi (fornendo, ad esempio, una schermata iniziale e un colore dell'app)

Se hai già una PWA, la procedura per creare una TWA di base è semplice, anche se non l'hai mai sviluppata per Android. Ecco cosa ha fatto il team OYO:

  • È stato creato un file manifest Android contenente un DEFAULT_URL e dei filtri di intent per consentire all'app di visualizzare i contenuti di oyorooms.com.
  • È stata rimossa la barra degli URL del browser utilizzando la verifica di Digital Asset Link.
  • È stata creata un'icona in Avvio applicazioni.
  • Schermata iniziale personalizzata creata.

Ed ecco il risultato:

OYO Lite in azione.

Per una procedura dettagliata più dettagliata sulla creazione di un TWA di base, dai un'occhiata all'intervento su TWA di Google I/O 2019 di Peter McLachlan e Andre Bandarra.

Per scoprire di più su come il team di OYO ha creato OYO Lite, nonché per approfondire il suo approccio per la creazione di una schermata iniziale accessibile a tutti gli utenti Android, dai un'occhiata al post su Medium di Ankit Jain.

Come un TWA ha aiutato OYO a soddisfare le esigenze dei propri utenti

Archiviando la maggior parte degli asset dell'app nella cache di Chrome, il team di OYO è riuscito a ridurre le dimensioni di download iniziali per OYO Lite a 850 kB. pari a solo il 7% delle dimensioni della sua app per Android.

Quelle piccole dimensioni, combinate con i comfort di un'app per Android scaricabile dal Google Play Store, hanno portato a significativi guadagni nel coinvolgimento degli utenti:

  • Un tasso di conversione tre volte superiore a quello della PWA
  • In media, il numero di utenti che hanno eseguito l'accesso è tre volte superiore rispetto alla PWA.
  • Una valutazione di 4.1 sul Google Play Store

Oltre ai vantaggi per gli utenti, la scelta di utilizzare un TWA significava che il team aveva un solo codebase, che poteva facilmente aggiornare senza dover attendere che gli utenti scaricassero la versione più recente dell'app.

Crea il tuo TWA

La piattaforma di prenotazione online di OYO è solo un caso d'uso per Taiwan. Possono essere la soluzione perfetta per molti progetti attualmente creati come app o pagine web specifiche della piattaforma, come carrelli degli acquisti e flussi di pagamento, domande frequenti e moduli di contatto.

Dai un'occhiata a questi link per iniziare a utilizzare gli account Google Voice: