OYO Lite: TWA mit den besten Web- und Android-Apps

So hat ein Start-up aus der Hotelbranche eine Android-App entwickelt, die auf Webcontent basiert, um die Nutzerinteraktion deutlich zu steigern und die Dateigröße niedrig zu halten

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

OYO Rooms wurde 2013 gegründet und ist heute eines der größten Hotelunternehmen in Indien mit Hotels in Hunderten von Städten in mehr als 80 Ländern. Dieser Erfolg ist zum Teil darauf zurückzuführen, 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 vertrauenswürdige Web-Aktivitäten.

Was ist eine TWA?

Vor Chrome 72 mussten Android-Entwickler, die Webinhalte in ihren plattformspezifischen Apps anzeigen wollten, WebView verwenden. Das hatte einige erhebliche Einschränkungen: WebView ist nicht so schnell wie Chrome und enthält nicht alle APIs und Funktionen von Chrome. Wenn Sie also ein Verhalten benötigten, das vom Rendering-Engine von WebView nicht unterstützt wurde, mussten Sie einen eigenen Browser dafür entwickeln – was nicht gerade einfach ist.

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 einer TWA sind vertrauenswürdig, da Digital Asset Links verwendet werden, um zu bestätigen, dass dieselbe Person die Android-App und die angezeigten Webinhalte erstellt hat.

Warum sollte ich 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, was für viele Nutzer ein wichtiges Thema ist, insbesondere für Nutzer mit Geräten der unteren Preisklasse.

Die Ausführung in Chrome bietet außerdem einige praktische Vorteile. TWAs nutzen beispielsweise den Chrome-Speicher, einschließlich Cookies, Passwörtern und allem, was mit der Web Storage API gespeichert wird. 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 App mit allen Funktionen bieten, ohne Kompromisse beim Gerätespeicher eingehen zu müssen. Daher entschied es sich, OYO Lite zu entwickeln, eine TWA, die auf der vorhandenen PWA basiert.

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 bei eingeschränkter oder fehlender Internetverbindung
  • 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:

Das Ergebnis:

OYO Lite in Aktion.

Eine ausführlichere Anleitung zum Erstellen einer einfachen TWA finden Sie im TWA-Vortrag von Peter McLachlan und Andre Bandarra auf der Google I/O 2019.

Weitere Informationen dazu, wie das OYO-Team OYO Lite entwickelt hat, einschließlich eines detaillierten Einblicks in seinen Ansatz zum Erstellen eines Splashscreens, der für alle Android-Nutzer zugänglich ist, finden Sie im Beitrag von Ankit Jain 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 Bewertung von 4,1 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 die 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: