Progressive Web Apps (PWA): Top 3 Fallstudien

Stellen Sie sich vor, Sie haben gerade Ihr Start-up gegründet und Ihre Website sieht toll aus, aber Sie haben nicht genug Budget, um eine mobile App zu entwickeln, die für Ihre Geschäftsstrategie wichtig sein könnte. Es ist jedoch sehr teuer und ein bisschen riskant. Sie werden auch viel Zeit damit verbringen müssen, eine native App zu erstellen, aber niemand kennt Ihre Marke gut. Werden die Leute Ihrer Anwendung genug vertrauen, um sie aus dem App Store oder Google Play Store herunterzuladen?

Darüber hinaus – werden Ihre Kunden/Leser entschlossen genug sein, einige zusätzliche Schritte zu unternehmen, wie z. B. Ihre Website zu schließen, Google Play oder den App Store zu öffnen und dann geduldig zu warten, bis die App installiert ist?

Denken Sie daran, dass die Menschen heutzutage viel anspruchsvoller sind. Sie sind also auch sehr ungeduldig – sie erwarten schnelle Lösungen . Das Herunterladen einer solchen App aus einem externen Store klingt nicht nach einer sehr schnellen Operation, und native Apps sind nicht für jeden Benutzer sehr zugänglich. Aus Sicht der User Experience gibt es für den Kunden viele Hindernisse, bevor er sein (und Ihr) Ziel erreicht.

Und noch etwas – sind Sie sicher, dass Ihre Kunden genügend internen Speicherplatz haben, um Ihre App herunterzuladen?

Sie investieren also viel Geld in die Entwicklung einer mobilen App (sowohl für IOS als auch für Android) und können nicht sicher sein, dass die Leute sie tatsächlich verwenden werden. Ahh… und vergessen Sie nicht all diese riesigen Beträge Ihres Marketingbudgets, die Sie für Werbung und Verkaufsförderung ausgeben müssen!

Aber warte, keine Panik, zum Glück lebst du im Jahr 2019, wenn   Progressive Web Apps werden zu einer gängigen Lösung, wenn es um die Erstellung mobiler Apps geht!

Haben Sie schon einmal von Progressive Web Apps gehört? Wenn nicht, haben Sie jetzt die Chance, sich über diesen neuesten Technologietrend zu informieren, oder Sie werden abgehängt! Wir haben bereits einen ausführlichen Artikel geschrieben, in dem erklärt wird, was sie sind und warum es sich lohnt, diese Option zu wählen

Heute möchten wir Ihnen etwas Inspiration geben und Erfolgsgeschichten von Marken vorstellen, die bereits Progressive Web Apps gebaut haben.

TRIVAGO

Trivago erwirbt sich einen guten Ruf als Hotelsuchmaschine, die in 33 verschiedenen Sprachen verfügbar ist. Auf der Grundlage von Hotelinformationen, Bildern, Bewertungen, Rezensionen, Filtern und anderen Funktionen hilft Trivago seinen Benutzern, das beste Angebot zu finden.

Problem

Das Problem ist, dass Trivago in den letzten Jahren einen deutlichen Anstieg der mobilen Nutzer festgestellt hat. Die Marke hat erkannt, dass das mobile Erlebnis für ihre Kunden immer wichtiger wird.

Das Erstellen mobiler Lösungen ist jedoch kein Kinderspiel, und dies bedeutet, schwierige Entscheidungen zu treffen. Insbesondere war sich das Unternehmen nicht sicher, ob die Leute die Kosten für das Herunterladen einer mobilen App akzeptieren würden, nur um zu prüfen, ob sie ihren Erwartungen entspricht. Sie stellten auch fest, dass viele Menschen Probleme mit einer guten Mobilfunkverbindung haben . Aus diesen Gründen suchte Trivago nach anderen Möglichkeiten als einer nativen App.

 Empfohlene Lektüre: Progressive Web-Apps vs. native Apps: Welche passen besser zu Ihnen?

Lösung

Schließlich entdeckten sie Progressive Web Apps , deren Funktionen perfekt für ihre Bedürfnisse zu sein schienen. Damals suchten sie nach einer Lösung, die ihnen Push - Benachrichtigungen , Offline-Modus und Verknüpfungen zum Startbildschirm bieten würde. Und der wichtigste Faktor für Trivago war die Erreichbarkeit dieser App über einen standardmäßigen mobilen Browser

Diese PWA-Lösung half ihnen, eine App zu erstellen, ohne große Teams von Softwareentwicklern einbeziehen zu müssen. Sie konzentrierten sich zu Beginn auf die wichtigsten Features, wie Push-Benachrichtigungen, Offline-Zugriff und die Möglichkeit, die App zum Startbildschirm hinzuzufügen . Natürlich gab es anfangs Schwierigkeiten. Sie sagten, dass eine der größten Herausforderungen darin bestand, eine intuitive Benutzeroberfläche zu erstellen, da die Gestaltung eines mobilen Erscheinungsbilds viel anders ist als auf Standard-Websites. Laut Laura Oades, Designerin für die PWA:

„Auf Mobilgeräten haben Sie das zusätzliche Problem, eine Benutzeroberfläche zu erstellen, die plattformunabhängig und nicht verwirrend ist“ und „PWA ist weitgehend Neuland im Design und eine echte Gelegenheit für kreative Problemlöser, sich zu erweitern, um einen neuen Standard zu definieren.“

Die Ergebnisse

• Die mobile Website von Trivago ist in 33 Sprachen in 55 Ländern verfügbar.
• Mehr als 500.000 Menschen haben eine Trivago-Verknüpfung zu ihrem Startbildschirm hinzugefügt und ihr Engagement ist um 150 % gestiegen.
• Im Vergleich zu früheren mobilen Websites zog Progressive Web App weitaus mehr Benutzer an. Vor PWA wurden nur 0,8 % Wiederholungsbesuche verzeichnet, jetzt stieg diese Zahl auf durchschnittlich 2 %.
• Push-Benachrichtigungen erwiesen sich als perfektes Kommunikationsmittel – sie halfen, die Conversion zu steigern – die Anzahl der Klicks in der PWA auf Hotelangebote stieg um 97 %.

 Empfohlene Lektüre: Die 7 besten progressiven Web-Apps in der Reisebranche

PINTEREST

Pinterest ist ein soziales Netzwerk, das es Benutzern ermöglicht, Bilder oder Videos auf ihren eigenen Pinnwänden oder den Pinnwänden anderer (d. h. eine Sammlung von „Pins“, normalerweise mit einem gemeinsamen Pin) zu posten (auf Pinterest als „Pinning“ bekannt) visuell zu teilen und neue Interessen zu entdecken Thema) und durchsuchen, was andere Benutzer gepinnt haben

Problem

Nachdem sie die Nutzung für nicht authentifizierte mobile Webbenutzer analysiert hatten, stellten sie fest, dass ihre alte, langsame Weberfahrung nur 1 % der Benutzer in Anmeldungen, Anmeldungen oder native App-Installationen umwandeln konnte. Die Möglichkeit, diese Konversationsrate zu verbessern, war enorm und führte sie zu einer Investition in die PWA.

Die Pinterest PWA begann, weil sie sich auf internationales Wachstum konzentrierten, was sie zum mobilen Web führte.

Lösung

Über einen Zeitraum von 3 Monaten baute Pinterest sein mobiles Weberlebnis mit React, Redux und Webpack neu auf. Die Neufassung des mobilen Webs führte zu mehreren positiven Verbesserungen der Kennzahlen des Kerngeschäfts.

Die Ergebnisse

Ihre Neufassung des mobilen Webs führte zu mehreren Leistungsverbesserungen.

Die aufgewendete Zeit ist im Vergleich zum alten mobilen Web-Erlebnis um 40 % gestiegen, die nutzergenerierten Werbeeinnahmen sind um 44 % gestiegen und die Hauptinteraktionen sind um 60 % gestiegen :

Das alte mobile Web-Erlebnis von Pinterest war ein Monolith – es enthielt große Bündel von CPU-lastigem JavaScript, das deutlich machte, wie schnell Pin-Seiten geladen und interaktiv werden konnten.

Ihre neue mobile Web-Erfahrung ist eine drastische Verbesserung.

Sie haben nicht nur Hunderte von KB von ihrem JavaScript aufgebrochen und abgebaut, wodurch die Größe ihres Kernpakets von 650 KB auf 150 KB verringert wurde, sondern sie haben auch wichtige Leistungskennzahlen verbessert. First Meaningful Paint wurde von 4,2 Sekunden auf 1,8 Sekunden und Time To Interactive von 23 Sekunden auf 5,6 Sekunden verringert.

