Die Ära der Progressive Web Apps geht weiter. 5 berühmte Unternehmen haben sich für diese Technologie entschieden und ihr mobiles Web-Erlebnis auf das Maximum gesteigert. Erfahren Sie, wer zu PWA gewechselt ist und was die Ergebnisse sind.
A QUICK SUMMARY – FOR THE BUSY ONES
Sie wollten das Beste aus ihrer App mit der großen Reichweite des Webs kombinieren. Ergebnis der Entwicklung einer PWA: Die Konversionsraten neuer Nutzer stiegen um 104 Prozent und die durchschnittliche Anzahl der Seitenaufrufe pro Sitzung verdoppelte sich.
Sie zielten darauf ab, die Menge der verwendeten mobilen Daten zu reduzieren und ein besseres Erlebnis zu bieten. Ergebnis? Ähnliche Leistung wie eine native App, mit weniger als 3 Prozent des Gerätespeichers im Vergleich zu Twitter für Android.
Sie wollten ihre mobile Präsenz verbessern. Eine Progressive Web App verzeichnet 43 Prozent mehr Sitzungen pro Nutzer, eine um 20 Prozent höhere Rentabilität und eine 100 Prozent höhere Nutzerbindung.
Sie wollten ihre mobile Präsenz auf einem bestimmten indischen Markt erhöhen. Eine Progressive Web App schaffte es, die Konversionen um 80 Prozent zu steigern.
Sie hatten mit einer niedrigen mobilen Konversionsrate zu kämpfen und die Leute wollten ihre native App nicht herunterladen. Dank der progressiven Entwicklung von Web-Apps stieg die Zahl der Sitzungen auf Mobilgeräten um über 50 Prozent, und die Konversionen stiegen um 17 Prozent.
TABLE OF CONTENTS
PWAs sind viel mehr als ein weiteres technisches Schlagwort.
Sie werden täglich von Millionen von Benutzern aus der ganzen Welt verwendet. Unternehmen, die ihre mobilen Websites in PWAs umgewandelt haben, erobern neue Märkte und steigern den ROI auf eine Weise, die sie sich nicht vorstellen konnten.
Werfen wir einen Blick hinter die Kulissen der 5 erfolgreichsten und am häufigsten verwendeten Beispiele für Progressive Web Apps.
Die führende chinesische Online-Shopping-Plattform AliExpress ist sich bewusst, dass mobiles Einkaufen auf dem Vormarsch ist. Laut Daten von Forrester gaben US-Verbraucher 2012 7,8 Milliarden US-Dollar für Einzelhandelskäufe auf ihren Smartphones aus. Bis 2016 war diese Zahl auf 60,2 Milliarden US-Dollar angewachsen, und Forrester geht davon aus, dass sie im Jahr 2022 175,4 Milliarden US-Dollar erreichen wird.
AliExpress hat schon lange eine native mobile App, aber der E-Commerce-Riese hatte Mühe, seine Nutzer davon zu überzeugen, sie herunterzuladen. Anstatt die Benutzer noch mehr unter Druck zu setzen, ihre native mobile App herunterzuladen, beschloss AliExpress, das Beste aus ihrer App mit der großen Reichweite des Webs zu kombinieren, indem eine browserübergreifende Progressive Web App entwickelt wurde, die unter erreicht werden kann https://m.aliexpress.com.
Die Konversionsraten für neue Nutzer stiegen um 104 Prozent nachdem AliExpress seine PWA implementiert hatte und sich die durchschnittliche Anzahl der Seitenaufrufe pro Sitzung verdoppelte.
<blockquote><p>„Das ist der Zeichen einer großartigen Investition, und eine, die sich mit der Weiterentwicklung der Browser weiter auszahlen wird. „</p><p>— Lijun Chen, Direktor des AliExpress</p></blockquote> Mobile Teams.
Obwohl es unzählige native iOS- und Android-Clients für Twitter gibt, ziehen es viele Menschen vor, den amerikanischen Online-Nachrichten- und Social-Networking-Dienst in einem mobilen Webbrowser wie Google Chrome oder Safari zu besuchen. Daher ist es wichtig, dass das standardmäßige mobile Weberlebnis Twitter im besten Licht präsentiert.
Die Twitter Lite Progressive Web App wurde im April 2017 weltweit als neues standardmäßiges mobiles Weberlebnis eingeführt. kombiniert das Beste aus modernen Web- und nativen Funktionen. Die App implementiert die Aufforderung „Zum Homescreen hinzufügen“, Push-Benachrichtigungen, die genauso funktionieren wie die von nativen Apps, und einen speziellen Datensparmodus, mit dem die Menge der verwendeten mobilen Daten erheblich reduziert werden kann.
<blockquote><p>„Twitter Lite ist jetzt der am schnellsten, kostengünstigsten und zuverlässigsten Möglichkeit, Twitter zu nutzen. Die Web-App kann mit der Leistung unserer nativen Apps mithalten, benötigt aber im Vergleich zu Twitter für Android weniger als 3 Prozent des Gerätespeichers. „</p><p>— Nicolas Gallagher, Engineering Lead für Twitter Lite</p></blockquote>.
Forbes ist ein amerikanisches Wirtschaftsmagazin, das Originalartikel zu einer Vielzahl von hauptsächlich wirtschafts- und technologiebezogenen Themen veröffentlicht, darunter Finanzen, Industrie, Investitionen, Marketing, Kommunikation, Wissenschaft, Politik und Recht.
Für Forbes und andere Online-Magazine und Zeitungen mobile Präsenz ist von entscheidender Bedeutung. Laut einer Umfrage des Pew Research Center erhalten 58 Prozent der Erwachsenen in den USA Nachrichten auf einem Mobilgerät, fast dreimal so viele wie 2013.
Durch die Entwicklung einer modernen Progressive-Web-App-Erfahrung verzeichnet die mobile Website von Forbes, die unter m.forbes.com verfügbar ist, nun 43 Prozent mehr Sitzungen pro Nutzer, eine um 20 Prozent höhere Add-Viability und eine 100 Prozent höhere Nutzerbindung. Offensichtlich von Forbes digitale Transformation war der richtige Schritt für die Organisation.
<blockquote><p>„Unsere neue mobile Seite sieht aus und fühlt sich wie eine App an (sowohl auf iOS- als auch auf Android-Handys), mit gestenbasierter Navigation und vielem mehr. Bei der Installation auf Android-Telefonen können Verbraucher Push-Benachrichtigungen und andere Funktionen erhalten, die mit der App vertraut sind. „</p><p>— Lewis Dvorkin, Chief</p></blockquote> Product Officer von Forbes Media.
BookMyShow, Indiens größtes Ticketing-Unternehmen, ist eines der besten Beispiele dafür, wie moderne Webtechnologien den Umsatz steigern können. Bis vor relativ kurzer Zeit hatten die meisten Menschen in Indien keinen Internetzugang, weil Computer unerschwinglich teuer waren. Tatsächlich sind Computer für viele Inder immer noch zu teuer, aber das spielt keine Rolle mehr, da das gesamte Land den Mobilfunk eingeführt hat.
Damit ein Unternehmen auf dem indischen Markt erfolgreich sein kann, muss es in erster Linie über eine sehr starke mobile Präsenz verfügen. Inder bevorzugen mobile Erlebnisse, die nicht zu viele Daten verbrauchen und leicht und schnell sind. Die Progressive Web App von BookMyShow erfüllt diese und andere Anforderungen mit Bravour, was erklärt, wie sie es geschafft hat ein Anstieg der Konversionen um 80 Prozent.
<blockquote><p>„Seit dem Start unserer PWA haben wir eine gesehen exponentieller Anstieg der mobilen Konversionsrate Tarife. Die PWA hat uns geholfen, mehr Menschen auf Mobilgeräten anzusprechen — und es sind mobile Nutzer, die den Großteil unseres Gesamtpublikums ausmachen. „</p><p>— Sahil Tewari,</p></blockquote> Assistant General Manager bei BookMyShow.
Lancôme wurde 1935 gegründet und ist ein französisches Luxus-Parfüm- und Kosmetikhaus, das zur Division L'Oréal Luxury Products gehört. Obwohl Lancôme einen guten Anteil an engagierten Kunden hat, wäre nur ein kleiner Prozentsatz von ihnen bereit, eine native mobile App zu installieren, nur um jedes Jahr ein paar Bestellungen aufzugeben. Als das Unternehmen also feststellte, dass seine Konversionsrate auf Mobilgeräten nur 15 Prozent betrug, verglichen mit der Desktop-Konversionsrate von 38 Prozent, es wusste, dass es eine Progressive Web App brauchte.
Sobald Lancôme seine PWA veröffentlichte, stiegen die Anzahl der mobilen Sitzungen um über 50 Prozent und die Konversionen um 17 Prozent. Das neue Erlebnis der mobilen App ist auf allen mobilen Plattformen einheitlich und unterstützt Push-Benachrichtigungen, Offline-Caching und die Aufforderung „Zum Homescreen hinzufügen“.
<blockquote><p>„Mit PWA konnten wir einem viel größeren Publikum im Internet ein App-ähnliches Erlebnis bieten. Es war schnell und intuitiv, damit die Käufer nicht in Reibereien geraten und das Geschäft abbrechen. „</p><p>— Kristopher Jean, stellvertretender Vizepräsident für Digitales Marketing und E-Commerce bei Lancôme</p></blockquote>
Die Webentwicklung hat sich im Laufe der Jahre dramatisch verändert. Die Zeiten statischer Webseiten, in denen jeder Klick zu einer Aktualisierung führte, sind lange vorbei. Vor über einem Jahrzehnt ermöglichte AJAX Websites das asynchrone Senden und Abrufen von Daten von einem Server, sodass nicht die gesamte Seite neu geladen werden musste, um den Inhalt zu ändern. Jetzt Entwickler von Web-Apps nutzen moderne Webtechnologien, um das Erlebnis, das Nutzer von nativen Apps gewohnt sind, mit der Reichweite des Webs zu kombinieren.
PWAs enthalten Funktionen wie eine reibungslosere Navigation, Push-Benachrichtigungen, den Offline-Modus, superschnelle Ladezeiten oder das Hinzufügen zum Startbildschirm, um nur einige Beispiele zu nennen. Sie werden über HTTPS bereitgestellt, um Schnüffeln zu verhindern und sicherzustellen, dass Inhalte nicht von unbefugten Dritten manipuliert wurden.
PWAs sind großartige Benutzererlebnisse, die kombinieren Sie das Beste aus Web- und Mobilplattformen.
<span class="colorbox1" fs-test-element="box1"><p>Wichtiger Imbiss:</p><p>Erfolgsgeschichten ergeben sich aus der Tatsache, dass PWAs eine hervorragende Benutzererfahrung, schnelles Laden, Zugriff auf Push-Benachrichtigungen und Offline-Support bieten. </p></span>
Möchten Sie mehr über Frameworks erfahren, die für die PWA-Entwicklung verwendet werden können, oder über die Geschäftsvorteile dieser Technologie?
Bald werden Kapitel zu diesen Themen in diesem Handbuch landen! Melde dich auf der linken Seite für Updates an und sei der Erste, der davon erfährt.
Our promise
Every year, Brainhub helps 750,000+ founders, leaders and software engineers make smart tech decisions. We earn that trust by openly sharing our insights based on practical software engineering experience.
Authors
Ein Serienunternehmer, leidenschaftlicher Forschungs- und Entwicklungsingenieur mit 15 Jahren Erfahrung in der Technologiebranche. Teilt sein Expertenwissen über Technologie, Startups, Geschäftsentwicklung und Marktanalysen.
Ein Serienunternehmer, leidenschaftlicher Forschungs- und Entwicklungsingenieur mit 15 Jahren Erfahrung in der Technologiebranche. Teilt sein Expertenwissen über Technologie, Startups, Geschäftsentwicklung und Marktanalysen.
Read next
Popular this month
previous article in this collection
It's the first one.
