Una startup del settore alberghiero ha creato un'app Android che si basa sui contenuti web per aumentare notevolmente il coinvolgimento
Fondata nel 2013, OYO Rooms è diventata una delle più grandi aziende del settore alberghiero 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 della 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) risolvono 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 i link agli asset 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 delle piattaforme specifiche:
- 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 vantaggi pratici. Ad esempio, le TWA condividono lo spazio di archiviazione di Chrome, inclusi cookie, password e qualsiasi informazione memorizzata tramite 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 agli utenti un'app con funzionalità complete senza dover scendere a compromessi sullo spazio di archiviazione del dispositivo, così ha deciso di creare OYO Lite, una TWA basata sulla PWA esistente.
È fondamentale 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 la creazione di una TWA di base sono progettati in modo da essere facili da creare, anche se non hai mai sviluppato un'esperienza utente per Android prima d'ora. Ecco cosa ha fatto il team di OYO:
- È stato creato un
file manifest Android
contenente
DEFAULT_URLe filtri di 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.
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 saperne di più su come il team di OYO ha creato OYO Lite, inclusa un'analisi approfondita del loro approccio per la creazione di una schermata iniziale accessibile a tutti gli utenti Android, leggi il post di Ankit Jain su Medium.
In che modo una TWA ha aiutato OYO a soddisfare le esigenze degli 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 un numero di utenti che hanno eseguito l'accesso tre volte in più rispetto alla PWA
- Una valutazione di 4,1 sul Google Play Store
E, a parte i vantaggi per gli utenti, la scelta di TWA significava che il team disponeva di un solo codebase, che poteva facilmente aggiornare senza dover aspettare 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 la soluzione ideale per molti progetti attualmente creati come app o pagine web specifiche per le piattaforme, dai carrelli degli acquisti e i flussi di pagamento alle domande frequenti e ai moduli di contatto.
Dai un'occhiata a questi link per iniziare a utilizzare le API TWA: