Progressive Web-Apps (PWAs) sind Web-Apps, die mit modernen APIs erstellt und optimiert wurden, um erweiterte Funktionen bereitzustellen und gleichzeitig alle Webnutzer auf jedem Gerät mit einer einzigen Codebasis zu erreichen. Sie kombinieren die breite Reichweite von Webanwendungen mit den umfangreichen Funktionen plattformspezifischer Apps, um die Nutzerfreundlichkeit zu verbessern.
Die drei Säulen des PWA-Designs
Damit eine PWA so nutzerfreundlich ist wie eine plattformspezifische Anwendung, muss sie leistungsfähig, zuverlässig und installierbar sein.
Leistungsfähig
Webanwendungen sind heute leistungsfähiger denn je und diese Funktionen werden immer mehr. In letzter Zeit werden für Websoftware Funktionen entwickelt, die früher nur für plattformspezifische Apps verfügbar waren. So können Sie jetzt beispielsweise eine hyperlokale Videochat-App mit WebRTC, Standortermittlung und Push-Benachrichtigungen erstellen, diese App installierbar machen und mit WebGL und WebVR Unterhaltungen in die virtuelle Realität verschieben. Durch die Einführung von WebAssembly können Entwickler andere Ökosysteme wie C, C++ und Rust nutzen und jahrzehntelang zuvor nur auf bestimmten Plattformen verfügbare Funktionen ins Web bringen. Ein gutes Beispiel für Entwickler, die die neuen Funktionen des Webs nutzen, ist Squoosh.app, eine webbasierte Bildkomprimierungs-App.
Einige Funktionen sind für das Web zwar noch nicht verfügbar, aber neue und kommende APIs erweitern die Möglichkeiten des Webs ständig mit Funktionen wie Dateisystemzugriff, Mediensteuerung, App-Logos und vollständiger Zwischenablageunterstützung. Alle diese Funktionen basieren auf dem sicheren, nutzerorientierten Berechtigungsmodell des Webs, das die Nutzer schützt und die Nutzung neuer Websites weniger einschüchternd macht.
Zuverlässig
Eine zuverlässige progressive Web-App ist unabhängig vom Netzwerk schnell und zuverlässig. Nutzer verdienen Apps, die schnell auf Interaktionen reagieren, und eine zuverlässige Nutzererfahrung.
Die Geschwindigkeit ist entscheidend, damit Nutzer Ihre Website nutzen. Wenn sich die Seitenladezeit von einer auf zehn Sekunden erhöht, steigt die Wahrscheinlichkeit, dass ein Nutzer abspringt, um 123%.
Leistungsprobleme wirken sich auf die gesamte Nutzererfahrung aus, nicht nur auf das onload-Ereignis. Bei einer zuverlässigen App müssen sich Nutzer nie fragen, ob eine Interaktion mit der App registriert wurde oder nicht. Scrollen und Animationen müssen flüssig ablaufen. Nutzer müssen Ihre App nicht nur als leistungsstark wahrnehmen, sondern sie muss auch tatsächlich eine gute Leistung bieten.
Zuverlässige Apps müssen außerdem unabhängig von der Netzwerkverbindung nutzbar sein. Nutzer erwarten, dass Apps auch bei langsamen oder unzuverlässigen Netzwerkverbindungen oder sogar im Offlinemodus schnell geladen werden. Sie erwarten, dass die letzten Inhalte, mit denen sie interagiert haben, wie z. B. Medientracks oder Tickets und Reisepläne, verfügbar und nutzbar sind, auch wenn die App Probleme beim Senden von Anfragen an Ihren Server hat. Wenn eine Anfrage nicht möglich ist, erwarten sie, dass die App ihnen mitteilt, dass ein Problem vorliegt, anstatt stillschweigend zu scheitern oder abzustürzen.
Installierbar
Wenn Sie Ihre PWA installierbar machen, wird sie aus dem Browser in ein eigenständiges Fenster verschoben. Das verändert die Art und Weise, wie Nutzer sie wahrnehmen und damit interagieren. Installierte PWAs können über den Startbildschirm, das Dock, die Taskleiste oder das Steuerfeld des Nutzers gestartet werden. Der Nutzer kann auf einem Gerät danach suchen und mit dem App-Schnellzugriff zwischen ihnen wechseln, sodass sie sich wie ein Teil des Geräts anfühlen, auf dem sie installiert sind.
Durch die Installation einer PWA stehen auch neue Funktionen zur Verfügung, z. B. Tastaturkürzel, die normalerweise in einem Browser reserviert sind. PWAs können auch so registriert werden, dass sie Inhalte von anderen Anwendungen akzeptieren oder als Standardanwendung für bestimmte Dateitypen verwendet werden.
Ergebnisse von PWAs abrufen
Die Einführung einer PWA verbessert nicht nur die Nutzerfreundlichkeit. Außerdem verbessern sich Ihre Messwerte und Sie erhalten mehr Nutzen aus Ihrem Dienst. Zu den bekanntesten Beispielen gehören:
- Die PWA von Twitter führte zu einer Steigerung der Seitenaufrufe pro Sitzung um 65 %, 75% mehr Tweets und einer um 20% niedrigeren Absprungrate. Gleichzeitig wurde die Größe der App um über 97 % reduziert.
- Nach der Umstellung auf eine PWA verzeichnete Nikkei 2,3-mal mehr organische Zugriffe, 58% mehr Abos und 49% mehr aktive Nutzer pro Tag.
- Hulu ersetzte seine plattformspezifische Desktopversion durch eine PWA und verzeichnete eine Steigerung der wiederkehrenden Besuche um 27 %.
Weitere Informationen zu den Vorteilen von PWAs finden Sie unter Wie Progressive Web Apps den Geschäftserfolg steigern können.