Warum sollten Sie PWA als Ihren nächsten Tech-Stack wählen?

Während sich der Web-Verkehr zunehmend auf mobile Geräte verlagert, kommt Progressive Web Applications (PWA) als Folge der Nachfrage von Verbrauchern nach einem schnellerem Surferlebnis zum Einsatz. Die Technologie zur Unterstützung dieser Erfahrung ist bereits seit einiger Zeit verfügbar. Sie basiert also nicht auf neuen Technologien, sondern auf vorhandenen Technologien, die auf eine neue Art genutzt werden, so wie es die jüngsten Entwicklungen der Branche und die Anforderungen der Verbraucher erfordern. PWAs eignen sich auch hervorragend für Early Adopters.

Hier erfahren Sie warum:

Was ist PWA?

PWAs zielen darauf ab, die blitzschnelle Geschwindigkeit, die in einer Offline-Umgebung zu beobachten ist, mit dem einfachen Zugriff auf mobile Apps kombiniert, zu reproduzieren.

Marketshare Worldwide Mobile / Desktop / Tablet 2010 -2020 
Source: StatCounter Global Stats - Platform Comparison Market Share

PWA ist eine fertige Lösung für Benutzer, die auch von unterwegs sofortigen Zugriff auf Online-Daten benötigen und deren hohe Effizienz nur durch die Vorstellungskraft begrenzt ist. Der Durchschnittsverbraucher von heute ist ein bewährter, technisch versierter Benutzer, der bereit ist, die jüngste Innovation zu nutzen, die den Online- und E-Commerce-Markt im Sturm erobern wird.
Hier erfahren Sie, wie und warum wir glauben, dass die PWA-Technologie die Art und Weise, wie wir Datenaustausch, Online-Handel und Konvertierung wahrnehmen, verändern wird.

Einschränkungen bei Mobilgeräten

Die Vorteile des Mobilfunks konzentrieren sich hauptsächlich auf den Mobilitätsfaktor, und die Nachteile sind Kompromisse bei der Verbindungsgeschwindigkeit oder -leistung. Eine der größten Einschränkungen des Mobilgeräts ist aber auch einer der größten Vorteile, insbesondere im Vergleich zum Desktop. Wir sprechen hier von der Fähigkeit des Mobilgeräts, trotz der durch Bildschirmgröße oder Bildschirmverhältnis bestehenden Einschränkungen, umfangreiche Inhalte anzuzeigen.

Es scheint nicht intuitiv zu sein, aber wenn der Kommunikationskanal durch Volumen und Größe begrenzt ist, müssen ihn die Nachrichtenverfasser noch klarer machen, indem sie ihn in eine optimierte Version von sich selbst verwandeln. Ein gutes Beispiel ist der Twitter-Feed, bei dem die Beschränkung auf 140 Zeichen die Autoren dazu zwingt, ihre Nachrichten so zu optimieren und zu überarbeiten, dass sie leichter zu bekommen und zu verarbeiten sind.

Die Botschaft richtig zu übermitteln, ist jedoch etwas aufwändiger als eine reine Automatisierung. Eine solche Automatisierung ist die Pre-PWA-Methode zur Konvertierung von Benutzeroberflächen von Desktop zu Mobile, die als Responsive Web Design (RWD) bezeichnet wird. RWD ist ein Top-Down-Ansatz, mit dem visuell weit verbreitete Inhalte zusammengefasst werden und sich somit für die Anzeige auf Mobilgeräten eignen.

Der Hauptfehler bei RWD besteht darin, dass der Inhalt buchstäblich zusammengequetscht wird, um dem kleineren Anzeigebereich zu entsprechen. Obwohl diese Methode für einen KI-Benutzer eine perfekte Lösung gewesen wäre, stellt sich heraus, dass sie für den Menschen eine schreckliche Lösung ist. Diese Konvertierung erfordert eine vollständige Inhaltsumstellung und eine Elegante natürlich auch.

Diese Verkleinerungstechnik weist noch weitere Mängel auf: Wenn ein großer Bildschirminhalt in einen für eine kleinere Bildschirmgröße geeigneten konvertiert wird, führt dies normalerweise zu einem Code, der nur eine modifizierte Version des ursprünglichen Desktop-Codes ist. Dies bedeutet effektiv, dass der überarbeitete Code, selbst wenn er gut optimiert ist, höchstwahrscheinlich noch unnötige Überreste der ursprünglichen Version enthält und letztendlich die gesamten Funktionen und die Leistung der mobilen Ressourcen belastet.

Das RWD ist auch nicht in der Lage, die einzigartige mobile Erfahrung nachzubearbeiten, die durch eingebaute mobile Funktionen wie Kamera, Mikrofon oder GPS geschaffen wurde.
Benutzer von Mobilgeräten sind es nicht gewohnt, das “One Size Fits All”-Schema zu akzeptieren, das leider in der Philosophie von RWD und anderen ähnlichen Quick-Fix-Techniken verankert ist.

Native Apps Einschränkungen

Native Apps werden für einen bestimmten Zweck erstellt und um die integrierten Hardwarefunktionen aller Mobilgeräte herum gebaut sind. Sie werden entwickelt, um einen bestimmten Bedarf oder Zweck zu erfüllen, verschwenden jedoch viel kostbare Zeit, die der Benutzer ansonsten lieber in etwas investieren will, das wichtig ist.

Die zeitaufwändigen Rückschläge beginnen früh, bevor Sie die eigentliche Anwendung überhaupt nutzen können. Apps müssen zunächst über den jeweiligen App Store gefunden werden, jedoch nicht vor einer sorgfältig geplanten Recherche und einem Vergleich. Nachdem die minderwertigen und unnützen Nachahmer, die den App Store überfluten, ausgemerzt wurden, muss die ausgewählte App heruntergeladen und installiert werden. Unter anderem müssen Sie sich aus Sicherheitsgründen bei nativen Apps normalerweise auch registrieren und anmelden. Sie bestätigen Ihre E-Mail-Adresse und sind hoffentlich nun bereit, das Produkt endlich zu verwenden.

Native Apps nutzen den Datentransfer voll aus und ziehen in der Regel auch im Hintergrund ständig mobile Daten ab. Mit all den berücksichtigten Faktoren erweisen sie sich auf lange Sicht als sehr teuer und beinhalten aus Anwendersicht nicht einmal die echten Ausfallzeiten. Das Paradox ergibt sich aus der Tatsache, dass viel Zeit für Anfragen verschwendet wird, die ursprünglich erstellt wurden, um Zeit zu sparen. Außerdem werden native Apps auch für bestimmte Betriebssysteme erstellt, während PWAs auf jedem Gerät oder in jedem Browser ausgeführt werden können.

Ein weiterer Trend bei nativen Apps ist, dass sie mit einer unglaublichen Geschwindigkeit abgewertet werden. Apps werden manchmal kurz nach dem Herunterladen kaum beachtet oder installiert, aber selten oder nie mehr verwendet. Sie sind ein vorübergehender Bedarf, der - wie jedes neue Spielzeug - bald nach dem Erwerb abgelehnt und vergessen wird. Dies wirft die Frage auf, ob sich ihre Investition gelohnt hat und ob es ihnen gelungen ist, den veränderten Lebensstil des Benutzers zu erleichtern.

PWA ist die Zukunft

Die Umsatz- und Konversionssteigerungsrate von Mobilgeräten ist proportional viel geringer als die Steigerungsrate der Nutzung von Mobilgeräten. Während rund die Hälfte aller Online-Nutzer bereits Smartphones verwendet, nutzt nur etwa jeder fünfzigste Nutzer dieses speziell für private oder geschäftliche Transaktionen. Mobile Apps generieren trotz eines geringen Anteils am gesamten Web-Traffic wesentlich bessere Konversionsraten. Dies ist ein klares Beispiel dafür, dass die Größe des mobilen Bildschirms nicht der Hauptgrund dafür ist, dass die Menschen beim Kauf und Verkauf auf Mobiltelefonen immer noch etwas zurückhaltend sind.

PWA Benefits


Warum PWAs anwenden?

PWAs sind die ideale Mischung zwischen dem, was eine reguläre Website zu bieten hat, und einer mobilen Anwendung. Die Natur dieser Technologie ist es, die laufenden Probleme mit Konversionsraten und Kommerz, die derzeit bei mobilen Benutzern auftreten, direkt anzugehen.

PWAs bringen Benutzer und Dienste durch reibungslose und schnelle Interaktion näher zusammen. Dies alles wird durch eine flüssige Benutzeroberfläche ermöglicht, die bisher nur für benutzerdefinierte mobile Apps verfügbar war.

Das neue und verbesserte Benutzererlebnis ist praktisch in die, auf PWAs ausgeführte, übersichtlichere Benutzeroberfläche eingebettet. Der progressive Teil im PWA-Teil zeigt, wie bereits vorhandene Technologie auf innovative und intuitive Weise genutzt wird.