Obwohl Pinterest iOS- und Android-Apps anbietet, waren sie in der Lage, das gleiche zentrale Home-Feed-Erlebnis zu bieten, das diese Apps im Web zu einem Bruchteil der Vorab-Download-Kosten bieten – nur ~150 KB verkleinert und gezippt. Dies steht im Gegensatz zu den 9,6 MB, die erforderlich sind, um dieses Erlebnis für Android und 56 MB für iOS bereitzustellen

Twitter

Wie Sie bereits wissen, ist Twitter eine Social-Media-Plattform, auf der Personen kurze Nachrichten, sogenannte Tweets, posten. Es wurde im März 2006 erstellt. Jetzt hat es mehr als 335 Millionen aktive Benutzer (Juli 2018).

Problem

Twitter stellte fest, dass Nutzer bei der Nutzung ihrer mobilen Website viele Hürden überwinden mussten.

Einige von ihnen befanden sich in langsamen Mobilfunknetzen und hatten wenig Platz auf dem Speicherplatz der Mobilgeräte . Daher zögerten die Besucher, Zeit auf der Twitter-Website zu verbringen oder mehr zu posten und zu kommentieren. Twitter wollte eine attraktive Alternative für Leute finden, die ihre native App nicht verwenden oder nicht genug Speicherplatz haben, um diese herunterzuladen.

Lösung

Twitter hat sich entschieden, eine Progressive Web App zu bauen, weil es die beste Kombination aus einer modernen Website und nativen Funktionen zu sein schien. Sofortiges Laden, geringerer Datenverbrauch und große Zugänglichkeit waren Funktionen, nach denen Twitter gesucht hat.

Ergebnisse

Die Ergebnisse waren sehr beeindruckend – die Zahlen sprechen für sich:

• 20 % weniger Absprungrate,
• 65 % mehr Seiten pro Sitzung,
• 75 % mehr gesendete Tweets.

Wie in früheren Erfolgsgeschichten haben die Aufforderung „ Zum Startbildschirm hinzufügen “ und Push -Benachrichtigungen das Engagement des Benutzers erheblich gesteigert . Wie in dieser Fallstudie berichtet wird, hat Twitter festgestellt, dass 250.000 einzigartige tägliche Benutzer Twitter Lite durchschnittlich 4 Mal am Tag vom Startbildschirm aus ausführen. Darüber hinaus senden sie mehr als 10 Millionen Push - Benachrichtigungen pro Tag

Laut den Absichten von Twitter benötigt die PWA viel weniger Speicherplatz (nur 600 KB) als die native Android-App (23,5 MB), sodass die Wahrscheinlichkeit größer ist, dass Benutzer in ihrem internen Speicher genügend Speicherplatz haben, um sie zu speichern.

Darüber hinaus hat Twitter einen Datensparmodus hinzugefügt, der Benutzern hilft, die Menge der verwendeten mobilen Daten zu kontrollieren. Dank dieser Option können Sie auswählen, welche Bilder oder Videos Sie vollständig laden möchten und welche möglicherweise nur als Vorschau angezeigt werden.

 Leseempfehlung: PWA SEO: Nutzen Progressive Web Apps (PWAs) SEO? (Mit Statistik und Beispielen)

Begrüßen Sie die Zukunft von Websites

PWA ist die Zukunft mobiler Anwendungen. Es besteht die Möglichkeit, dass sie mit der Zeit native Anwendungen ersetzen und zu einer perfekten Kombination aus nativer App und Website werden. In einer Welt, in der die schnelle Einführung neuer Technologien ein Wettbewerbsvorteil ist, können Unternehmen, die es schaffen, die PWA einen Moment früher anzunehmen, den Umsatz erheblich steigern, die Benutzerbindung steigern und gleichzeitig der Konkurrenz einen Schritt voraus sein.

In der Vergangenheit hatte Apple einige Einschränkungen für Progressive Web Applications, aber sie unterstützen PWAs jetzt immer mehr. Für Online-Händler, die nach einer rundum perfekten PWA für Magento eCommerce-Websites suchen, bieten wir hier bei SimiCart ein Komplettpaket für Sie und Ihren Shop.