PWAs und Magento: Mobile Einkaufserlebnisse der nächsten Generation schaffen

Dies ist ein Gastbeitrag von Viesturs Abelis, Content Lead bei Scandiweb.

Progressive Web-Anwendungen. Alle reden darüber und selbst wenn Sie sich nicht sicher sind, was genau das ist, nutzen Sie die Technologie wahrscheinlich bereits. Twitter, Starbucks, AliExpress und unzählige andere haben PWAs erfolgreich implementiert, die täglich von Millionen von Menschen verwendet werden.

Und die Ergebnisse sind da. Twitter verzeichnete eine 65-prozentige Zunahme der Seiten pro Sitzung, eine 75-prozentige Zunahme der gesendeten Tweets und eine 20-prozentige Verringerung der Absprungrate. AliExpress verdoppelte die Anzahl der pro Sitzung besuchten Seiten und verzeichnete eine Steigerung der Konversionsraten um 104 %. Google hat ein erstaunliches Portfolio an PWA-Erfolgsgeschichten aufgebaut.

Was vor ein paar Jahren eine Technologie war, die aufgrund der hohen Entwicklungskosten und der Unausweichlichkeit kundenspezifischer Lösungen hauptsächlich von digitalen Giganten genutzt wurde, wird heute zunehmend demokratisiert und zugänglich. Dank aufkommender PWA-Lösungen und der weit verbreiteten Akzeptanz von PWA ist die Technologie jetzt für jedermann verfügbar.

PWAs sehen aus wie ein Spielveränderer, und da immer mehr Händler auf den fahrenden Zug aufspringen, ist es wichtig zu verstehen, was vor sich geht und was diese neue Technologie für Sie bedeutet.

Was ist eine progressive Webanwendung?

Progressive Webanwendungen sind eine neue Art von Webentwicklungstechnologie (obwohl die Idee schon eine Weile existiert), die das Beste aus dem Web und nativen Apps kombiniert und überlegene App-ähnliche digitale Erfahrungen direkt im Browser des Benutzers schafft. Wenn Sie also PWA hören, denken Sie an eine mobile Website mit den Merkmalen und dem vollen Funktionsumfang einer nativen App.

Von welchen Funktionen sprechen wir genau? In erster Linie sind PWAs schnell. Mit einer nachgewiesenen Steigerung der Seitenladegeschwindigkeit um 300 % erreichen hochoptimierte Seiten nahezu sofortige Ladezeiten, wodurch sie so reaktionsschnell und angenehm zu verwenden sind wie native Apps.

Weitere Funktionen sind die Vollbild-Benutzeroberfläche, das Speichern des Startbildschirms, Push-Benachrichtigungen, Hardwarezugriff und sogar der Offline-Modus. Ermöglicht durch den wunderbaren Service Worker, über den Sie hier in diesem Vortrag der Google Developer Community mehr erfahren können, bündeln PWAs eine Vielzahl moderner digitaler Entwicklungen, um ein wirklich App-ähnliches Erlebnis zu bieten.

Sie können sogar in App Stores bereitgestellt werden, wenn Sie dies wünschen. Im Gegensatz zu den nativen Apps, die auf diese Plattformen beschränkt sind, funktionieren PWAs jedoch wie normale Websites und sind bei Google indexierbar, wodurch sie nicht nur auffindbar sind, sondern Ihnen aufgrund der schnelleren Ladezeiten und besseren Erfahrungen auch einen potenziellen SERP-Schub verleihen. Das bedeutet auch, dass keine sperrigen Downloads und automatische Updates für einen reibungslosen anfänglichen Eingriff erforderlich sind.

Die steigende Popularität von PWAs lässt sich auf die sich abzeichnende Lücke zwischen der Nutzung nativer Apps und dem mobilen Web zurückführen – das mobile Web erhält mehr Besucher, doch Apps bieten bessere Erfahrungen und übertreffen das Web in Bezug auf die Interaktion. PWAs liefern das gewünschte Erlebnis genau dort, wo sie es suchen.

PWAs: Hype oder Zukunft?

