Entdecken Sie die Vor- und Nachteile von Progressive Web Apps (PWAs)

Lassen Sie sich nicht täuschen – progressive Webanwendungen sind keine verrückte neue Technologie, über die Sie sich nach einem kurzen Lesen des Artikels nicht mit Ihren Freunden unterhalten können.

Sie sind im Wesentlichen modernisierte Webanwendungen mit einem ausgefallenen Namen (danke, Google Chrome).

Aber seien Sie sich der Gründe bewusst, warum viele Organisationen entscheiden, dass eine PWA besser für ihre Bedürfnisse geeignet ist. Es ist nicht nur billiger, eine PWA im Vergleich zu einer nativen Anwendung zu erstellen, zu vermarkten und zu warten, es kann auch das sein, was Kunden bevorzugen.

Haben Sie Ihre Kunden gefragt, ob sie zum App Store weitergeleitet werden möchten, nur um ihre nächste Hotelreservierung oder einen Mietwagen zu buchen? Vielleicht ist das ein Gespräch für einen anderen Tag...

Was ist eine progressive Web-App?

Bevor wir beginnen können, die Anwendungsfälle für die Erstellung einer progressiven Webanwendung im Vergleich zu einer nativen Anwendung oder einer herkömmlichen Webanwendung zu verstehen, sollten wir sicherstellen, dass wir die Grundlagen behandeln.

In erster Linie müssen Sie sich mit progressiven Webanwendungen auskennen, denn sie sind der Weg der Zukunft. Laut einer von JAX Enter durchgeführten Leserumfrage unter über 800 Technologen gaben 46 % der Befragten an, dass sie glauben, dass PWAs die Zukunft sind – nicht native oder hybride Anwendungen.

Unterschied zwischen progressiven Web-Apps, nicht-progressiven Web-Apps und nativen Apps

Selbst erfahrene Entwickler neigen dazu, progressiv mit nicht-progressiv oder nicht-progressiv mit nativen Anwendungen zu verwechseln. Dennoch gibt es deutliche Unterschiede zwischen diesen Anwendungstypen.

Quelle

Native Anwendungen sind Anwendungen, die in einer bestimmten Sprache für ein bestimmtes Gerät (Smartphone, Tablet usw.) erstellt wurden und aus einem Anwendungsspeicher heruntergeladen werden müssen. Im obigen Beispiel ist die MyPay-App von Dish eine native Anwendung, da sie aus dem Apple App Store heruntergeladen werden kann und für iOS-Geräte entwickelt wurde. Obwohl Sie die MyPay-App von Dish auch bei Google Play herunterladen können, musste Dish eigentlich eine zweite native Anwendung entwickeln, damit dies möglich ist.

Indem Sie zwei verschiedene mobile Anwendungen für ihre Kunden entwerfen und entwickeln müssen, können Sie einen großen Nachteil der nativen App-Entwicklung erkennen.

Ein eher budgetbewusster Anwendungstyp? Nicht progressive Webanwendungen. Die früheste Form von Webanwendungen, eine nicht progressive Webanwendung, ist eine Anwendung, die nicht aus einem App Store heruntergeladen werden muss; vielmehr ist es nur über das Internet zugänglich.

Es sieht aus und fühlt sich an wie eine App, aber es ist wirklich nur eine Website mit erweiterten Funktionen. Beachten Sie, dass das Beispiel der nicht progressiven Webanwendung im obigen Bild, Evolve Vacation Rentals, sicher, reaktionsschnell und elegant ist – aber nicht als PWA betrachtet wird.

Damit eine webbasierte Anwendung als progressive Webanwendung betrachtet werden kann, muss laut Google Folgendes für die Anwendung gelten:

• Progressiv . Es muss in allen Browsertypen funktionieren, nicht nur in IE oder Chrome.
• Ansprechbar . Die App muss für alle modernen Telefone, Tablets und technischen Geräte der Zukunft geeignet sein.
• Unabhängig . Es muss in der Lage sein, offline oder mit einer schwachen Netzwerkverbindung zu arbeiten.
• App-artig . Die Anwendung verwendet Navigation und Styling im App-Stil.
• Frisch. Immer aktuell.
• Sicher. Wird Benutzern über die Transportschichtsicherheit bereitgestellt oder häufiger als HTTPS-URL bezeichnet.
• Auffindbar. Auffindbar über eine Suchmaschine.
• Wiedereinschaltbar. Möglichkeit, Anwendungsbenutzer über die Plattform erneut anzusprechen (z. B. Push-Benachrichtigungen).
• Installierbar. Benutzer können die App über den App Store auf ihrem Startbildschirm installieren, um einen einfachen und bequemen Zugriff zu ermöglichen.
• Verknüpfbar. Die App kann über eine URL mit anderen geteilt werden.

Funktionen progressiver Web-Apps

Google hat seine Klassifizierungen dafür, was eine Webanwendung zu einer progressiven Webanwendung macht, aber Sie fragen sich vielleicht, wie eine Person feststellen kann, ob eine Webanwendung progressiv ist, ohne eine Checkliste zur Hand zu haben? Um genau das tun zu können, gehen wir die wichtigsten Funktionen einer PWA durch.

Sichere Kontexte (HTTPS)

Es ist schwierig, eine Anwendung als progressiv zu bezeichnen, wenn sie nicht den neuesten und besten Datensicherheitsstandards entspricht. Sichere Kontexte sind ein Sicherheitsstandard, der Website-Benutzern ein gewisses Maß an Vertrauen bietet und darauf hindeutet, dass die von ihnen verwendete Webanwendung Inhalte auf sichere Weise bereitstellt.

Wie es sich für jede Website im Jahr 2020 bewährt hat, besteht ein Hauptmerkmal von PWAs darin, dass sie TSL/SSL-verschlüsselt sind, um sichere Kontexte zu gewährleisten. Um schnell festzustellen, ob eine Webanwendung gesichert ist, suchen Sie einfach nach HTTPS in der Seiten-URL.

Wenn Sie eine Webanwendung verwenden, die keine HTTPS-Verbindung hat, kann sie nicht als PWA betrachtet werden.

Quelle

Servicemitarbeiter

In der Fachsprache ist ein Servicemitarbeiter nicht die Person, die Ihnen Ihr Essen zum Mitnehmen überreicht – aber bleiben wir bei dieser Analogie!

Angenommen, Sie sind in einem Restaurant und der Strom fällt aus. Wenn Sie nach wie vor hungrig sind, müssen Sie Salat oder kalte Suppe essen. Was ein Servicemitarbeiter jedoch tut, ist, dass er den Cache verwendet, um sicherzustellen, dass Ihre Erfahrung niemals leidet. Oder besser gesagt, ein Servicemitarbeiter sorgt dafür, dass Sie trotzdem eine warme Mahlzeit bekommen.

Aus Sicht der PWA-Benutzererfahrung bedeutet dies, dass Sie es nicht bemerken werden, wenn Sie in der App navigieren und die Internetverbindung verlieren. Oder wenn Sie schon einmal bei dieser PWA waren, wird Ihre Erfahrung extrem schnell geladen – als hätten Sie Ihr Abendessen im Voraus bestellt.

Wie ist das möglich? Mit einer kleinen JavaScript-Datei ist alles. Fortgeschrittenere Servicemitarbeiter können sogar mit Push-APIs verbunden werden, sodass PWAs Push-Benachrichtigungen an Benutzer senden können, um sie zu beschäftigen.

Manifest-Dateien

Um eine individuellere Benutzererfahrung zu schaffen, nutzen PWAs häufig Manifestdateien. Kurz gesagt, eine Manifestdatei ist eine Datei, die Metadaten für eine Gruppierung von Dateien enthält, die Teil einer einzelnen Einheit sind.

Im Wesentlichen werden Metadateien häufig verwendet, um Webbrowsern mitzuteilen, wie sich eine PWA-App verhalten soll, wenn sie auf einem bestimmten Gerät geöffnet wird. Durch Erstellen einer Manifestdatei für eine PWA kann ein Entwickler ein Standard-App-Symbol oder eine Splash-Screen-Farbe festlegen. Ein Entwickler könnte auch dafür sorgen, dass eine Anwendung in einem Browserfenster im Vollbildmodus geöffnet wird, um auf einem bestimmten Gerät ein „App-ähnlicheres“ Erlebnis zu schaffen.

