In letzter Zeit hat die Webplattform eine Menge neuer Funktionen erhalten. Die Nutzung dieser Funktionen verbessert das Benutzererlebnis, was wiederum die Konversion fördert. Eine gute Web-App kann native Apps ersetzen und das Benutzererlebnis verbessern. Wir können zum Beispiel eine einzige App entwickeln, die jeder nutzen kann, ohne eine Installationsprozedur durchlaufen zu müssen.
Der meiste Internetverkehr kommt heute von mobilen Geräten. Im Vergleich zu Desktop-Geräten haben mobile Geräte eine begrenzte Rechenleistung und Konnektivität. Wenn eine Website nicht erstellt wurde "mobile first", kann sie ein minderwertiges Benutzererlebnis bieten. Das liegt aber nicht an der Webplattform, sondern daran, dass es bei der Entwicklung von Webanwendungen noch viel zu verbessern gibt.
Die Installation von PWAs unterscheidet sich von der nativer Apps. Wenn der Browser erkennt, dass ein Benutzer mit der App interagiert, löst er einen Dialog aus, der dazu auffordert, die Web-App auf den Homescreen zu legen. Es handelt sich um ein geräteeigenes Dialogfenster, das vom Browser und nicht von der App ausgelöst wird. Damit ist es für eine App unmöglich, den Benutzer mit einem Dialog zu belästigen.
Sobald die App installiert ist, erhält sie einen Platz auf dem Startbildschirm - eine wertvolle, sichtbare Erinnerung an Ihre Marke. Zusammen mit Push-Benachrichtigungen sorgt dies dafür, dass PWAs im Vergleich zu klassischen Websites viel stärker ansprechen. Mit Push-Benachrichtigungen können Marken ihre Nutzer an verlassene Warenkörbe oder Verkaufszeiträume erinnern, aber Sie müssen aufpassen, dass Sie Ihre Nutzer nicht verärgern.
Offline- und Vollbildfunktionen sind eine Voraussetzung für Add-to-Home-Screen-Funktionen. Auf Ihrem Startbildschirm sieht eine Webanwendung wie jede andere Anwendung aus, also muss sie sich auch wie eine solche verhalten. Wenn kein Internetzugang besteht, sollte sie sich auch wie jede andere App verhalten. Sie sollte etwas auf dem Bildschirm anzeigen, anstatt einer Standard-Fehlermeldung. Die App sollte sich außerdem wie jede andere App im Vollbildmodus öffnen, ohne eine URL-Leiste.
Die Zahlungsanforderungs-API kann den Ablauf einer Kaufabwicklung erheblich vereinfachen. Anstatt Ihre Versand- und Zahlungsdaten manuell über Ihre (Smartphone)-Tastatur, können Sie den Browser nach den Informationen fragen. Es wird ein nativer Dialog angezeigt, in dem Sie aus bekannten Lieferadressen oder Kreditkarten auswählen können. Die Beseitigung von Reibungsverlusten bei der Kaufabwicklung wirkt sich positiv auf die Konversion aus.
Der Nachteil des Ersetzens nativer Apps durch PWAs ist, dass Sie unter iOS nicht aufgefordert werden, die App zu Ihrem Startbildschirm hinzuzufügen. Der Benutzer kann dies manuell tun, aber es ist etwas versteckt. Sie können Ihre App dem Benutzer zeigen lassen, wie er dies tun kann. Wenn Sie möchten, dass Ihre App auf dem Startbildschirm erscheint, können Sie sie als Hybrid-App in den App Store aufnehmen. Dies hat jedoch die gleichen Nachteile wie jede native App.
Vergleich nativer Apps
Es ist viel billiger, neue Kunden für Ihre Web-App zu gewinnen als für Ihre native App. Im Web können Sie einfach auf eine Web-App verlinken. Web-Apps sind viel einfacher zu entdecken als native Apps. Suchmaschinen können sogar Deep Links zu bestimmten Seiten erstellen. Es ist viel einfacher, auf einen Link zu klicken, als eine App zu installieren, vor allem, wenn Sie sie nur für eine kurze Interaktion nutzen möchten. Es ist ein großer Aufwand, Zeit und Telefonspeicher für die Installation einer nativen App zu verwenden.
Die Reichweite des Webs ist größer als die von nativen Apps. Wenn Sie sich jedoch ansehen, wo die Nutzer ihre Zeit verbringen, ist es offensichtlich, dass native Apps viel ansprechender sind. PWAs schließen die Lücke und machen das mobile Web genauso ansprechend wie native Apps, während die Reichweite des Webs erhalten bleibt.
comScore Mobile Metrix, U.S., Alter 18+, Juni 2015
Die Entwicklung einer Web-App ist billiger als die Entwicklung einer Website und nativer Apps für iOS und Android, da Sie nur eine App statt drei entwickeln. Außerdem gibt es mehr Webentwickler als Entwickler von nativen Apps zu engagieren.
In der Vergangenheit hatten Websites keinen Zugang zu den Funktionen nativer Apps, aber das ändert sich jetzt schnell. Wir haben bereits über Funktionen wie Offline-Verfügbarkeit und Add-to-Home-Bildschirm gesprochen. Aber das Web verfügt auch über Funktionen wie Bluetooth, Kamera und GPS. Für einen vollständigen Überblick , schauen Sie sich
diese Web-App
.
Obwohl die Benutzer
86% ihrer Zeit
in nativen Apps verbringen, nutzen 96% das Web als
primären Kanal für geschäftliche Aufgaben
. Eine Website, die mit nativen Apps konkurrieren kann, ist also sinnvoll. Außerdem ist es natürlich besser, wenn Sie den Benutzer nicht mit einem Dialog belästigen, der ihn auffordert, das aktuelle Webangebot zu verlassen und eine native App herunterzuladen.
Wie
beginnen
Der Aufbau einer progressiven Webanwendung bedeutet nicht, dass Sie Ihre aktuelle Website neu aufbauen müssen. Der erste Schritt besteht darin, dafür zu sorgen, dass die Website auf jedem Gerät gut aussieht. Ein responsives Design stellt dies sicher. Wenn die Website außerdem gut genug funktioniert, können Sie darüber nachdenken, eine Offline-Fähigkeit hinzuzufügen, um sich für einen Add-to-Homescreen-Dialog zu qualifizieren.
Wenn es zu schwierig ist, Ihre bestehende Website auf eine PWA umzustellen, können Sie sie neu erstellen. Ein Umbau mit allen Funktionen wird viel Zeit in Anspruch nehmen. Sie können sich auch dafür entscheiden, eine Version Ihrer Website mit weniger Funktionen oder sogar eine Web-App für eine bestimmte Funktion Ihrer Website zu erstellen. Diese Optionen ermöglichen es Ihnen, schnell Kundenfeedback zu erhalten.
Für die
Costes
Website haben wir uns entschlossen, eine neue Version mit weniger Funktionen zu erstellen. Derzeit handelt es sich nicht um eine progressive Web-App, da wir noch keine Offline-Fähigkeit haben. Sie hat jedoch bereits eine App-ähnliche Leistung und ein responsives Design. Wir können in Zukunft Offline-Funktionen hinzufügen, um sicherzustellen, dass die App auch auf dem Startbildschirm angezeigt werden kann.
Einpacken
ping Up
Ein besseres Benutzererlebnis zahlt sich immer aus. Bei Costes konnten wir bereits einen Umsatzanstieg verzeichnen, obwohl wir noch nicht alle PWA-Funktionen implementiert haben. Mit den neuen Möglichkeiten der Webplattform ist es möglich, native Apps zu ersetzen und gleichzeitig das Benutzererlebnis zu verbessern.