Die Konversionsraten hängen stark davon ab, wie schnell eine Website Inhalte anzeigen kann. Die Ladegeschwindigkeit der Website wirkt sich nachteilig auf das Verhalten potenzieller Käufer aus. Eine Verzögerung von nur ein oder zwei Sekunden beim Laden des Inhalts kann den Unterschied zwischen dem Klicken auf den “Kauf”-Button und dem Schließen dieses Browserfensters und dem Weitersuchen in anderen Shops bedeuten. Wenn andere wichtige Faktoren etwas ausgeglichen sind, wird ein Kunde den Webshop des Unternehmens bevorzugen, dessen Webseite schneller angezeigt wird als die der Konkurrenz, die langsam geladen wird.

Ein leistungsstarkes JavaScript ist das Kernstück von PWAs - man nennt es Service Worker und erledigt, wie der Name schon sagt, alles fleißig hinter den Kulissen. Es verarbeitet Netzwerkanforderungen und organisiert den Datenfluss lokal auf eine Weise, das den Zugriff auf Informationen blitzschnell und weniger abhängig von konsistenten Netzwerkaktivitäten macht.

Nicht ständig ans Stromnetz angeschlossen sein zu müssen, spart eine Menge Ressourcen. Dies macht PWAs in Regionen, in denen eingeschränkte Konnektivität üblich ist und mobile Datenpläne mit geringer Bandbreite die bevorzugte Option sind zum Renner.

Die Art und Weise, wie Progressive Apps Netzwerke mit begrenzter Konnektivität nutzen, passt gut zu ihrer Fähigkeit, die Anforderungen an den gesamten Speicherplatz zu begrenzen. Diese Tatsache erleichtert die allgemeine Leistungsfähigkeit aller Geräte, über die mobile Benutzer bereits verfügen und die sie somit bequem verwenden können.

Auf PWAs kann, wie auf jede Ihrer vorhandenen nativen Apps, die höchstwahrscheinlich nicht verwendet werden wie ursprünglich beabsichtigt, zugegriffen werden. Im Gegensatz zu nativen Apps sind PWAs nicht vom Betriebssystem des Geräts abhängig. Durch das Wegfallen der Ausfallzeiten durch Herunterladen und Installieren, können Sie eine PWA direkt von Ihrem Smartphone Bildschirm aus starten.

Wenn es um Wartung geht, aktualisiert sich PWA ähnlich wie Live-Websites und nicht wie die regelmäßigen Synchronisierungs- und Überprüfungsbeziehungen, die reguläre Apps mit dem Haupt-App-Store eingehen. Abgesehen von der Art und Weise, wie sie aktualisiert werden, haben PWAs eine weitere Gemeinsamkeit mit regulären Websites - sie werden von allen wichtigen Browsern wie Chrome und Firefox unterstützt.

PWA Nutzen für Online Händler

Nicht nur Webnutzer profitieren von der innovativen Art und Weise, wie Progressive Apps den Datenaustausch abwickeln. Auf der anderen Seite des Kommunikationsnetzes stehen die Händler. Das höhere Maß an Engagement und der einfachere Zugriff bei PWAs haben ihren Einsatz im Online-Geschäft so viel einfacher gemacht. Kunden können nahtlos suchen, finden und kaufen, was sie wollen und das schneller und weniger umständlich als je zuvor. Dies ist ideal für Händler - die geringen Entwicklungskosten für Progressive Apps machen die Investition in diese Apps nur noch lukrativer.

Mit PWAs können die Kunden schneller und effizienter nach Waren suchen und schneller als zuvor zu dem gelangen, wonach sie gesucht haben. Dies führt natürlich aus mehreren Gründen zu einem Umsatzanstieg. Es gibt es für einen Kunden mehr Möglichkeiten, auch innerhalb eines begrenzten Zeitrahmens einen guten Kauf zu tätigen. Dies bedeutet effektiv, dass jeder, der sich für einen Kauf entschieden hat und nicht verzögert oder demotiviert wurde - höchstwahrscheinlich nun zufriedener Kunde eines Händlers ist. Der Usability-Faktor erhöht das Käuferpotential weiter - ein zufriedener Kunde kann gerne etwas mehr ausgeben, um beispielsweise diesen zusätzlichen Artikel in den Warenkorb zu legen. Es ist leicht zu verstehen, welche psychologischen Triebkräfte hinter dieser einfachen Mechanik stecken.

