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'un TWA ?
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. Par conséquent, si vous souhaitiez un comportement que le moteur de rendu de WebView n'était pas en mesure de prendre en charge, vous deviez créer votre propre navigateur autour de celui-ci, ce qui n'est pas vraiment 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 dernières API et fonctionnalités.
- 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.
L'exécution dans Chrome présente également plusieurs avantages pratiques. Par exemple, les TWA partagent l'espace de stockage de Chrome, y compris les cookies, les mots de passe et tout ce qui est stocké à 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 OYO souhaitait offrir à ses utilisateurs une expérience d'application complète sans avoir à faire de compromis sur l'espace de 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:
- Temps de chargement et de réponse rapides
- Fiabilité lorsque la connexion de l'utilisateur est limitée ou inexistante
- Un style cohérent (en fournissant, par exemple, un écran de démarrage et une couleur d'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 que l'équipe OYO a fait:
- 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 obtenir une présentation plus détaillée de la création d'une TWA de base, regardez la conférence sur les TWA lors de Google I/O 2019 de Peter McLachlan et Andre Bandarra.
Pour en savoir plus sur la façon dont l'équipe OYO a créé OYO Lite, y compris une analyse approfondie de leur approche pour créer un écran de démarrage accessible à tous les utilisateurs Android, consultez le post sur Medium d'Ankit Jain.
Comment une TWA a aidé OYO à 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 vous lancer avec les TWA, consultez les liens suivants: