So hat ein Start-up aus der Hotelbranche eine Android-App entwickelt, die auf Webinhalte setzt, um die Nutzerinteraktionen deutlich zu steigern und die Dateigröße niedrig zu halten
Das 2013 gegründete Unternehmen OYO Rooms hat sich zu einem der größten Hotelunternehmen in Indien mit Hotels in Hunderten von Städten in mehr als 80 Ländern entwickelt. Dieser Erfolg beruht zum Teil darauf, dass die Onlinereservierung so schnell und einfach wie möglich gestaltet wurde.
Bis vor Kurzem bot das OYO-Team sowohl eine progressive Web-App (PWA) als auch eine Android-App an, um dieses Ziel zu erreichen. Die Android-App verzeichnete deutlich mehr Interaktionen: Nutzer konvertierten dreimal so oft wie Nutzer der PWA. Allerdings deinstallierten Nutzer die Android-App im Laufe der Zeit aufgrund von Bedenken hinsichtlich des Speicherplatzes.
Um den Speicherbedarf der Android-App auf den Geräten der Nutzer zu reduzieren und gleichzeitig die Vorteile von Android beizubehalten, entschied sich das Team für Trusted Web Activities (TWAs).
Was ist ein TWA?
Vor Chrome 72 mussten Android-Entwickler, die Webinhalte in ihren plattformspezifischen Apps anzeigen wollten, WebView verwenden. Dies hatte einige erhebliche Einschränkungen: Es ist nicht so schnell wie Chrome und enthält nicht alle APIs und Funktionen von Chrome. Wenn Sie also ein Verhalten wollten, das das Rendering-Modul von WebView nicht unterstützt, mussten Sie einen eigenen Browser erstellen. Das ist nicht gerade einfach.
Vertrauenswürdige Web-Aktivitäten (Trusted Web Activities, TWAs) beheben diese Einschränkungen, indem Webinhalte direkt in Chrome angezeigt werden. Wenn Sie den Namen der TWA in seine Bestandteile zerlegen, können Sie die Funktionen besser nachvollziehen: – Eine Aktivität ist ein Bildschirm oder eine Ansicht in der Benutzeroberfläche einer Android-App. – TWAs verwenden Chrome, um Webinhalte für die Aktivitäten der App anzuzeigen. – Die Inhalte eines TWA gelten als vertrauenswürdig, da mithilfe von Digital Asset Links überprüft wird, ob die Android-App und die darin angezeigten Webinhalte von derselben Person erstellt wurden.
Warum eine TWA statt einer plattformspezifischen App erstellen?
Immer mehr Android-Apps liefern Inhalte von den Websites der Entwickler. TWAs berücksichtigen diese Realität und bieten das Beste aus der plattformspezifischen und der Web-App-Welt:
- Sie bieten alle Funktionen, die von Android-Apps erwartet werden, einschließlich eines Launcher-Symbols, Push-Benachrichtigungen und Vollbildanzeige.
- Sie bieten die Leistung und Funktionen von Chrome.
- Sie verwenden die auf dem Gerät installierte Chrome-Version und haben so immer die neuesten APIs und Funktionen.
- Sie verbrauchen deutlich weniger Speicherplatz als eine plattformspezifische App. Das ist für viele Nutzer ein wichtiges Thema, insbesondere für Nutzer mit Geräten der unteren Preisklasse.
Die Ausführung in Chrome bietet außerdem eine Reihe praktischer Vorteile. Beispielsweise teilen TWAs den Chrome-Speicher, einschließlich Cookies, Passwörter und aller Inhalte, die mithilfe der Web Storage API gespeichert werden. Ein Vorteil dieser Konfiguration besteht darin, dass Nutzer im Browser und in der TWA-App angemeldet bleiben.
OYO Lite entwickeln
Das OYO-Team wollte seinen Nutzern eine vollwertige App-Nutzung bieten, ohne Kompromisse beim Speicherplatz auf dem Gerät eingehen zu müssen. Daher entschied es sich für OYO Lite, eine TWA, die auf ihrer bestehenden PWA aufbaut.
Es ist wichtig, mit einer PWA zu beginnen. Nutzer erwarten in einer App, die sie über den Android-Launcher ausführen, eine umfassende Funktionalität. Daher müssen Webinhalte, die in einer TWA bereitgestellt werden, diese Anforderungen erfüllen, darunter:
- Schnelle Lade- und Reaktionszeiten
- Zuverlässigkeit, wenn der Nutzer nur eine eingeschränkte oder keine Verbindung hat
- Ein einheitliches Erscheinungsbild (z. B. durch einen Ladebildschirm und eine App-Farbe)
Wenn Sie bereits eine PWA haben, sind die Schritte zum Erstellen einer einfachen TWA mit wenig Aufwand verbunden, auch wenn Sie noch nie für Android entwickelt haben. Das OYO-Team hat Folgendes getan:
- Erstellen Sie eine Android-Manifestdatei mit einem
DEFAULT_URL- und einem Intent-Filter, damit die App Inhalte von oyorooms.com anzeigen kann. - Die URL-Leiste des Browsers wurde mithilfe der Digital Asset Link-Bestätigung entfernt.
- Ein Launcher-Symbol wurde erstellt.
- Sie haben einen benutzerdefinierten Ladebildschirm erstellt.
Das Ergebnis:
Eine ausführlichere Anleitung zum Erstellen einer grundlegenden TWA finden Sie im TWA-Vortrag von Peter McLachlan und Andre Bandarra von der Google I/O 2019.
Weitere Informationen darüber, wie das OYO-Team OYO Lite entwickelt hat, einschließlich einer ausführlichen Beschreibung des Ansatzes zum Erstellen eines Ladebildschirms, der für alle Android-Nutzer zugänglich ist, findest du in Ankit Jains Beitrag auf Medium.
Wie eine TWA OYO dabei geholfen hat, die Anforderungen der Nutzer zu erfüllen
Durch das Speichern der meisten App-Assets im Chrome-Cache konnte das OYO-Team die ursprüngliche Downloadgröße für OYO Lite auf nur 850 KB reduzieren. Das entspricht nur 7 % der Größe der Android-App.
Dieser geringe Speicherbedarf in Kombination mit den Vorteilen einer Android-App, die im Google Play Store heruntergeladen werden kann, führte zu einer deutlichen Steigerung der Nutzerinteraktionen:
- eine dreimal höhere Conversion-Rate als die der PWA
- Im Durchschnitt dreimal mehr angemeldete Nutzer als bei der PWA
- Eine 4.1-Bewertung im Google Play Store
Neben den Vorteilen für die Nutzer bedeutete die Entscheidung für eine TWA, dass das Team nur eine Codebasis hatte, die es ganz einfach aktualisieren konnte, ohne warten zu müssen, bis Nutzer die neueste Version der App heruntergeladen hatten.
Eigene TWA erstellen
Die Online-Reservierungsplattform von OYO ist nur ein Anwendungsfall für TWAs. Sie eignen sich hervorragend für viele Projekte, die derzeit als plattformspezifische Apps oder Webseiten entwickelt werden, von Einkaufswagen und Bezahlvorgängen bis hin zu FAQs und Kontaktformularen.
Unter den folgenden Links finden Sie Informationen zum Einstieg in TWAs: