PWA-Entwicklung

Einführung

Viele Unternehmen haben ihre mobilen Websites bereits auf PWAs umgestellt und die Ergebnisse sind überwältigend.

Scheint, als ob Progressive Web Apps ein schneller Weg zum Erfolg sind. Aber ist das für jedes Unternehmen so?

Zeit, dieses Thema in einfache Faktoren zu unterteilen. Erfahren Sie, wann PWAs eine gute Wahl sind und wann es besser ist, einen anderen Weg zu wählen.

TL; DR

Was sind Progressive Web Apps?

Progressive Web Apps nutzen die Funktionen moderner Browser, um Funktionen anzubieten, die traditionell mit nativen Apps verbunden sind. Sie kombinieren die Funktionen mobiler Apps mit der Barrierefreiheit und Benutzerfreundlichkeit einer Website.

Die geschäftlichen Auswirkungen von PWAs

PWAs helfen Ihnen dabei, Ihre Reichweite zu vergrößern, Beziehungen aufzubauen, Konversionen zu steigern und in neuen Märkten aufzutreten.

Größte Vorteile

Tolle Leistung, einfache Installation, Offline-Zugriff und geringer Datenverbrauch.

Größte Nachteile

Probleme auf iOS und älteren Geräten.

PWA oder native App?

Eine PWA bedeutet geringere Kosten, aber mögliche iOS-Probleme und möglicherweise sind nicht alle gewünschten Funktionen verfügbar.

Eine native App bedeutet höhere Kosten, aber eine bessere Leistung.

Wie wirken sich PWAs auf den ROI aus?

Ali Hackett von Mobify schätzte, dass Unternehmen dank PWAs einen Umsatzanstieg von 20 Prozent erzielen werden.

Beispiele für Progressive Web Apps

• Starbucks
• Pinterest
• Twitter Lite
• AliExpress

KAPITEL 1:

Was sind Progressive Web Apps?

Progressive Web Apps gehören zu einer neuen Generation von Webanwendungen. Sie laden wie normale Websites aber nutzen Sie Funktionen wie Service Worker oder Web-App-Manifeste, um Funktionen anzubieten, die traditionell zu nativen Apps gehören (wie Push-Benachrichtigungen).

Sie kombinieren die Funktionen von mobilen Apps mit der Zugänglichkeit, Auffindbarkeit und Benutzerfreundlichkeit, die die Grundlage des modernen Internets bilden.

„Progressive Web Apps nutzen moderne Webfunktionen, um ein App-ähnliches Nutzererlebnis zu bieten. Sie entwickeln sich von Seiten in Browser-Tabs zu immersiven Apps auf oberster Ebene und sorgen so dafür, dass das Web zu jedem Zeitpunkt reibungslos funktioniert. “ — Google

PWAs ermöglichen es Entwicklern, mobile Erlebnisse ins Web zu bringen. Sie bieten eine reibungslosere Navigation, eine schnelle Ladezeit, können offline verwendet und an den Startbildschirm angeheftet werden, um wie mobile Apps verwendet zu werden.

PWAs sind nicht auf bestimmte Frameworks beschränkt und können mit jedem Framework oder gar keinem erstellt werden.

PWAs aus geschäftlicher Sicht

Wie unterstützen Progressive Web Apps den Geschäftserfolg?

1. Du potenzielle Kunden einfach erreichen.

Progressive Web Apps funktionieren online als Websites. Das bedeutet, dass Sie auf einfache Weise verschiedene Marketing- und Werbetechniken (einschließlich SEO) anwenden können, um Ihre Reichweite und Marke zu geringeren Kosten aufzubauen.

2. PWAs ermöglichen es Ihnen Überwinde die Hindernisse, die Benutzer daran hindern, die App herunterzuladen.

PWAs verbrauchen nicht viel Speicherplatz, und das ist einer der häufigsten Gründe, warum Benutzer keine Apps herunterladen oder deinstallieren möchten. PWAs müssen nicht aus dem App Store heruntergeladen werden. Sie werden direkt von einer mobilen Website installiert und ermutigen Benutzer, sie herunterzuladen.

3. Du bekommst eine leistungsstarkes Tool zum Aufbau von Beziehungen und zur Steigerung der Konversionen.

PWAs geben Ihnen die Möglichkeit, Ihre Nutzer einzubeziehen. Nach der Installation können sie Push-Benachrichtigungen senden. Dies ist ein leistungsstarkes Tool, um das Engagement und die Konversionen zu steigern, Beziehungen zum Publikum aufzubauen, es an Ihre Marke zu erinnern und die Kundenbindung zu unterstützen.

4. Du kannst neue Märkte erreichen.

Die Tatsache, dass PWAs offline funktionieren, ermöglicht es Ihnen, Ihre Reichweite auf mehr Märkte auszudehnen, in denen die Internetverbindung nicht stabil ist. Außerdem bedeutet das Zuverlässigkeit.

Als Folge von Zuverlässigkeit, Zugänglichkeit und Erfahrung Sie gewinnen mehr Kunden und Ihre Konversionsraten verbessern sich.

KAPITEL 2:

Vor- und Nachteile der Entwicklung von Progressive Web Apps

Vorteile

• Sie sind zuverlässig und schnell und zeigen unabhängig von den Netzwerkbedingungen sofort die Benutzeroberfläche an.
• Sie arbeiten offline. Es ermöglicht Kunden, Produkte zu durchsuchen, auch wenn sie nicht mit dem Internet verbunden sind.
• PWAs bieten ein Erlebnis, das nativen Apps ebenbürtig ist. Benutzer können sie auf ihrem Gerät installieren, sie haben die Möglichkeit, benutzerdefinierte Symbole anzuzeigen und Gerätefunktionen (z. B. Push-Benachrichtigungen, Kamera, Bluetooth) zu nutzen.
• Dank des Einsatzes von Servicemitarbeitern bieten sie eine viel bessere Leistung als herkömmliche Web-Apps.
• Es sind keine Installation oder manuelle Updates erforderlich. PWAs sind App Store-unabhängig.
• PWAs können plattformspezifische Funktionen wie Push-Benachrichtigungen verwenden.
• Niedriger Datenverbrauch. PWAs sind viel kleiner als mobile Apps und benötigen viel weniger Bandbreite als herkömmliche Web-Apps, da sie das Caching viel besser nutzen können.

Nachteile

• Es gibt Probleme im Zusammenhang mit der Kompatibilität mit iOS. Sie können PWAs auf Apple-Geräten seit Version 11.3 verwenden. Einige Funktionen werden immer noch nicht unterstützt (wie Touch ID, Face ID, Bluetooth).
• Es gibt Probleme mit älteren Geräten. Ältere Mobilgeräte mit veralteten Webbrowsern unterstützen PWAs nicht gut.
• PWAs können nicht alles, was mobile Apps können. Der Zugriff auf einige Gerätefunktionen fehlt möglicherweise und sie sind nicht so batterieeffizient wie nativ geschriebene Apps.

KAPITEL 3:

PWAs im Vergleich zu nativen Apps

KAPITEL 4:

PWAs lösen die Probleme mit responsivem Webdesign

Der Responsive-Webdesign-Ansatz ermöglicht es Webentwicklern, Websites auf Geräten mit kleinen und großen Bildschirmen gut darzustellen, ohne dass eine mobilspezifische Version der Website gepflegt werden muss.

Aber das Problem ist, dass es nicht weit genug geht passt auf eine Vielzahl von Geräten und Bildschirmen. Es verwendet keine progressiven Verbesserungen, um native Funktionen bereitzustellen, wenn es auf einem beliebigen Gerät angezeigt wird. Progressive Web Apps lösen dieses Problem durch den Einsatz von Servicemitarbeitern.

KAPITEL 5:

Progressive Web App Entwicklung für iOS — aktueller Stand

iOS hat PWAs lange Zeit nicht unterstützt. Zum Glück hat sich das geändert. Außerdem wurden mit iOS 13 viele Fehler behoben. Safari bietet jedoch keine Installationsaufforderung innerhalb der App.

KAPITEL 6:

Beispiele für erfolgreiche Progressive Web Apps

• Starbucks
• AliExpress
• Alibaba
• Pinterest
• Housing.com
• Twitter Lite
• Forbes
• Lancôme
• Buche meine Show

KAPITEL 7:

Verbesserung des ROI mit PWAs: Fälle

Eine der besten Erfolgsgeschichten im Zusammenhang mit der Entwicklung von Progressive Web Apps ist der Fall AliExpress. Das Unternehmen hatte Mühe, die Nutzer davon zu überzeugen, ihre mobile App herunterzuladen. Sie zogen es vor, auf der Website zu kaufen. Daher entschied sich AliExpress dafür nutzen die große Reichweite ihrer Website und baue eine PWA. Die Konversionsraten für neue Nutzer stiegen um 104%.

Housing.com hat eine ähnliche Geschichte: Ein PWA half ihnen dabei Steigerung der Konversionsraten um 38% und die Besucher kamen immer öfter zurück.

Basierend auf ihrer Branchenerfahrung schätzte Ali Hackett von Mobify, dass Unternehmen werden dank PWAs einen Umsatzanstieg von 20 Prozent verzeichnen und mit ihnen schnellere, appähnlichere Erlebnisse zu bieten.

Die wichtigsten Erkenntnisse:

Mobile Präsenz ist ein Muss für jeden, der wahrgenommen werden möchte, aber die Entwicklung und Pflege von Websites und mobilen Apps für Android und iOS ist oft schwierig. PWAs lösen dieses Problem: Sie entwickeln nur eine App.

Zuverlässigkeit, Zugänglichkeit und eine hervorragende Erfahrung sind das, was die Benutzer wollen. Wenn Sie dies mit einem geringen Speicherverbrauch kombinieren, bedeutet das Beantworten Sie die grundlegenden Bedürfnisse der Nutzer.

PWAs scheinen dank der Offline-Verfügbarkeit und der schnellen Erfahrung eine perfekte Lösung für den E-Commerce zu sein.

Wenn jedoch ein großer Teil Ihres Publikums iOS verwendet, analysiere, welche Funktionen deine App benötigt und prüfe, ob eine PWA das bieten kann. Wenn nicht, ziehen Sie die Entwicklung hybrider oder nativer Apps in Betracht.

Die nächsten Schritte

Fahren Sie mit den nächsten Kapiteln dieses Handbuchs fort, um die Unterschiede zwischen nativen Apps und PWAs genauer zu untersuchen und mehr über die Funktionen von PWAs zu erfahren.

Außerdem kommen bald neue Inhalte. Wir werden über Frameworks sprechen, die für die PWA-Entwicklung verwendet werden können, und über die Geschäftsvorteile, die sich aus Push-Benachrichtigungen ergeben. Melde dich auf der linken Seite für Updates an.