Progressive Web-Apps stehen auf dem Plan vieler Unternehmen, ihre Websites zu modernisieren und sich an die neuen Erwartungen der Nutzer anzupassen. Wie bei vielen Technologien werfen auch PWAs die Frage auf: Ist es das, was meine Kunden wollen, wie stark wird mein Unternehmen wachsen, was ist technisch machbar?
![Identifizieren Sie Ihre Stakeholder.](https://web.dev/static/articles/drive-business-success/image/identify-stakeholders-f19f90a38a98d.jpg?authuser=6&hl=de)
An der Gestaltung Ihrer digitalen Strategie werden häufig mehrere Stakeholder beteiligt: Product Manager und Chief Marketing Officer sind Mitinhaber an den geschäftlichen Auswirkungen jeder Funktion, der Chief Technology Officer bewertet die Machbarkeit und Zuverlässigkeit einer Technologie und die UX-Forschenden bestätigen, dass eine Funktion ein echtes Kundenproblem löst.
Dieser Artikel soll Ihnen dabei helfen, diese drei Fragen zu beantworten und Ihr PWA-Projekt zu optimieren. Sie beginnen mit den Bedürfnissen Ihrer Kunden, wandeln diese in PWA-Funktionen um und konzentrieren sich darauf, die jeweiligen geschäftlichen Auswirkungen zu messen.
PWAs erfüllen die Bedürfnisse der Kundschaft
Eine Regel, die wir bei Google gerne bei der Entwicklung von Produkten befolgen, lautet: Fokus auf den Nutzer und alles andere folgt von selbst. Denken Sie an die Nutzer: Welche Bedürfnisse haben meine Kunden und wie erfüllen sie von einer PWA?
![Bedürfnisse der Kundschaft ermitteln](https://web.dev/static/articles/drive-business-success/image/identify-customer-needs-90071b7def76e.jpg?authuser=6&hl=de)
Bei Nutzungsstudien finden wir einige interessante Muster:
- Nutzer mögen es, wenn es auf Mobilgeräten zu Verzögerungen und Unzuverlässigkeit kommt. Das Ausmaß an Stress, der durch Verzögerungen auf Mobilgeräten verursacht wird, ist vergleichbar mit dem Ansehen eines Horrorfilms.
- 50 % der Smartphone-Nutzer rufen mit höherer Wahrscheinlichkeit die mobile Website eines Unternehmens auf, wenn sie im Internet surfen oder einkaufen, weil sie keine App herunterladen möchten.
- Einer der Hauptgründe für die Deinstallation einer Anwendung ist der begrenzte Speicherplatz. Eine installierte PWA ist in der Regel weniger als 1 MB groß.
- Smartphone-Nutzer kaufen eher auf mobilen Websites ein, auf denen relevante Produktempfehlungen angeboten werden. Außerdem geben 85% der Smartphonenutzer an, dass mobile Benachrichtigungen nützlich sind.
Aus diesen Beobachtungen haben wir herausgefunden, dass Kunden schnelle, installierbare, zuverlässige und interessante Erlebnisse bevorzugen (F.I.R.E.).
PWAs nutzen moderne Webfunktionen
PWAs bieten eine Reihe von Best Practices und modernen Web-APIs, mit denen Sie Ihre Website schnell, installierbar, zuverlässig und ansprechend gestalten können.
Wenn Sie beispielsweise einen Service Worker verwenden, um Ihre Ressourcen im Cache zu speichern, und einen vorhergesehenen Prefetch durchführen, wird Ihre Website schneller und zuverlässiger. Wenn du deine Website installierbar machst, können deine Kunden direkt von ihrem Startbildschirm oder App Launcher darauf zugreifen. Und mit APIs wie Web-Push-Benachrichtigungen ist es einfacher, Nutzer mit personalisierten Inhalten noch einmal anzusprechen und so ihre Loyalität zu stärken.
![Verbesserung der Nutzererfahrung mit Webfunktionen](https://web.dev/static/articles/drive-business-success/image/improving-user-experienc-525e5b12d1361.jpg?authuser=6&hl=de)
Die geschäftlichen Auswirkungen verstehen
Die Definition des geschäftlichen Erfolgs kann abhängig von Ihrer Aktivität viele Aspekte umfassen:
- Nutzer verbringen mehr Zeit mit Ihrem Dienst
- Geringere Absprungraten bei Leads
- Verbesserte Conversion-Raten
- Mehr wiederkehrende Besucher
Die meisten PWA-Projekte führen zu einer höheren Conversion-Rate auf Mobilgeräten. Weitere Informationen finden Sie in den zahlreichen Fallstudien zu PWAs. Je nach Ihren Zielen kann es sinnvoll sein, die Aspekte von PWAs zu priorisieren, die für Ihr Unternehmen sinnvoller sind. Das ist völlig in Ordnung. PWA-Funktionen können einzeln ausgewählt und eingeführt werden.
Messen wir nun die geschäftlichen Auswirkungen dieser großartigen F.I.R.E-Funktionen.
Die geschäftlichen Auswirkungen einer schnellen Website
Eine aktuelle Studie von Deloitte Digital zeigt, dass die Seitengeschwindigkeit einen erheblichen Einfluss auf Geschäftsmesswerte hat.
Es gibt viele Möglichkeiten, die Geschwindigkeit Ihrer Website zu optimieren, um allen Nutzern kritische User Journeys zu erleichtern. Wenn Sie nicht wissen, wo Sie anfangen sollen, werfen Sie einen Blick auf den Abschnitt Schnell und verwenden Sie Lighthouse, um die wichtigsten Fehler zu beheben.
Zur Optimierung der Geschwindigkeit solltest du die Websitegeschwindigkeit regelmäßig mit geeigneten Tools und Messwerten messen. Beispielsweise können Sie Ihre Messwerte mit Lighthouse messen, klare Ziele festlegen, z. B. einen „Gut“-Core Web Vitals-Wert, und ein Leistungsbudget in Ihren Build-Prozess einbinden. Dank Ihrer täglichen Messungen und der "Value of Speed"-Methode können Sie die Auswirkungen Ihrer inkrementellen Geschwindigkeitsänderungen isolieren und berechnen, wie viel zusätzlichen Umsatz Ihre Arbeit generiert hat.
![Den Wert der Geschwindigkeit messen und mit Conversions in Beziehung setzen](https://web.dev/static/articles/drive-business-success/image/measure-value-speed-co-06eddc7056367.jpg?authuser=6&hl=de)
Ebay hat 2019 Geschwindigkeit zu einem Unternehmensziel gemacht. Es wurden Techniken wie das Leistungsbudget, die Optimierung des kritischen Pfads und das vorausschauende Prefetching verwendet. Das Ergebnis: Pro 100 Millisekunden verbesserte sich die Seitenladezeit der Suchseite um 0, 5%.
![Eine um 100 ms kürzere Ladezeit führte zu einer Steigerung der Anzahl der in den Einkaufswagen gelegten Artikel um 0,5% bei eBay.](https://web.dev/static/articles/drive-business-success/image/a-100ms-improvement-load-e478244e678fe.jpg?authuser=6&hl=de)
Die geschäftlichen Auswirkungen einer installierbaren Website
Warum sollten Nutzer Ihre PWA installieren? um die Rückkehr zu Ihrer Website zu erleichtern. Bei einer Android-App-Installation sind mindestens drei Schritte erforderlich (Weiterleitung zum Play Store, Herunterladen der App, Starten der App). Die Installation der PWA erfolgt nahtlos mit einem Klick, ohne dass der Nutzer den aktuellen Conversion-Trichter verlassen muss.
![Die Installation sollte reibungslos verlaufen.](https://web.dev/static/articles/drive-business-success/image/the-install-experience-sh-ed2853f715bee.jpg?authuser=6&hl=de)
Sobald eine App installiert ist, können Nutzer sie mit einem Klick über das Symbol auf dem Startbildschirm starten, sie in ihrer App-Ablage sehen, wenn sie zwischen Apps wechseln, oder sie über ein App-Suchergebnis finden. Wir nennen dies „Discover-Launch-Switch“. Damit Sie Zugriff erhalten, ist es wichtig, dass Sie Ihre PWA installierbar machen.
PWAs können nicht nur über vertraute Such- und Startoberflächen auf ihrem Gerät aufgerufen werden, sondern auch wie eine plattformspezifische App gestartet werden: als eigenständige Version und getrennt vom Browser. Außerdem profitieren Sie von Gerätediensten auf Betriebssystemebene wie dem App-Schnellzugriff und den Einstellungen.
Nutzer, die Ihre PWA installieren, sind wahrscheinlich Ihre aktivsten Nutzer. Sie haben bessere Interaktionsmesswerte als gelegentliche Besucher, z. B. mehr wiederholte Besuche, längere Besuchszeit auf der Website und höhere Conversion-Raten – oft gleichbedeutend mit plattformspezifischen App-Nutzern auf Mobilgeräten.
Damit Ihre PWA installierbar ist, muss sie die Basiskriterien erfüllen. Sobald diese Kriterien erfüllt sind, kannst du die Installation auf Computern und Mobilgeräten, einschließlich iOS-Geräten, fördern.
![PWAs können überall installiert werden.](https://web.dev/static/articles/drive-business-success/image/pwas-are-installable-ever-7011cc3ca80b4.jpg?authuser=6&hl=de)
Sobald Sie damit begonnen haben, die Installation Ihrer PWA zu bewerben, sollten Sie messen, wie viele Nutzer Ihre PWA installieren und wie sie sie verwenden.
Um die Anzahl der Nutzer zu maximieren, die Ihre Website installieren, können Sie verschiedene Werbebotschaften testen (z. B. „Installation in einer Sekunde“ oder „Fügen Sie unsere Verknüpfung hinzu, um Ihrer Bestellung zu folgen“) und verschiedene Placements (Header-Banner, In-Feed) und versuchen Sie, ihn in verschiedenen Schritten des Installationstrichters (auf der zweiten besuchten Seite oder nach einer Buchung) vorzuschlagen.
Der Installationstrichter kann auf vier Arten ermittelt werden, um herauszufinden, wo Ihre Nutzer die Website verlassen und wie Sie die Nutzerbindung verbessern können:
- Anzahl der Nutzer, die installiert werden können
- Anzahl der Nutzer, die auf die Installationsaufforderung geklickt haben
- Anzahl der Nutzer, die die Installationsaufforderung sowohl akzeptiert als auch abgelehnt haben
- Anzahl der Nutzer, die die App installiert haben
Sie können die Installation Ihrer PWA bei allen Nutzern bewerben oder vorsichtiger mit einer kleinen Gruppe von Nutzern experimentieren.
Nach einigen Tagen oder Wochen sollten Sie genügend Daten haben, um die Auswirkungen auf Ihr Geschäft zu messen. Was verhalten sich Nutzer, um die installierte Verknüpfung zu nutzen? Interagieren sie mehr und führen sie mehr Conversions durch?
Wenn Sie Nutzer segmentieren möchten, die Ihre PWA installiert haben, erfassen Sie das appinstalled
-Ereignis und verwenden Sie JavaScript, um zu prüfen, ob Nutzer sich im eigenständigen Modus befinden. Das weist auf die Verwendung der installierten PWA hin.
Verwenden Sie diese dann als Variablen oder Dimensionen für Ihr Analyse-Tracking.
![Messen Sie den Wert der Installation.](https://web.dev/static/articles/drive-business-success/image/measure-value-installat-548e1ea88d1.jpg?authuser=6&hl=de)
Die Fallstudie von Weekendesk ist interessant: Um die Wahrscheinlichkeit zu erhöhen, dass Nutzer ihre PWA installieren, wird sie auf der zweiten Seite beworben, die sie besucht. Nutzer, die die PWA vom Startbildschirm aus starten, hatten doppelt so hohe Wahrscheinlichkeit,
![Bei Nutzern, die die App installiert haben, war die Conversion-Rate 2,5-mal höher.](https://web.dev/static/articles/drive-business-success/image/installed-users-had-25-8216ba7aa9112.jpg?authuser=6&hl=de)
Die Installation ist eine hervorragende Möglichkeit, Nutzer zu einem erneuten Besuch Ihrer Website zu bewegen und die Kundenbindung zu stärken. Sie können auch das Erlebnis für Premium-Nutzer personalisieren.
Selbst wenn Sie eine plattformspezifische App haben, haben die Nutzer möglicherweise das Gefühl, dass sie sie nicht möchten oder nicht installieren müssen. Diese teilweise interessierten Nutzer sind möglicherweise der Meinung, dass eine PWA das Richtige für sie ist, da sie oft als leichter empfunden wird und sich unkompliziert installieren lässt.
![Mit PWAs lassen sich teilweise aktive Nutzer erreichen.](https://web.dev/static/articles/drive-business-success/image/pwas-reach-semi-engaged-4bb2ee5369255.jpg?authuser=6&hl=de)
Die geschäftlichen Auswirkungen einer zuverlässigen Website
Das Chrome-Dino-Spiel wird angeboten, wenn ein Nutzer offline ist. Es wird mehr als 270 Millionen Mal pro Monat gespielt. Diese beeindruckende Zahl zeigt, dass die Netzwerkzuverlässigkeit eine beträchtliche Chance für die Nutzung von PWAs ist, insbesondere in Märkten mit unzuverlässigen Netzwerken oder teuren mobilen Daten wie Indien, Brasilien, Mexiko oder Indonesien.
Wenn eine aus einem App-Shop installierte App gestartet wird, erwarten Nutzer, dass sie sich unabhängig davon öffnet, ob sie mit dem Internet verbunden sind. Progressive Web-Apps sollten da nicht anders sein.
Zumindest sollte eine einfache Offlineseite bereitgestellt werden, die den Nutzer darüber informiert, dass die Anwendung ohne eine Netzwerkverbindung nicht verfügbar ist. Anschließend können Sie Funktionen bereitstellen, die auch offline sinnvoll sind. Sie können beispielsweise Zugriff auf Tickets oder Bordkarten, Offline-Wunschlisten, Callcenter-Kontaktinformationen, Artikel oder Rezepte bereitstellen, die sich der Nutzer kürzlich angesehen hat, usw.
![Immer für dich da – auch offline](https://web.dev/static/articles/drive-business-success/image/be-helpful-when-offline-94c8ecb14cadd.jpg?authuser=6&hl=de)
Sobald Sie eine zuverlässige Nutzererfahrung implementiert haben, können Sie dies messen: Wie viele Nutzer gehen offline, in welchen Regionen und bleiben sie auf der Website, wenn das Netzwerk wieder verfügbar ist? In Analytics erfahren Sie, wann Nutzer generell offline und online gehen. Dieser Wert gibt an, wie viele Nutzer weiter auf Ihrer Website surfen, nachdem das Netzwerk wieder da ist.
![Trivago verzeichnete 67% mehr Nutzer, die zurückgekehrt sind und weiter im Internet surfen.](https://web.dev/static/articles/drive-business-success/image/trivago-saw-67-increase-b38f8ae3d7327.jpg?authuser=6&hl=de)
Die Trivago-Fallstudie zeigt, wie sich dies auf Ihre Geschäftsziele auswirken kann. Bei Nutzern, deren Sitzungen durch einen Offlinezeitraum unterbrochen wurden (etwa 3 % der Nutzer), surften 67 % derjenigen, die wieder online waren, auf der Website.
Die Geschäftsauswirkungen einer ansprechenden Website
Mit Web-Push-Benachrichtigungen können Nutzer zeitnah Aktualisierungen von Websites aktivieren, die sie benötigen oder für die sie wichtig sind, und sie mit individuellen, relevanten Inhalten noch einmal ansprechen.
Seien Sie jedoch vorsichtig. Wenn Nutzer aufgefordert werden, sich für Webbenachrichtigungen zu registrieren, ohne die Vorteile offenzulegen, kann dies als Spam empfunden werden und sich negativ auf die Nutzerfreundlichkeit auswirken. Folgen Sie den Best Practices, wenn Sie Benachrichtigungen anfordern, und fördern Sie die Akzeptanz durch relevante Anwendungsfälle wie Zugverspätungen, Preisverfolgung, Produkte, die nicht auf Lager sind.
Technisch gesehen werden Push-Benachrichtigungen im Web dank eines Service Workers im Hintergrund ausgeführt und häufig von einem System zur Verwaltung von Kampagnen gesendet (z.B. Firebase). Diese Funktion ist sowohl für Nutzer von Mobilgeräten (Android) als auch auf Computern äußerst nützlich. Sie erhöht wiederholte Besuche und folglich Verkäufe und Conversions.
Um die Effektivität Ihrer Push-Kampagnen zu messen, müssen Sie den gesamten Trichter erfassen, einschließlich:
- Anzahl der Nutzer, die Push-Benachrichtigungen erhalten können
- Anzahl der Nutzer, die auf eine benutzerdefinierte Aufforderung in der Benachrichtigungsoberfläche geklickt haben
- Anzahl der Nutzer, die Berechtigungen für Push-Benachrichtigungen erteilen
- Anzahl der Nutzer, die Push-Benachrichtigungen erhalten
- Anzahl der Nutzer, die mit Benachrichtigungen interagieren
- Conversions und Interaktionen von Nutzern, die über eine Benachrichtigung erfolgen
![Den Wert von Web-Push-Benachrichtigungen messen](https://web.dev/static/articles/drive-business-success/image/measure-value-web-push-b3c98247d6817.jpg?authuser=6&hl=de)
Es gibt viele aussagekräftige Fallstudien zu Web-Push-Benachrichtigungen, wie die mit Carrefour, die seine Conversion-Rate um 4,5 vervielfacht hat, indem Nutzer erneut angesprochen wurden, die den Einkaufswagen verlassen haben.
Das „P“ in PWA: eine schrittweise Einführung, Funktion für Funktion
PWAs sind moderne Websites, die die enorme Reichweite des Webs mit allen nutzerfreundlichen Funktionen kombinieren, die Nutzer von Android-, iOS- oder Desktop-Apps erwarten. Dabei kommen eine Reihe von Best Practices und modernen Web-APIs zum Einsatz, die je nach Ihren geschäftlichen Gegebenheiten und Prioritäten unabhängig implementiert werden können.
![Starten Sie Ihre PWA schrittweise.](https://web.dev/static/articles/drive-business-success/image/progressively-launch-pwa-afc6e174af615.jpg?authuser=6&hl=de)
Um die Modernisierung Ihrer Website zu beschleunigen und sie zu einer echten PWA zu machen, sollten Sie agil sein: Feature für Feature einführen. Recherchieren Sie zuerst mit Ihren Nutzern, welche Funktionen ihnen den größten Nutzen bringen würden, stellen Sie sie dann Ihren Designern und Entwicklern zur Verfügung und vergessen Sie nicht, genau zu messen, wie viel zusätzliche Geld Sie mit Ihrer PWA generiert haben.