Neben Verbrauchern und Anbietern gibt es eine weitre Fraktion, die PWAs bevorzugen - Top Developer. Wenn neue Technologien auftauchen, ziehen sie in der Regel die besten Vertreter des Fachgebiets an, da sie am versiertesten sind, um sich damit vertraut zu machen und es in vollem Umfang nutzen können. Die besten Designer und Back-End-Entwickler sind bestrebt, Teil dieses aufkommenden Trends zu werden, und dies macht PWA zu einem sehr attraktiven Bereich für den Aufbau einer professionellen Karriere.

Ein weiterer Grund, warum Entwickler daran interessiert sind, progressive Apps zu erstellen, ist die Tatsache, dass PWAs nicht in Webshops gelistet werden müssen. Diese Tatsache allein ermöglicht es App-Entwicklern, buchstäblich ihre Flügel auszubreiten und die besten Apps zu erstellen, ohne dass dies durch die Anforderungen des App Stores oder durch entsprechende Richtlinien von Drittanbietern eingeschränkt wird.


Top Engaging PWA implementations in eCommerce

Die Industrie begrüßt Mobile

PWA entwickelt sich schnell zu einem Industriestandard. Dies wird durch harte Fakten wie die MS Store-Richtlinien unterstützt, die die Entwicklung fortschrittlicher Apps begünstigen (sie hat die bestehenden “Web Hosted Apps” in PWAs umbenannt) oder nach Googles Standard aus dem Jahr 2018, der besagt, dass die Ladegeschwindigkeit ein entscheidender Rankingfaktor ist.

Die Online-Branche hat ein wachsames Auge auf diese Technologie geworfen und erkannt, dass die Geschwindigkeit des Zugriffs und die Benutzerfreundlichkeit bald als ein “Must have”-Standard gelten werden. Führende Branchengrößen wie Facebook, Instagram, Twitter und Forbes haben die Leistungsfähigkeit von PWAs bereits erkannt und Pläne zur Weiterentwicklung solcher Apps auf den Weg gebracht.

Sind Sie bereit für PWA?

Die Vorteile von PWA liegen auf der Hand, aber wie können Sie feststellen, ob Ihre Website zur Übernahme bereit ist? Wir haben Ihnen hier die Grundlagen zusammengefasst:

  Stellen Sie zunächst fest, ob Ihre aktuelle Website Ihren Besuchern die Ideen und Absichten klar vermittelt. Navigation und einfacher Zugriff sind der Schlüssel - können Ihre Online-Benutzer das erreichen, wonach sie suchen, und können sie schnell, einfach und ohne unnötige Verzögerungen dorthin gelangen? Ihre Web-Traffic-Metriken können ebenfalls gut genutzt werden. Wenn mehr als die Hälfte Ihrer Besucher Ihre Website mit einem mobilen Gerät erreicht hat, bedeutet dies Folgendes: 1) Ihre Website muss mobilfreundlich sein und 2) kann relativ einfach für den Übergang zu progressiv vorbereitet werden. In allen anderen Fällen müssen Sie sorgfältig über die Nutzung vorhandener Ressourcen nachdenken: Lohnt es sich wirklich, weiterhin Ressourcen in Ihr vorhandenes, für Mobilgeräte unhandliches Web-Tool zu integrieren, oder ist es an der Zeit, Ihr Unternehmen in Schwung zu bringen und einer der bevorzugten Online-Händler mit einer brandneuen PWA zu werden…

Obwohl die Gesamtkosten für PWAs geringer sind als die für native Apps, kann eine sorgfältige Planung tatsächlich zeigen, wie viel geringer die Kosten sind. Der ROI-Faktor kann wirklich entscheiden, ob Sie Ihre vorhandenen Bemühungen von nativen Apps auf progressive Apps umlenken möchten. Mit der Zeit wird die Nachfrage nach einem Übergang immer deutlicher, also ist es besser, schnell zu handeln und diese erste finanzielle Einschätzung vorzunehmen. PWAs sind hier, um zu bleiben und werden Ihnen irgendwann eine beträchtliche Menge Geld sparen.

Autor

Andreas Maier, CEO

Andreas ist ein ergebnisorientierter CEO, der knapp 30 Jahre an Erfahrung in der Hightech-Branche mit sich bringt. Seine Führungsrollen in Fortune-100 Unternehmen wie bei rentalcars.com (PCLN) und Intrasoft International, einem führenden R&D 21 Softwareanbieter mit Sitz in der EU, verleihen ihm wertvolle Kompetenzen.
Er hält einen Doktortitel der Universität Köln im Fachbereich Neuronale Netze.
Andreas gründete und mitbegründete in seiner Karrierelaufbahn zahlreiche erfolgreiche Startups wie XXL Cloud, ein Cloud-Speicherdienst, der letztendlich von einem Wettbewerber übernommen wurde.