Mobile First

Progressive Web Apps (PWA) erweitern Möglichkeiten im mobilen Online-Geschäft

| Autor / Redakteur: Andreas Öttl / Sebastian Human

Wenn native App und responsive Website miteinander Hochzeit halten, sind Progressive Web Apps die Folge.
Wenn native App und responsive Website miteinander Hochzeit halten, sind Progressive Web Apps die Folge. (Bild: Pixabay)

Die Progressive Web App – eine Verbindung aus nativer App und normaler Website – vereint das Beste beider Seiten: die Usability und funktionalen Möglichkeiten der App mit der Reichweite einer Website.

Dass an „mobile first“ kein Weg mehr vorbeiführt, ist längst jedem klar, der sich in der heutigen digitalen Welt bewegt. Aber wie wird sich diese Welt weiterentwickeln? Es ist bereits jetzt abzusehen, dass die bisher dominierenden Ansätze „Responsive Webdesign“ und „Native App“ an Bedeutung verlieren werden. Der Grund: Progressive Web Apps (PWA). Sie vereinen das Leistungsvermögen nativer Apps mit der Reichweite normaler Websites. Sind Progressive Web Apps also The Next Big Thing, wenn es darum geht, einen höheren und messbaren Beitrag für die Online-Wertschöpfung zu leisten und dem Mobile-First-Gedanken Rechnung zu tragen? Sollten auch B2B-Unternehmen auf PWA setzen, oder darf man die PWA als weiteres Buzzword geflissentlich ignorieren?

PWA – mit den Genen beider Eltern

PWA vereinen die Vorteile nativer Apps mit den Vorteilen des „offenen“ Internets. Sie bieten in der Regel ein deutlich verbessertes Nutzererlebnis, das an die Usability nativer Apps oder von Desktopanwendungen heranreicht. Zudem ermöglichen sie den Zugriff auf wesentliche Funktionen des Endgeräts und des Browsers, wodurch sich neue funktionale Möglichkeiten ergeben. Anders als native oder hybride Apps sind sie jedoch auch einfach über den Browser und in Suchmaschinen auffindbar. Stichwort: SEO. Ihre Vermarktung ist damit nicht auf App-Stores begrenzt – was einen positiven Einfluss auf die Reichweite hat. Auch die Ladezeiten sind im Allgemeinen deutlich kürzer. Gerade im mobilen Einsatz ist dies ein wesentlicher Faktor für das Ranking und die Bounce-Rate der Nutzer.

Die Vorteile von Progressive Web Apps auf einen Blick

  • Offlinefähigkeit möglich
  • ähnliche User Experience wie bei nativen Apps
  • einmalige Entwicklung für alle Browser und Betriebssysteme
  • kein Download aus dem App-Store und kein Laden von Updates nötig
  • für Suchmaschinen optimierbar und auffindbar
  • Push-Nachrichten zur Interaktionssteigerung möglich
  • mobiler Einsatz
  • deutlich schnellere Ladezeiten

Ein Multitalent wurde geboren

PWA sind den herkömmlichen Lösungen für Web-Portale, Extranets oder Shops hinsichtlich Effektivität, Effizienz, Performance und Messbarkeit klar überlegen. Erfahrungen aus der Praxis zeigen, dass sich wesentliche Erfolgskennzahlen durch den Einsatz von PWA deutlich verbessern lassen: die durchschnittliche Verweildauer der Nutzer verlängert sich, es werden mehr Seiten aufgerufen und – besonders wichtig – die Konversionsrate steigt. Auch die Sichtbarkeit bei der mobilen Suche verbessern PWA häufig signifikant.

Als Anwendungsbeispiel kann die von Curry Solutions entwickelte Produktfilter-App dienen, die beim Auftraggeber Ingun Prüfmittelbau insbesondere den Außendienst und den Vertrieb mit mobilfreundlichen Anwendungen unterstützen soll. Der Zugriff ist von jedem Endgerät aus möglich.

Kompetente Geburtshelfer sind gefragt

Die Vorteile stellen sich nicht zwangsläufig von selbst ein, sondern erfordern weitreichende Expertise auf verschiedenen Gebieten. Da PWA zumeist auf JavaScript-basierten Frontend-Frameworks wie Angular, React oder RiotJS beruhen, existieren hinsichtlich SEO zahlreiche Stolpersteine. Auch die notwendigen Service Worker können – insbesondere in Zusammenspiel mit Browser Caching – Probleme hervorrufen. Mit entsprechendem Know-how lassen sich beide Problembereiche jedoch sehr gut lösen.

Die Erfolgsgeschichte schreibt sich fort

Generell stehen PWA bei Google inzwischen ohnehin ziemlich weit oben auf der Beliebtheitsskala. Neben strategischen Gründen spielt auch das, aus Google-Sicht, „neue Qualitätslevel in Hinblick auf Zuverlässigkeit, Geschwindigkeit und User Experience“ eine wichtige Rolle. Microsoft und mittlerweile auch Apple haben ebenfalls den Weg für PWA auf ihren Systemen freigemacht – es winkt eine rosige Zukunft. Zwar gibt es durchaus noch Unterschiede in der Unterstützung durch die verschiedenen Browser und Geräte, doch auch hier sind weitere Fortschritte zu erwarten.

PWA – der Name ist Programm

PWA verhalten sich – wie der Name bereits verrät – „progressiv“, das heißt: sie funktionieren generell auf allen Browsern und Plattformen und nutzen stets das, was das jeweilige System erlaubt. Somit sind im schlimmsten Fall lediglich einzelne Funktionen, wie etwa Push-Notifications auf Apple-Geräten, nicht verfügbar, der Rest der App wird nicht beeinträchtigt. Innovative Onlinemarketer können PWA nutzen, um neuartige Angebote zu entwickeln und vorhandene Services auszubauen. Die Einsatzzwecke für PWA sind vielfältig – auch für B2B-Unternehmen.

Kommentare werden geladen....

Kommentar zu diesem Artikel abgeben

Der Kommentar wird durch einen Redakteur geprüft und in Kürze freigeschaltet.

Anonym mitdiskutieren oder einloggen Anmelden

Avatar
Zur Wahrung unserer Interessen speichern wir zusätzlich zu den o.g. Informationen die IP-Adresse. Dies dient ausschließlich dem Zweck, dass Sie als Urheber des Kommentars identifiziert werden können. Rechtliche Grundlage ist die Wahrung berechtigter Interessen gem. Art 6 Abs 1 lit. f) DSGVO.
  1. Avatar
    Avatar
    Bearbeitet von am
    Bearbeitet von am
    1. Avatar
      Avatar
      Bearbeitet von am
      Bearbeitet von am

Kommentare werden geladen....

Kommentar melden

Melden Sie diesen Kommentar, wenn dieser nicht den Richtlinien entspricht.

Kommentar Freigeben

Der untenstehende Text wird an den Kommentator gesendet, falls dieser eine Email-hinterlegt hat.

Freigabe entfernen

Der untenstehende Text wird an den Kommentator gesendet, falls dieser eine Email-hinterlegt hat.

copyright

Dieser Beitrag ist urheberrechtlich geschützt. Sie wollen ihn für Ihre Zwecke verwenden? Infos finden Sie unter www.mycontentfactory.de (ID: 45566994 / Technologie)