Une start-up du secteur de l'hôtellerie a créé une application Android basée sur du contenu Web pour augmenter considérablement l'engagement utilisateur et limiter la taille des fichiers.
Fondée en 2013, OYO Rooms est devenu l'une des plus grandes entreprises hôtelières d'Inde, avec des hôtels répartis dans des centaines de villes et plus de 80 pays. Ce succès s'explique en partie par le fait de rendre l'expérience de réservation en ligne aussi rapide et facile que possible.
Jusqu'à récemment, l'équipe OYO proposait à la fois une progressive web app (PWA) et une application Android pour atteindre cet objectif. L'engagement avec l'application Android était significativement plus élevé : les utilisateurs ont effectué trois conversions 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 problèmes d'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 (TWA).
Qu'est-ce qu'une 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 des 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 que le moteur de rendu de WebView n'acceptait pas, vous deviez construire votre propre navigateur autour de celui-ci, ce qui n'est pas vraiment simple.
Les activités Web fiables permettent de remédier à ces limites en affichant du contenu Web directement dans Chrome. La décomposition du nom d'une application Web sécurisée permet d'expliquer ses fonctionnalités : - Une activité correspond à un écran ou à une vue dans l'interface utilisateur d'une application Android. - Les TWA utilisent Chrome pour afficher le contenu Web lié aux activités de l'application. - Le contenu d'une application Web sécurisée est approuvé, 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 proposent du contenu provenant des sites Web de développeurs. Les TWA reconnaissent cette réalité en proposant le meilleur des applis Web et spécifiques à une plate-forme:
- Elles disposent de toutes les fonctionnalités attendues des applications Android, y compris une icône de lanceur, des notifications push et un affichage en plein écran.
- Ils offrent les performances et les fonctionnalités de Chrome.
- Ils utilisent la version de Chrome installée sur l'appareil, de sorte qu'ils disposent toujours des dernières API et fonctionnalités.
- Elles utilisent beaucoup moins d'espace de stockage qu'une application spécifique à une plate-forme, ce qui préoccupe de nombreux utilisateurs, en particulier ceux disposant d'appareils d'entrée de gamme.
L'exécution dans Chrome présente également un certain nombre d'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éation d'OYO Lite
L'équipe OYO souhaitait offrir à ses utilisateurs une expérience d'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 à bénéficier d'une expérience complète dans une application qu'ils exécutent à partir du lanceur d'applications Android. Le contenu Web diffusé dans une TWA doit donc offrir cette expérience, y compris:
- Chargement et temps de réponse rapides
- La fiabilité lorsque la connectivité de l'utilisateur est limitée ou inexistante
- Une apparence unifiée (en fournissant, par exemple, un écran de démarrage et une couleur d'application)
Si vous disposez déjà d'une PWA, la procédure de création d'une PWA de base est conçue pour demander peu d'efforts, même si vous n'avez jamais développé de solution pour Android auparavant. Voici ce qu'a fait l'équipe OYO:
- Création d'un fichier manifeste Android contenant un
DEFAULT_URLet des filtres d'intent pour permettre à l'application d'afficher le contenu de oyorooms.com. - Suppression de la barre d'adresse du navigateur à l'aide de la validation Digital Asset Link.
- Création d'une icône de lanceur
- Création d'un écran de démarrage personnalisé.
Et voici le résultat:
Pour une présentation plus détaillée de 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 pour créer un écran de démarrage accessible à tous les utilisateurs Android, consultez cet article sur Medium d'Ankit Jain.
Comment une TWA a aidé OYO à répondre aux besoins de ses utilisateurs
En stockant la plupart de ses éléments d'application dans le cache de Chrome, l'équipe OYO Lite a pu réduire la taille de téléchargement initiale d'OYO Lite à 850 Ko. Cela ne représente que 7% de la taille de leur application Android.
Ce faible encombrement, associé aux commodités d'une application Android téléchargeable sur le Google Play Store, a permis d'améliorer considérablement l'engagement utilisateur:
- Un taux de conversion trois fois supérieur à celui de la PWA
- Trois fois plus d'utilisateurs connectés en moyenne que les PWA
- Note de 4.1 sur le Google Play Store
Outre les avantages pour les utilisateurs, l'adoption d'une TWA signifiait que l'équipe ne disposait que d'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éez votre propre application Web mobile
La plate-forme de réservation en ligne d'OYO n'est qu'un des cas d'utilisation des TWA. Ils peuvent convenir à de nombreux projets actuellement conçus sous forme d'applications ou de pages Web spécifiques à une plate-forme, des paniers d'achat aux flux de paiement en passant par les questions fréquentes et les formulaires de contact.
Consultez ces liens pour vous lancer avec les TWA: