PWAs kombinieren das Beste aus Web- und nativen Apps. Globale Unternehmen haben es übernommen und beeindruckende Ergebnisse erzielt. Dieser Leitfaden präsentiert Beispiele und Erfolgsgeschichten mit Progressive Web Apps.
Was ist PWA?
Definition
Websites, die sich wie native Apps verhalten.
Funktionen
- Installierbar auf dem Startbildschirm
- Funktioniert offline
- Push-Benachrichtigungen
- App-Erlebnis
Technologien
Servicemitarbeiter, Web-App-Manifest, HTTPS.
Erfolgsgeschichten
Twitter Lite
- 65 % mehr Seiten pro Sitzung
- 75 % mehr Tweets
- Reduzierung der Absprungrate um 20 %
- 1-3 MB App vs. 25 MB+ nativ
- +40 % Zeit vor Ort
- +44 % Werbeeinnahmen
- +60 % Kernengagement
- PWA ersetzte App in Browsern
###Starbucks
- 99,84 % kleiner als die iOS-App
- 2x tägliche Benutzer
- Funktioniert offline
- Verbindungslose Bestellungen
Uber
- 50-KB-Kern-App
- 2G-Konnektivität unterstützt
- 3 Sekunden Ladezeit bei 2G
- Schwellenländer
###Trivago
- +150 % Engagement
- +97 % Klicks für Angebote
- -50 % Absprungrate
###Forbes
- 43 % mehr Sitzungen
- 6x Artikelvervollständigung
- 20 % mehr Anzeigenimpressionen
###Alibaba
- +76 % Browser-Conversions
- 4x Interaktionen über Zum Homescreen hinzufügen
- 30 % mehr monatlich aktive Benutzer
E-Commerce
Flipkart
- 3x mehr Zeit auf der Website
- 40 % höhere Wiedereingliederungsrate
- 70 % höhere Conversion von Add to Home
Lancôme
- +17 % mobile Conversions
- +53 % mobile iOS-Sitzungen
- -15 % Absprungrate
OLX
- +250 % mehr Re-Engagement
- +80 % Konvertierung
- -80 % Größe
Medien und Nachrichten
###Washington Post
- AMP + PWA
- 88 % Verbesserung der Ladezeit
- 23 % mehr wiederkehrende Benutzer
Financial Times
- Erste große Veröffentlichung, die übernommen wurde
- App-ähnliches Erlebnis
- Funktioniert offline
Reisen und Gastgewerbe
MakeMyTrip
- +3x Konvertierungen
- +160 % Sitzungen
- +30 % Selbstbehalt
Wego
- +26 % mobile Conversion
- +95 % Leistung
- Effektive Push-Benachrichtigungen
Gemeinsame Funktionen
Leistung
Alle konzentrierten sich auf Geschwindigkeit.
###Offline
Cache für wichtige Inhalte.
Installation
Eingabeaufforderung „Zum Startbildschirm hinzufügen“.
###Drücken
Erneutes Engagement über Benachrichtigungen.
Schwellenländer
Viele konzentrierten sich auf schlechte Verbindungen.
Erfolgskennzahlen
Engagement
Zeit, Seiten, Aktionen.
Konvertierung
Käufe, Registrierungen, Leads.
Aufbewahrung
Wiederkehrende Benutzer.
Leistung
Ladegeschwindigkeit.
###Größe
Dateneinsparungen.
Ideale Segmente
E-Commerce
Mobiles Einkaufserlebnis.
Neuigkeiten
Offline-Lesen, Benachrichtigungen.
Reisen
Funktioniert unterwegs.
Lieferung
Schnelle Bestellungen.
Produktivität
Leichte Werkzeuge.
Bekannte Einschränkungen
iOS
Weniger Funktionen als Android.
Push auf iOS
Erst seit Kurzem unterstützt.
Entdeckung
Es ist nicht in den wichtigsten App Stores erhältlich.
Native Funktionen
Einige APIs sind nicht verfügbar.
Wenn PWA glänzt
Schwellenländer
Langsame Verbindungen, schwache Geräte.
Zur Information
Inhalte zum Verzehr.
Einfache Transaktion
Einkaufen, Reservierungen.
Begrenztes Budget
Eine Codebasis für alle.
Implementierung
Prüfung
Leuchtturm zur Überprüfung der Anforderungen.
Servicemitarbeiter
Asset- und Daten-Cache.
Web-App-Manifest
Metadaten für die Installation.
HTTPS
Obligatorisch.
Fazit
PWAs zeigen beeindruckende Ergebnisse in realen Fällen. Unternehmen, die investierten, verzeichneten erhebliche Verbesserungen bei Engagement, Konversion und Leistung. PWA ist für viele Anwendungsfälle eine praktikable Option.
##FAQs
1) PWA ersetzt native App? In einigen Fällen ja. Für andere ist es eine Ergänzung.
2) Welcher Fall ist am beeindruckendsten? Twitter Lite und Starbucks sind häufige Referenzen.
3) Funktioniert PWA gut auf iOS? Es hat sich stark verbessert, aber Android ist immer noch besser.
4) Benötige ich spezielle Kenntnisse? Webentwickler können lernen. Es ist nicht so schwierig.
5) Ist PWA gut für mein Unternehmen? Wenn es im mobilen Web Sinn macht, wahrscheinlich ja.
Lesen Sie auch
- Progressive Web App: Beispiele und Optimierung für Unternehmen
- Unterschied zwischen Website und Anwendung: Vollständiger Auswahlleitfaden
- PWA What E
- PWA: Was ist und wie man die Leistung für die Skalierung optimiert
- PWA vs. native App: Den Unterschied verstehen, auf den es ankommt
- Wann sollte PWA verwendet werden