Wie bei jeder aufstrebenden Technologie ist Vorsicht wichtiger als Akzeptanz. PWAs sind stark von der Browserunterstützung abhängig, noch in den Kinderschuhen volatil und befinden sich in ständiger Entwicklung. Sie bieten noch nicht die Gewissheit und Sicherheit für eine todsichere Einführung. PWAs umgibt ein Hauch von Mysterium, da Händler sich bemühen, sie zu verstehen.

Eines ist jedoch sicher – es ist nicht nur ein Hype. Die Technologie ist solide, Early Adopters wurden sehr belohnt, und mit der Verbreitung von Wissen breitet sich auch die Adoption aus.

PWAs beeinflussen fast alle Marketing-KPIs positiv

Fallstudien aus der Praxis haben gezeigt, dass PWAs fast alle Marketing-KPIs positiv beeinflussen können – Leistung, Engagement, Verweildauer auf der Website, generierte Leads, erneutes Engagement, Conversions und mehr.

In einer Mobile-First-Ära ist es nicht verwunderlich, dass eine solche transformative Technologie traditionellere digitale Kanäle übertrifft, und die Bedeutung der Priorisierung mobiler Erlebnisse nimmt immer noch zu. Mobiles Einkaufen dominiert zunehmend den E-Commerce; Google hat kürzlich die Mobile-First-Indexierung angekündigt, die ab dem 1. Juli 2019 standardmäßig für alle neuen Websites aktiviert ist; und eine beträchtliche Anzahl neuer Internetnutzer beginnt ihre digitale Reise auf dem Handy.

Daher wird die Bereitstellung überdurchschnittlicher mobiler Erlebnisse mit offenen Armen begrüßt, und ihre zunehmende Bedeutung wird Marketingfachleute auf der ganzen Welt wahrscheinlich dazu bringen, sich verstärkt darauf zu konzentrieren, um wettbewerbsfähig zu bleiben.

Und es geht nicht nur darum, Ihren Kunden ein besseres digitales Erlebnis zu bieten, sondern auch neue zu erreichen, da PWAs eine wichtige Rolle in Bezug auf die Zugänglichkeit spielen. Mit den geringen Datenanforderungen von PWAs wird ein zugängliches digitales Erlebnis für diejenigen mit suboptimaler Netzwerkabdeckung ermöglicht, ohne UX-Kompromisse. Beispielsweise ging die Expansionsinitiative von Uber Hand in Hand mit einer PWA, um sicherzustellen, dass ländliche und andere Gebiete mit langsameren Verbindungen weiterhin ein ansprechendes und reaktionsschnelles Erlebnis erleben können.

Und jetzt können Händler auf der ganzen Welt dasselbe für ihre aktuellen und zukünftigen Kunden tun, da die weltweite PWA-Einführung im Gange ist.

Magento heißt PWAs mit offenen Armen willkommen

Magento hat PWAs schon seit einiger Zeit im Auge. Mit der Einführung von PWA Studio im September 2017 erblickte es im Januar 2019 endlich das Licht, und als Magento Imagine 2019 im Mai auf den Markt kam, waren PWAs in aller Munde und sicherlich das heiße Thema der Konferenz.

Während Magento kopfüber in PWAs eintaucht und zahlreiche andere Lösungen entwickelt wurden, die die Fähigkeiten von PWAs demonstrieren, ist die Community etwas zurückhaltend, dem zu folgen, da es keine endgültigen Lösungshändler und Erweiterungsentwickler gibt, um die sie sich scharen können. Dies führt wiederum zu kundenspezifischen Entwicklungsversuchen, die am Ende kostspielig und nicht nachhaltig sind, insbesondere wenn es um stark modifizierte und stark angepasste Storefronts geht, was die Akzeptanz herabsetzt.

Dennoch werden gerade in diesem Moment PWA-Storefronts für eine Vielzahl von Magento-Händlern entwickelt. Magento investiert stark in PWAs und der Rest der Welt auch.

Für Magento-Händler stellt sich die Frage nicht, was mit PWA passieren wird? PWA ist da. Die Frage ist – wie fange ich an?

3 PWA-Lösungen für Magento

Magento ist eine der leistungsstärksten E-Commerce-Lösungen auf dem Markt – es betreibt 12 % aller E-Commerce-Shops im Internet und die Akzeptanz wächst Jahr für Jahr weiter. Mit einem solchen Marktanteil kann es Magento helfen, eine PWA-Plattform zu werden, um das Internet grundlegend neu zu definieren, und genau das tun sie, indem sie sicherstellen, dass jeder Händler, der daran interessiert ist, eine PWA für sein Geschäft zu erhalten, dies tun kann.

Wenn Sie nach einer PWA für Ihren Magento-Shop suchen, stehen Ihnen mehrere Optionen zur Verfügung. Hier sind drei, die Ihre Aufmerksamkeit verdienen.

Magento PWA-Studio

Magento PWA Studio ist Magentos Antwort auf den neuen Trend und ist seit einigen Jahren in Arbeit. Es wurde zusammen mit Magento 2.3 veröffentlicht und ist eine Suite von Entwicklertools zum Erstellen von PWA-Frontends für Magento. Magento PWA Studio unterstützt Ihre Entwickler mit allem, was für die Entwicklung, Bereitstellung und Wartung erforderlich ist, und wird durch eine umfassende Dokumentation ergänzt. Magento PWA Studio wird wahrscheinlich das Tool der Wahl für Magento-Händler, die ihren Shop in die Zukunft führen möchten.

Werfen Sie einen Blick auf diesen Demo-Shop (Hinweis: Bitte tun Sie dies auf einem Mobilgerät), der von Inchoo mit Magento PWA Studio-Tools entwickelt wurde, um zu demonstrieren, was erreicht werden kann.

ScandiPWA

Im Gegensatz zu Magento PWA Studio ist ScandiPWA (entwickelt von Scandiweb) ein Open-Source-Magento-First-Theme und keine Reihe von Tools oder eine Storefront. Das bedeutet, dass es ohne Änderungen an der Infrastruktur direkt in Ihrem Magento 2.3-Shop installiert und nach Ihren Bedürfnissen erweitert werden kann, so wie es jeder Magento-Entwickler kennt. Das von der Community sehr gelobte gebrauchsfertige Design von ScandiPWA hat viel Aufmerksamkeit auf sich gezogen, weil es problemlos ist und eine hervorragende Lösung für diejenigen darstellt, die nach einer leistungsstarken, gebrauchsfertigen PWA-Lösung suchen.

Erkunden Sie den ScandiPWA-Demo-Store (Hinweis: Bitte tun Sie dies auf einem Mobilgerät) oder das GitHub-Repository.

Vue Schaufenster

Vue Storefront, eine der beliebtesten PWA-Lösungen auf dem Markt, ist eine plattformunabhängige Open-Source-Progressive-Web-App für E-Commerce, die in Vue.js geschrieben wurde. Mit einer boomenden Community ist es einer der größten PWA-Hubs. Angesichts seines Umfangs ist es eine ziemlich komplexe Lösung. Plattformagnostisch zu sein, anstatt Magento-first, bedeutet, dass einige Magento-Funktionalitäten fehlen, aber man kann davon ausgehen, dass dies im Laufe der Entwicklung behoben wird.

Erkunden Sie den Vue Storefront-Demo-Store (Hinweis: Bitte tun Sie dies auf einem Mobilgerät) oder das florierende GitHub-Repo.

Vorteile von Magento-First PWA-Lösungen

Wenn Sie ein Händler auf der Magento-Plattform sind, kann eine Magento-first-PWA-Lösung der einfachste Weg sein, am PWA-Rennen teilzunehmen. Solche Lösungen bieten die zusätzlichen Vorteile von Vertrautheit, niedrigeren Entwicklungskosten und verbesserter Leistung, was Händler und Entwickler glücklich macht.

Hier sind drei Beispiele dafür, wie die Magento-First-PWA-Lösung ScandiPWA den Magento-Stack nutzt, um ein spektakuläres PWA-Erlebnis zu bieten.

Keine Middleware

ScandiPWA ist ein Magento-First-PWA-Theme, was bedeutet, dass es direkt auf Ihrem Magento-Shop installiert werden kann, was wiederum den Vorteil hat, eine direkte Beziehung zu Ihrem Magento-Back-End zu haben. Dies erspart Händlern viel Ärger, da jede Middleware eine zusätzliche Ebene der Komplexität hinzufügt – Funktionen müssen neu erstellt, zusätzliche Datenstrukturen – entwickelt, Anpassungen – angepasst werden.

Hier ist ein Beispiel: Lösungen, die als separate PWA-Storefronts erstellt wurden, sprechen nur mit der Datenbank der Website. Dies betrifft häufige Probleme wie den Umgang mit Umleitungen. Anstatt die Magento-Core-Installation zu treffen und dann wie im Backend angegeben umgeleitet zu werden, müssen separate Storefronts eine Lösung entwickeln, um sicherzustellen, dass die Benutzer dort landen, wo sie sollen.

Middleware bietet einen fairen Anteil an Vorteilen für universellere PWA-Lösungen wie Vue Storefront, da sie es ermöglicht, eine einzige leistungsstarke Lösung mit mehreren Plattformen zu verknüpfen. Der Nachteil ist jedoch, dass sie umfangreiche Anpassungen erfordert und oft das Rad neu erfinden muss sprechen. Magento-First-Lösungen umgehen dies, indem sie die leicht verfügbaren Magento-Funktionen nutzen, was zu Einsparungen bei den Entwicklungskosten für Ihr Unternehmen führt.

Vertrautheit mit Magento & Zeitersparnis

Ein wesentlicher Vorteil von Magento-first PWA-Lösungen ist die Vertrautheit. Die fortgesetzte Verwendung einer für Ihre Entwickler vertrauten Umgebung erleichtert ihnen und Ihnen die Einführung und rationalisiert den Entwicklungsprozess.

Magento hat sich als eine der fortschrittlichsten E-Commerce-Plattformen der Welt erwiesen, und die Community, die um die Plattform herum gewachsen ist, zeigt dies. Das bedeutet, dass Sie Magento-Spezialisten in jedem Winkel der Welt finden können, und trotz der Neuheit von PWA sollte das Onboarding im Vergleich zur Arbeit mit einer völlig neuen Umgebung weitaus reibungsloser verlaufen. Die Tools von Magento sind bei Entwicklern und Händlern gleichermaßen bekannt und haben eine nachgewiesene Erfolgsgeschichte.

Daher können Händler, die sich für eine Magento-First-PWA-Lösung entscheiden, mit niedrigeren Kosten rechnen und wissen besser, was vor sich geht.

Einfache und kostengünstige Migration

ScandiPWA ist ein gebrauchsfertiges Theme für Magento. Jede Magento-first-Lösung bringt erhebliche Vorteile bei der Implementierung. Anstatt Ihr Frontend komplett zu überarbeiten und von Grund auf neu zu erstellen, können Sie mit einer Plug-and-Play-Lösung von Magento die Vorteile von PWAs nutzen, ohne das Risiko einzugehen, Ihr Geschäft zu gefährden.

Wie bereits erwähnt, führt das Hinzufügen von Middleware und ein vollständig benutzerdefiniertes Front-End zu einer Komplexität, die in Magento-First-Lösungen normalerweise nicht vorhanden ist. Dies zieht zusätzliche Overhead-, Wartungs- und Supportkosten nach sich.

Fazit

Progressive Web Apps sind gekommen, um zu bleiben. Trotz eines vorsichtigen Ausblicks auf die Einführung bleiben Händler auf der ganzen Welt dennoch am Puls der Zeit, suchen nach der richtigen Lösung für sie und versuchen, die vielen Erfolge der PWA-Pioniere zu wiederholen.

Für Magento-Händler, die so schnell wie möglich einen Fuß in die Tür bekommen möchten, gibt es mehrere Möglichkeiten – die Entwicklung ihrer eigenen Lösung mit Magento PWA Studio, die Entscheidung für eine plattformunabhängige PWA-Lösung wie Vue Storefront oder die Entscheidung für Magento-first Thema wie ScandiPWA. Der einfachste und kostengünstigste Weg für den Einstieg ist Letzteres, da es Ihrem Unternehmen ermöglicht, die gesamte Palette der PWA-Vorteile zu nutzen, ohne sich zu weit von der Vertrautheit mit Magento zu entfernen.

Viesturs Abelis ist Content Lead bei Scandiweb und ein temperamentvoller ScandiPWA-Evangelist. Viesturs hat immer zwei Augen in die Zukunft gerichtet und ist bestrebt, die neuesten digitalen Entwicklungen für alle zugänglich zu machen.