Quelle

Vorteile von PWAs

Sicher, es gibt Vorteile für alle Arten von Anwendungen. Bart Deferme, Director of Agile Product Development bei Spire Digital, sagt:

„Verschiedene Arten von Anwendungen sind in verschiedenen Anwendungsfällen für verschiedene Organisationen von Vorteil. Native Anwendungen sind ideal für Organisationen, die wissen, dass ihre Benutzer eine native Anwendung einer PWA oder einer nicht progressiven Webanwendung vorziehen würden. Aber für Unternehmer, die versuchen, einen Proof of Concept zu erhalten durch die Einführung eines schlanken MVP, einer nicht progressiven Webanwendung oder einer PWA sind kostenfreundlichere Wege.“

Denken Sie daran, dass es immer Anwendungsfälle gibt, in denen verschiedene Arten von Anwendungen die beste Lösung sind. Hier sind die allgemeinen Vorteile einer progressiven Webanwendung gegenüber einer anderen Art von Anwendung:

Auffindbar

Google erhält 3,5 Milliarden Suchanfragen pro Tag und ist damit die größte Suchmaschine der Welt. Man kann mit Sicherheit sagen, dass Menschen, die ein Problem oder eine Frage haben, Google fragen. Dies stellt eine großartige Gelegenheit für Organisationen dar, die PWAs bereitstellen, da sie zusätzlich zu einem App Store im Web leben können. Dies erleichtert es den Menschen, eine PWA im Vergleich zu anderen Anwendungen zu finden.

Die Auffindbarkeit von PWA ist ein großer Vorteil, da Benutzer dort suchen können, wo sie am häufigsten suchen, Antworten erhalten und Aktionen an einem Ort ausführen können. Mit einer PWA müssen sie nicht umständlich eine ganze Anwendung herunterladen und zusehen, wie das Download-Rad eines App-Stores langsam auf „100 %, Download abgeschlossen“ rollt.

Installierbar

Wenn ein Benutzer eine PWA wirklich gerne verwendet oder sie einfach häufig verwendet, muss er sie nicht auf seinem Computer und in seinem Mobiltelefonbrowser markieren, wie er es bei einer nicht progressiven Webanwendung tun würde. Eine einfache Reise zum App Store und den Benutzern ermöglicht es den Benutzern, in der gleichen Zeit wie bei einer typischen nativen Anwendung auf ihre bevorzugten PWAs zuzugreifen.

Verknüpfbar

Es ist viel einfacher, einen Link zu Ihrer Lieblingsanwendung mit einem Freund zu teilen, als Ihrem Freund zu sagen, er solle im App Store nach dieser einen App suchen. Links können einfach per E-Mail, Social-Media-DMS usw. geteilt werden. Verknüpfbarkeit und Auffindbarkeit sind zwei PWA-Vorteile, die synchron funktionieren und die Zeit, die ein Erstbenutzer benötigt, um Zugriff auf eine Anwendung zu erhalten, und auch den Zeitaufwand verringern der Zeit, die ein Superuser benötigt, um die App mit Freunden oder potenziellen Benutzern zu teilen.

Netzwerkunabhängig

Netzwerk shmetwork. Wir werden niemals in der Lage sein, überall auf der Welt volle Bars zu bekommen. Aber andererseits brauchen wir keine vollen Balken, um eine PWA zu betreiben, oder?

Progressive Webanwendungen ermöglichen es Benutzern, ihre Lieblingsmusik auf dem Weg durch einen Tunnel zu hören, und ermöglichen es Telekommunikationsmitarbeitern, während eines stadtweiten Stromausfalls über einen Ausfall der Stromleitung benachrichtigt zu werden. Ohne dass jederzeit eine starke Netzwerkverbindung erforderlich ist, bieten PWAs eine zuverlässigere Benutzererfahrung für alle Benutzergruppen.

Reaktionsschnell

