PWA

Unternehmen befinden sich oft in einem Zwiespalt. Soll eine App mit vergleichsweise geringen Funktionen teuer programmiert werden oder belässt man es bei der Webseite die im Grunde alle Funktionen abdeckt? Die erste Variante kostet Zeit, viel Geld und bringt nur wenig neue Funktionen im Vergleich zur Webseite, bringt jedoch die Prestige der App selbst mit sich.

Nur die Webseite alleine hingegen verliert vor allem in der mobile Benutzung und ist somit auch nicht voll zufriedenstellend. Gut dass es genau für diesen Fall eine Mischung aus beidem gibt - die Progressive Web App. Sie vereint die Vorteile einer App mit den Vorteilen einer Webseite. Es enstehen geringere Kosten, für den Nutzer fühlt sich die PWA jedoch wie eine Native Mobile-App an.

Eine PWA ist natürlich nicht perfekt, zum Beispiel benötigt sie für eine volle Benutzung meist eine Internet Verbindung und sie bietet nicht den vollen Funktionsumfang nativer Apps. Doch wenn Ihr Ziel ein umfassende digitaler Auftritt ist ohne den Programmier- und Wartungsaufwand einer App, dann ist die PWA genau das Richtige für Sie.

Progressive Web Apps, kurz PWA, bilden eine neue Form der Webanwendung. Sie basieren auf modernen Webtechnologien wie HTML5, CSS und Javascript.

Eine PWA kann den Look-and-Feel einer nativen Mobile-App reproduzieren und trotzdem, wie eine normale Webseite, per URL über das Internet abgerufen werden. Der Upload in einen App Store entfällt. Da sie auf den selben Technologien wie Webseiten basieren, ist Suchmaschinenoptimierung (SEO) für PWA möglich. Veränderungen an der PWA werden beim nächsten Aufruf direkt vom Server abgerufen.

Wie bei einer nativen Mobile-App kann ein Icon auf dem Homescreen des Mobilgeräts angelegt werden. Zusätzlich bieten PWA die Möglichkeit, Daten auf dem Gerät in einem lokalen Speicher zu hinterlegen, wodurch Seiten schneller geladen werden und auch offline verfügbar sind.

Alle modernen Browser unterstützen die PWA Funktionalität. Der genaue Umfang der unterstützten Features ist hier leider noch nicht einheitlich, sondern vom Betriebssystem abhängig. Android-Geräte bieten zur Zeit mehr Features als die Konkurrenz von Apple.

Hier noch einmal Vorteile einer PWA gegenüber der nativen Mobile-App:

• PWA basieren auf modernen Webtechnologien wie HTML5, CSS und Javascript
• PWA können direkt über Ihre Webseite ausgeliefert werden
• PWA können von Suchmaschinen indiziert werden und sind SEO fähig
• PWA lassen sich wie Native Apps als Icon auf dem Homescreen ablegen
• durch umfangreiches Caching sind PWA vor allem bei schlechter mobiler Verbindung wesentlich schneller und können auch offline funktionieren
• PWA funktionieren mit allen modernen Browsern

Punkte die (noch) bei einer PWA beachtet werden müssen:

• nicht alle Plattformen unterstützen alle Features der PWA Technologie. Android bietet zur Zeit mehr Unterstützung als iOS
• gewisse Funktionen nativer Mobile-Apps, wie z.B. der Zugriff auf Kontaktdaten und die Telefonfunktion werden noch nicht unterstützt

Sie wollen mehr über den Prozess zur PWA wissen? Lesen Sie unsere 4 Schritte Methode um zur PWA zu gelangen.

Inhalt:

1. Sammeln von Anforderungen
2. Vorbereitung der Umsetzung
3. Umsetzung der PWA
4. Übergang in den Betrieb

Zum Auftakt des Projektes wird ein Anforderungsworkshop durchgeführt. Ziel des Ganzen ist zum einen ein tieferes Verständnis des Dienstleisters für Ihr Projekt und zum Anderen die Einbettung in den Gesamtkontext des Unternehmens. Dies kann über die gemeinsame Entwicklung einer Zieldefinition erfolgen. Methoden wie die Erstellung von Nutzergruppen und Customer Journeys unterstützen dabei. Die Definition von Key Performance Indikatoren (KPI) für den späteren Betrieb sowie die Festlegung einer Distributionsstrategie sind ebenfalls Bestandteile des Workshops.

In dieser Phase wird anhand der vorher erarbeiteten Zieldefinition, Nutzergruppen und Customer Journeys ein Design Prototyp mittels Wireframes, Style Sheets und Click Dummies erarbeitet. Ein Design Review von bereits existierenden Systemen kann auch wichtige Erkenntnisse in den Prozess einbringen. Am Ende dieser Phase muss das Design und die Funktionalität der PWA zu Ihrer Zufriedenheit definiert werden.

Nach der Abnahme der fertigen PWA kann diese in den Betrieb überführt werden. Genau wie bei einer Webseite werden im laufenden Betrieb Performancewerte gemessen und gegen die definierten KPI verglichen. Nach dem Launch wird die PWA in einen Continuous-Relaunch Prozess überführt, damit kontinuierliche Verbesserungen vorgenommen werden können.