Comment une start-up du secteur de l'hôtellerie a créé une application Android qui s'appuie sur du contenu Web pour accroître considérablement l'engagement des utilisateurs et réduire la taille des fichiers
Créée en 2013, OYO Rooms est devenue l'une des plus grandes entreprises hôtelières d'Inde, avec des hôtels dans des centaines de villes de plus de 80 pays. Cette réussite est due en partie à la facilité et à la rapidité de l'expérience de réservation en ligne.
Jusqu'à récemment, l'équipe OYO proposait à la fois une progressive web app (PWA) et une application Android pour atteindre cet objectif. L'application Android a enregistré un engagement nettement plus élevé : les utilisateurs ont été convertis trois fois plus souvent que ceux qui utilisaient la PWA. Toutefois, les utilisateurs ont également tendance à désinstaller l'application Android au fil du temps en raison de préoccupations concernant l'espace de stockage.
Pour réduire l'empreinte de l'application Android sur les appareils des utilisateurs tout en conservant les avantages de l'expérience Android, l'équipe a décidé de se tourner vers les activités Web fiables.
Qu'est-ce qu'une activité Web fiable ?
Avant Chrome 72, les développeurs Android qui souhaitaient afficher du contenu Web dans leurs applications spécifiques à la plate-forme devaient utiliser WebView, qui présentait certaines limites importantes : il n'est pas aussi rapide que Chrome et n'inclut pas toutes les API et fonctionnalités de Chrome. Ainsi, si vous souhaitez un comportement non compatible avec le moteur de rendu WebView, vous devez créer votre propre navigateur autour de celui-ci, ce qui n'est pas tout à fait simple.
Les activités Web fiables (TWA) répondent à ces limites en affichant le contenu Web directement dans Chrome. Le nom de la TWA permet d'expliquer ses fonctionnalités : - Une activité est un écran ou une vue de l'interface utilisateur d'une application Android. - Les TWA utilisent Chrome pour afficher le contenu Web des activités de l'application. - Le contenu d'une activité Web fiable est de confiance, car il utilise Digital Asset Links pour vérifier que la même personne a créé l'application Android et le contenu Web qu'elle affiche.
Pourquoi créer une TWA plutôt qu'une application spécifique à une plate-forme ?
De plus en plus d'applications Android diffusent du contenu à partir des sites Web des développeurs. Les TWA reconnaissent cette réalité en offrant le meilleur des mondes des applications Web et spécifiques à une plate-forme :
- Elles disposent de toutes les fonctionnalités attendues des applications Android, y compris d'une icône de lanceur, de notifications push et d'un affichage en plein écran.
- Ils offrent les performances et les fonctionnalités de Chrome.
- Elles utilisent la version de Chrome installée sur l'appareil. Elles disposent donc toujours des API et des fonctionnalités les plus récentes.
- Elles occupent beaucoup moins d'espace de stockage qu'une application spécifique à une plate-forme, ce qui est un problème pour de nombreux utilisateurs, en particulier ceux qui disposent d'appareils d'entrée de gamme.
Chrome offre également de nombreux avantages pratiques. Par exemple, les TWA partagent l'espace de stockage de Chrome, y compris les cookies, les mots de passe et tous les éléments stockés à l'aide de l'API Web Storage. L'un des avantages de cette configuration est que les utilisateurs restent connectés dans le navigateur et dans l'application TWA.
Créer OYO Lite
L'équipe d'OYO souhaitait offrir à ses utilisateurs une application complète sans faire de compromis sur le stockage de l'appareil. Elle a donc décidé de créer OYO Lite, une TWA basée sur sa PWA existante.
Il est essentiel de commencer par une PWA. Les utilisateurs s'attendent à une expérience complète dans une application qu'ils exécutent à partir du lanceur d'applications Android. Par conséquent, le contenu Web diffusé dans une application Web A doit fournir cette expérience, y compris :
- Chargement et temps de réponse rapides
- Fiabilité lorsque la connexion de l'utilisateur est limitée ou inexistante
- Une apparence unifiée (en fournissant, par exemple, un écran de démarrage et la couleur de l'application)
Si vous disposez déjà d'une PWA, les étapes de création d'une TWA de base sont conçues pour être peu contraignantes, même si vous n'avez jamais développé pour Android auparavant. Voici ce qu'a fait l'équipe OYO:
- Vous avez créé un fichier manifeste Android contenant un
DEFAULT_URLet des filtres d'intent pour permettre à l'application d'afficher du contenu provenant de oyorooms.com. - Suppression de la barre d'URL du navigateur à l'aide de la validation Digital Asset Link
- créé une icône de lanceur ;
- Vous avez créé un écran de démarrage personnalisé.
Voici le résultat :
Pour un tutoriel plus détaillé sur la création d'une TWA de base, consultez la conférence TWA de Peter McLachlan et d'Andre Bandarra lors de la conférence Google I/O 2019.
Pour en savoir plus sur la façon dont l'équipe OYO a créé OYO Lite, y compris une présentation détaillée de son approche de création d'un écran de démarrage accessible à tous les utilisateurs Android, consultez le post d'Ankit Jain sur Medium.
Une TWA a permis à OYO de répondre aux besoins de ses utilisateurs
En stockant la plupart des composants de son application dans le cache de Chrome, l'équipe OYO a pu réduire la taille de téléchargement initiale d'OYO Lite à 850 ko. Cela représente seulement 7 % de la taille de son application Android.
Cette petite empreinte, combinée aux avantages d'une application Android téléchargeable sur le Google Play Store, a permis d'augmenter considérablement l'engagement des utilisateurs :
- Un taux de conversion trois fois supérieur à celui de la PWA
- Trois fois plus d'utilisateurs connectés que la PWA, en moyenne
- Une note de 4,1 sur le Google Play Store
En plus des avantages pour les utilisateurs, l'équipe n'a eu qu'un seul codebase, qu'elle pouvait facilement mettre à jour sans avoir à attendre que les utilisateurs téléchargent la dernière version de l'application.
Créer votre propre TWA
La plate-forme de réservation en ligne d'OYO n'est qu'un cas d'utilisation des TWA. Ils peuvent être très adaptés à de nombreux projets actuellement créés en tant qu'applications ou pages Web spécifiques à une plate-forme, des paniers et des parcours de paiement aux questions fréquentes et aux formulaires de contact.
Pour commencer à utiliser les TWA, consultez les liens suivants :