Wollten Sie schon immer Wörter mit Freunden spielen, während Sie versuchen, bei einem Zoom-Anruf interessiert auszusehen? Wenn Words with Friends eine PWA statt einer nativen Anwendung wäre, könnten Sie dies tun (das ist übrigens eine großartige Idee, bitte jemand, der das möglich macht). PWAs ermöglichen eine nahtlose Benutzererfahrung, unabhängig vom Geräte- oder Browsertyp. Das bedeutet, dass Sie Ihr Telefon oder Ihren Laptop nicht immer zur Hand haben müssen, um Ihre bevorzugte native oder nicht progressive Anwendung zu verwenden.

Ein weiterer Vorteil der Reaktionsfähigkeit besteht darin, dass Organisationen auch nicht mehrere Anwendungen für mehrere Benutzergruppen erstellen müssen. Ihre Laptop-Benutzer und Ihre Mobiltelefon-Benutzer können alle mit der Bereitstellung einer einzigen App zufrieden sein – einer PWA. Dieser Vorteil ist in der Regel eines der besten Verkaufsargumente einer PWA, da Unternehmen dadurch Unsummen an IT- und Marketingausgaben sparen.

Sicher

Besonders bei der Verwendung einer Finanz-, Gesundheits- oder Versicherungsanwendung möchten Benutzer wissen, dass nicht irgendein Typ auf den Caymans auf ihre persönlichen Daten zugreift. Einfacher ausgedrückt: Sicherheit schafft Vertrauen bei den Benutzern. Sichere Kontexte und URL-Verschlüsselungen ermöglichen es PWAs, sowohl Ihren Benutzern als auch den Google-Suchbots Sicherheit zu geben.

Wie bereits erwähnt, empfiehlt es sich, für alle URLs Ihrer Organisation – einschließlich Webanwendungen – eine SSL-Verschlüsselung zu verwenden. Wenn Sie Ihre Webanwendung nicht sichern, hat Google immer wieder erklärt, dass die Leistung Ihrer Webanwendung auf Suchergebnisseiten negativ beeinflusst wird.

Quelle

Fazit

Denken Sie darüber nach: Die Welt steuert auf eine Blade-Runner-Realität zu, in der Menschen bald 24 Stunden am Tag mit Software verbunden sein werden (falls Sie es nicht bereits sind). Um der Tech-Kurve einen Schritt voraus zu sein und den höchsten ROI zu erzielen, müssen Sie in Software mit dem größten langfristigen Wert investieren.

Native Anwendungen werden für bestimmte Geräte in bestimmten Sprachen erstellt, wodurch die Anwendungserfahrung nicht mehr reagiert und die Codebasis weniger wiederverwendbar ist. Der Code von nicht-progressiven Webanwendungen kann für die Erstellung anderer Anwendungen wiederverwendet werden, aber nicht-progressive Webanwendungen werden nur für bestimmte Browser erstellt. Sie können auch nicht aus einem App Store heruntergeladen werden.

PWAs sind die zukunftssicherste Art der Anwendung, da sie:

• Erkennbar über Web oder App Store
• Reaktionsschnell und bereit für jeden Browser
• Unabhängig von der Netzwerkverbindung
• Sicher und verschlüsselt
• Und mehr

Jetzt, da Sie ein besseres Verständnis für eine PWA haben, können Sie Ihren Anwendungsfall besser untersuchen und bestimmen, welche Art von Anwendung den Anforderungen Ihres Unternehmens entspricht. Wenn Sie dies noch nicht getan haben, sprechen Sie mit Ihren Kunden, um ihre Wünsche und Bedürfnisse herauszufinden, und wählen Sie dann eine zu erstellende Anwendung aus, die den größten langfristigen Wert für Ihr Unternehmen bietet.

Passt eine PWA zu Ihrem Unternehmen? Wer weiß. Aber es ist nie eine schlechte Idee, alle Ihre Anwendungsmöglichkeiten besser zu verstehen.

Erhalten Sie ein tieferes Verständnis für andere Einblicke in die App-Entwicklung im Info-Hub zur App-Entwicklung von G2.