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

Wie ein Start-up im Gastgewerbe eine Android-App mit Webinhalten entwickelt hat, um die Nutzerinteraktion erheblich zu steigern und die Dateigröße gering zu halten

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

OYO Rooms wurde 2013 gegründet und ist mittlerweile eines der größten Gastgewerbeunternehmen Indiens mit Hotels in Hunderten von Städten in mehr als 80 Ländern. Dieser Erfolg beruhte zum Teil darauf, dass die Online-Reservierung so schnell und einfach wie möglich möglich war.

Bis vor Kurzem hat das OYO-Team sowohl eine Progressive Web App (PWA) als auch eine Android-App angeboten, um dieses Ziel zu erreichen. Mit der Android-App war die Interaktionsrate deutlich höher: Nutzer*innen führten dreimal so oft eine Conversion aus wie Nutzer*innen der PWA. Doch die Nutzer neigten auch dazu, die Android-App im Laufe der Zeit zu deinstallieren, da sie wegen des verfügbaren Speicherplatzes Bedenken hatten.

Das Team entschied sich für Vertrauenswürdige Web-Aktivitäten, um die Angriffsfläche der Android-App auf den Geräten der Nutzer zu reduzieren und gleichzeitig die Vorteile von Android zu nutzen.

Was ist ein TWA?

Vor Chrome 72 mussten Android-Entwickler, die Webinhalte in ihren plattformspezifischen Apps anzeigen wollten, WebView verwenden, das einige bedeutende Einschränkungen mit sich brachte: Es ist nicht so schnell wie Chrome und beinhaltet nicht alle APIs und Funktionen von Chrome. Um ein Verhalten zu erreichen, das vom Rendering-Modul von WebView nicht unterstützt wird, mussten Sie Ihren eigenen Browser darauf aufbauen. Das ist nicht gerade einfach.

Mit vertrauenswürdigen Webaktivitäten lassen sich diese Einschränkungen umgehen, indem Webinhalte direkt in Chrome angezeigt werden. Eine Aufschlüsselung des TWA-Namens hilft dabei, die Funktionen zu erklären: – Eine Aktivität ist ein Bildschirm oder eine Ansicht in der Benutzeroberfläche einer Android-App. – TWAs verwenden Chrome, um für die App-Aktivitäten Webinhalte anzuzeigen. – Die Inhalte einer TWA gelten als vertrauenswürdig, weil mithilfe von Digital Asset Links bestätigt wird, dass die Android-App und die Webinhalte, die in ihr angezeigt werden, von derselben Person erstellt wurden.

Warum sollte ich eine TWA anstelle einer plattformspezifischen App erstellen?

Immer mehr Android-Apps stellen Inhalte von den Websites der Entwickler bereit. Die TWAs sind sich dieser Tatsache bewusst, indem sie das Beste aus den plattformspezifischen und Web-App-Welten bieten:

  • Sie bieten alle Funktionen, die von Android-Apps erwartet werden, einschließlich Launcher-Symbol, Push-Benachrichtigungen und Vollbildanzeige.
  • Sie bieten die Leistung und Funktionen von Chrome.
  • Sie verwenden die auf dem Gerät installierte Chrome-Version, damit sie immer über die neuesten APIs und Funktionen verfügen.
  • Sie benötigen deutlich weniger Speicherplatz als eine plattformspezifische App, was für viele Nutzer ein Problem darstellt, insbesondere wenn sie mit Low-End-Geräten arbeiten.

Chrome bietet außerdem eine Reihe von praktischen Vorteilen. TWAs teilen sich beispielsweise den Chrome-Speicher, einschließlich Cookies, Passwörter und alle Inhalte, die über die Web Storage API gespeichert werden. Ein Vorteil dieser Einrichtung besteht darin, dass Nutzer sowohl im Browser als auch in der TWA-App angemeldet bleiben.

Aufbau von OYO Lite

Das OYO-Team wollte seinen Nutzern eine mit allen Funktionen ausgestattete App bieten, ohne Kompromisse beim Gerätespeicher eingehen zu müssen. Deshalb entschied sich das Team für OYO Lite, eine TWA auf Basis der bestehenden PWA.

Entscheidend ist, mit einer PWA zu beginnen. Nutzer erwarten in einer App, die sie über den Android Launcher ausführen, umfassende Funktionen. Deshalb müssen in einer TWA bereitgestellte Webinhalte die folgenden Vorteile bieten:

  • Kurze Lade- und Reaktionszeiten
  • Zuverlässigkeit, wenn der Nutzer nur über eine eingeschränkte oder keine Internetverbindung verfügt
  • Ein einheitliches Design (z. B. durch einen Ladebildschirm und eine App-Farbe)

Wenn Sie bereits eine PWA haben, sind die Schritte zum Erstellen einer einfachen TWA so konzipiert, dass sie mit geringem Aufwand erstellt werden, auch wenn Sie noch nie für Android entwickelt haben. So hat das OYO-Team vorgegangen:

Und so sieht das Ergebnis aus:

OYO Lite in Aktion.

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 OYO mit einem TWA dazu beigetragen hat, die Anforderungen seiner Nutzer zu erfüllen

Durch das Speichern der meisten App-Assets im Chrome-Cache konnte das OYO-Team die anfängliche Downloadgröße für OYO Lite auf 850 KB reduzieren. Das entspricht nur 7% der Größe ihrer Android-App!

Diese geringen Kosten in Kombination mit der Ausstattung einer Android-App, die aus dem Google Play Store heruntergeladen werden kann, führte zu erheblichen Steigerungen bei den Nutzerinteraktionen:

  • Eine dreimal höhere Conversion-Rate als die PWA
  • Durchschnittlich dreimal mehr angemeldete Nutzer als die PWA
  • Eine 4,1-Bewertung im Google Play Store

Abgesehen von den Vorteilen für die Nutzer hatte das Team mit einer TWA nur eine einzige Codebasis, die leicht aktualisiert werden konnte, ohne darauf warten zu müssen, dass die Nutzer die neueste Version der App herunterladen.

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 erstellt werden, von Einkaufswagen und Bezahlvorgängen bis hin zu FAQs und Kontaktformularen.

Unter diesen Links finden Sie Informationen zum Einstieg in TWAs: