In che modo una startup nel settore alberghiero ha creato un'app per Android che si basa su contenuti web per aumentare notevolmente il coinvolgimento degli utenti e mantenere ridotte le dimensioni dei file
Fondata nel 2013, OYO Rooms è diventata una delle più grandi aziende nel settore dell'ospitalità in India, con hotel in centinaia di città in più di 80 paesi. Questo successo è stato in parte dovuto al fatto che l'esperienza di prenotazione online è stata semplificata al massimo.
Fino a poco tempo fa, il team di 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 più elevato: gli utenti hanno effettuato conversioni tre volte più spesso rispetto a quelli che utilizzano la PWA. Tuttavia, gli utenti tendevano anche a disinstallare l'app per Android nel tempo per motivi di spazio di archiviazione.
Per ridurre l'impronta dell'app per Android sui dispositivi degli utenti, mantenendo al contempo i vantaggi dell'esperienza Android, il team ha deciso di rivolgersi 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 la piattaforma dovevano utilizzare WebView, che presentava alcuni limiti significativi: non è veloce come Chrome e non include tutte le API e le funzionalità di Chrome. Pertanto, se volevi un comportamento non supportato dal motore di rendering di WebView, dovevano creare un browser personalizzato, il che non è esattamente banale.
Le Attività web attendibili (TWA) superano queste limitazioni mostrando i contenuti web direttamente in Chrome. L'analisi del nome della TWA aiuta a spiegare le sue funzionalità: - Un'attività è una schermata o una visualizzazione nell'interfaccia utente di un'app per Android. - Le TWA utilizzano Chrome per visualizzare i contenuti web relativi alle attività dell'app. - I contenuti di un'Attività web attendibile sono attendibili perché utilizzano link a risorse digitali per verificare che la stessa persona abbia creato l'app per Android e i contenuti web visualizzati.
Perché creare una TWA anziché un'app specifica per la piattaforma?
Sempre più app per Android pubblicano contenuti dai siti web degli sviluppatori. Le TWA ne prendono atto offrendo il meglio del mondo delle app web e specifiche della piattaforma:
- Offrono tutte le funzionalità previste per le app per Android, tra cui un'icona di Avvio app, notifiche push e visualizzazione a schermo intero.
- Offrono le prestazioni e le funzionalità di Chrome.
- Utilizzano la versione di Chrome installata sul dispositivo, quindi hanno sempre le API e le funzionalità più recenti.
- Utilizzano molto meno spazio di archiviazione rispetto a un'app specifica per piattaforma, che è un problema per molti utenti, soprattutto quelli con dispositivi di fascia bassa.
L'esecuzione in Chrome offre anche una serie di pratici vantaggi. Ad esempio, le TWA condividono lo spazio di archiviazione di Chrome, inclusi cookie, password e qualsiasi elemento archiviato utilizzando l'API Web Storage. Un vantaggio di questa configurazione è che gli utenti rimangono collegati sul browser e nell'app TWA.
Creazione di OYO Lite
Il team di OYO voleva offrire ai propri utenti un'esperienza con un'app completa senza dover scendere a compromessi con lo spazio di archiviazione del dispositivo, perciò ha deciso di creare OYO Lite, una TWA basata sulla PWA esistente.
È essenziale iniziare con una PWA. Gli utenti si aspettano un'esperienza completa in un'app che eseguono dal launcher di Android, quindi i contenuti web pubblicati in un'Attività web attendibile devono fornire questa esperienza, tra cui:
- Tempi di caricamento e risposta rapidi
- Affidabilità quando la connettività dell'utente è limitata o assente
- Un aspetto unificato (fornendo, ad esempio, una schermata iniziale e il colore dell'app)
Se hai già una PWA, i passaggi per creare una TWA di base sono progettati per essere poco impegnativi, anche se non hai mai sviluppato per Android. Ecco cosa ha fatto il team di OYO:
- Crea un
file manifest Android
contenente un
DEFAULT_URLe filtri intent per consentire all'app di mostrare 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.
- È stata creata una schermata iniziale personalizzata.
Ed ecco il risultato:
Per una procedura dettagliata sulla creazione di un TWA di base, consulta il talk su TWA di Peter McLachlan e Andre Bandarra al Google I/O 2019.
Per scoprire di più su come il team di OYO ha creato OYO Lite, incluso un approfondimento sul loro approccio per la creazione di una schermata di benvenuto accessibile a tutti gli utenti Android, dai un'occhiata al post di Ankit Jain su Medium.
In che modo un TWA ha aiutato OYO a soddisfare le esigenze dei suoi utenti
Memorizzando la maggior parte degli asset dell'app nella cache di Chrome, il team di OYO è riuscito a ridurre le dimensioni di download iniziali di OYO Lite a soli 850 KB. Si tratta del 7% delle dimensioni dell'app per Android.
Il ridotto impatto combinato con i vantaggi di un'app per Android scaricabile dal Google Play Store ha generato guadagni significativi nel coinvolgimento degli utenti:
- Un tasso di conversione tre volte superiore a quello della PWA
- In media tre volte più utenti che hanno eseguito l'accesso rispetto alla PWA
- Una valutazione di 4,1 sul Google Play Store
A parte i vantaggi per gli utenti, scegliere una TWA ha significato che il team aveva un'unica base di codice che poteva aggiornare facilmente senza dover attendere che gli utenti scaricassero la versione più recente dell'app.
Creare un tuo TWA
La piattaforma di prenotazione online di OYO è solo un caso d'uso per le OTA. Possono essere ideali per molti progetti attualmente realizzati come app o pagine web specifiche per la piattaforma, dagli acquisti ai flussi di pagamento, dalle domande frequenti ai moduli di contatto.
Dai un'occhiata a questi link per iniziare a utilizzare le API TWA: