Wie schneiden progressive Web-Apps wirklich im Vergleich zu nativen Apps ab?

In den letzten zehn Jahren ist die Zahl der Menschen, die mobile Geräte für den Zugriff auf das Internet verwenden, sprunghaft angestiegen.

Tatsächlich konsumieren Menschen jetzt doppelt so viele Inhalte auf Mobilgeräten wie auf Desktops. Unternehmen und Website-Eigentümer sollten sich 2020 darüber freuen, da die Möglichkeit, mobile Benutzer zu erreichen und zu binden, immer größer wird.

Es gibt mehrere effektive Möglichkeiten, „mobile first“ zu gehen und ein mobiles Erlebnis zu schaffen, das die Erwartungen moderner Benutzer wirklich erfüllt. Erstens gibt es responsives Webdesign, das ein mobilfreundliches Weberlebnis schafft, das offen gesagt das absolute Minimum ist.

Dann gibt es native mobile Apps, die Benutzer aus den App Stores herunterladen und zum Startbildschirm ihrer Mobilgeräte hinzufügen können. Apps sind eine bessere mobile UX und können die Funktionen des Geräts effektiver nutzen, obwohl ihre Erstellung traditionell teuer und zeitaufwändig ist.

Vor kurzem haben wir den Eintritt von Progressive Web Apps (PWAs) in die Arena gesehen, die einen Ansatz auf halbem Weg zwischen mobilen Websites und mobilen Apps verfolgen. Lassen Sie uns einen genaueren Blick auf sie werfen und sehen, wie sie sich stapeln.

Was ist eine Progressive-Web-App?

Progressive Web Apps sind etwas zwischen einer responsiven Website und einer mobilen App.

Es handelt sich um mobile Websites, die mit modernen JavaScript-Frameworks erstellt wurden und so konzipiert sind, dass sie wie eine native App funktionieren. Sie können mit einem Symbol zum Startbildschirm eines Mobilgeräts hinzugefügt werden. Wie Apps bieten sie ein Vollbilderlebnis, um Benutzer einzubeziehen. Sie sind jedoch immer noch nur eine Website, wenn sie geöffnet werden. Mit der Entwicklung von Service Workers erhalten PWAs einige weitere Vorteile gegenüber nativen Apps, diese Vorteile sind jedoch immer noch begrenzt, insbesondere unter iOS.

Google definiert PWAs als Weberlebnisse, die:

• Zuverlässig – Laden Sie sofort und zeigen Sie niemals eine Website als ausgefallen an, selbst bei unsicheren Netzwerkbedingungen.
• Schnell – Reagieren Sie schnell auf Benutzerinteraktionen mit seidenweichen Animationen und ohne ruckartiges Scrollen.
• Ansprechend – Fühlen Sie sich wie eine natürliche App auf dem Gerät mit einem immersiven Benutzererlebnis.

Die SD Times berichtete, dass Todd Anglin, VP of Product and Developer Relations bei Progress, der Ansicht ist, „dass es bei PWAs darum geht, das Web zu einer zuverlässigeren und angenehmeren Erfahrung zu machen, aber es wird immer eine Kategorie von Apps geben, die am besten von nativen Anwendungen bedient werden “.

Dies führt uns zu einigen Fragen (und Antworten) für Geschäftsinhaber, die versuchen zu entscheiden – „was das Beste für mein Unternehmen ist:
Wie schneiden progressive Web-Apps wirklich im Vergleich zu nativen Apps ab?“

Progressive Web Apps vs. native Apps: Was ist der Unterschied?

Die Frage scheint einfach zu beantworten: Gibt es einen Unterschied zwischen progressiven Web-Apps (PWAs) und nativen Apps? (Ja.) Wenn ja, was sind diese Unterschiede und wie entscheiden Sie sich zwischen einer nativen App und einer progressiven Web-App für die mobile Präsenz Ihres Unternehmens? (Kommt darauf an.)

Lassen Sie uns etwas mehr in die Tiefe gehen und die wichtigsten Unterschiede zwischen PWAs und nativen Apps aufschlüsseln.

1. Installation
2. Plattformübergreifende Verfügbarkeit
3. Offline-Nutzung
4. Speicher, Daten und Strom
5. Aktualisierung
6. Entdeckung
7. Mitteilungen
8. Sicherheit
9. Gerätefunktionen
10. Kosten

1. Einbau

Ein wesentlicher Unterschied zwischen PWAs und nativen Apps ist die Art und Weise, wie der Endbenutzer auf sie zugreift.

Native Anwendungen werden über einen App Store wie Google Play oder den iOS App Store von Apple gefunden und installiert. App Stores fungieren als riesiges Einkaufsfenster, das Tor zu allen Diensten und Inhalten, die Menschen auf ihren Mobilgeräten nutzen.

Menschen nutzen die App Stores, um nach Lösungen für ihre Probleme zu suchen, ähnlich wie sie Google im mobilen Web verwenden.

Die Möglichkeiten für App-Besitzer sind beträchtlich. Wenn Sie bei der App Store-Optimierung (ASO) gute Arbeit leisten, können Sie Ihre Marke neuen Benutzern vorstellen, die nach verwandten Schlüsselwörtern suchen. Wenn Sie eine bestehende Marke haben, können Sie sich darauf verlassen, dass die Leute Sie auch in den Geschäften aufsuchen, was heutzutage häufig vorkommt, da Apps eine moderne Verbrauchererwartung für digitale Unternehmen sind.

Nach der Installation erscheint die App auf dem Startbildschirm des Benutzers mit einem erkennbaren Symbol und einer Textbezeichnung, die die Aufmerksamkeit des Benutzers auf sich ziehen kann, während er durch seinen Startbildschirm scrollt. Es handelt sich wirklich um wertvolle Immobilien.

Das alles bedeutet, dass Sie, wenn Sie eine native App entwickeln, diese Google und Apple zur Prüfung vorlegen müssen. Insbesondere Apple hat ziemlich strenge Anforderungen und es wird einige Anstrengungen erfordern, um es auf ihre Standards vorzubereiten. Dann liegt es am Benutzer, die App zu finden, die Beschreibung und Bewertungen zu lesen und festzustellen, ob es sich lohnt, sie auf seinem Gerät zu installieren.

PWAs hingegen helfen Ihnen, den Prozess der Einreichung im App Store zu vermeiden. Stattdessen werden PWAs im Browser des Mobilgeräts ausgeführt. Die Financial Times PWA ist ein gutes Beispiel dafür:

Wie Sie in diesem Beispiel sehen können, sieht die PWA der Financial Times sehr ähnlich aus, wie Sie es von einer App erwarten würden.

Benutzer greifen auf eine PWA zu, indem sie einfach die URL in den mobilen Browser eingeben. Wenn Benutzer das Konzept von PWA nicht kennen, werden sie möglicherweise überrascht sein, auf eine verkürzte Version der Website zu stoßen, obwohl sie ein Erlebnis erwartet haben, das das der regulären Website widerspiegelt.

Sobald sie es jedoch entdeckt haben, ist es (theoretisch) einfach genug, die PWA auf dem Startbildschirm zu speichern und dort zu finden, genau wie sie es mit einer nativen App tun würden.

Das einzige Hindernis, auf das Ihre Benutzer stoßen könnten, besteht darin, zu wissen, wie sie es zum Startbildschirm hinzufügen können. PWAs sind noch relativ neu, und das Konzept, dem Startbildschirm des Geräts eine „Website“ hinzuzufügen, ist für den durchschnittlichen Webbenutzer nicht die Norm. Dies steht im Gegensatz zu der Idee, eine mobile App aus dem App Store oder Google Play zu installieren, die fast jeder kennt.

Allerdings fordern die neuesten Android-Versionen Benutzer auf, eine PWA zu installieren (wie Sie im obigen Bild sehen können), während iOS sich dafür immer noch auf die alte Aktion „Zum Startbildschirm hinzufügen“ verlässt.

Unter iOS muss Ihr Benutzer die URL Ihrer PWA in Safari aufrufen und dann manuell auf „Teilen“ drücken und dann auf „Zum Startbildschirm hinzufügen“ tippen. Es gibt keinen visuellen Hinweis darauf, dass Ihre Website eine progressive Web-App ist. Wie Sie sich vorstellen können, ist es dadurch etwas schwierig, iOS-Benutzer zur Installation zu bewegen.

2. Plattformübergreifende Verfügbarkeit

Da Entwickler eine App normalerweise speziell für iOS- oder Android-Benutzer entwerfen, stellt dies sicher, dass das Erlebnis innerhalb der nativen App auf jede Plattform zugeschnitten ist. Entwickler müssen sich weniger Gedanken über die Cross-Browser- oder Plattformkompatibilität machen und müssen sich mehr darum kümmern, ihre App für ein bestimmtes mobiles Gerät zu gestalten. Dies hat natürlich Ausnahmen, z. B. wenn Sie Hybrid-Apps erstellen oder ein plattformübergreifendes Framework wie React Native verwenden.

Progressive Web-Apps hingegen verfolgen in der Regel einen anderen Ansatz.

Sie werden von vielen großen Marken wie Twitter, Forbes und Flipboard (neben ihren nativen App-Angeboten) genutzt und haben sich aus der Webtechnologie entwickelt, die seit Jahren im Spiel ist. (Allerdings wurde der Begriff „Progressive Web App“ erst 2015 von der Designerin Frances Berriman und dem Google Chrome-Ingenieur Alex Russell geprägt.)

Entwickler erstellen die responsive Instanz der PWA, veröffentlichen sie und überlassen es dann dem Browser des Benutzers, sie innerhalb der Parameter des Bildschirms korrekt anzuzeigen. Es muss nur eine App entwickelt werden, und dank moderner Webtechnologien können Benutzer mit einer Vielzahl von mobilen Browsern mit der App interagieren.

Der einzige bemerkenswerte Punkt hier ist jedoch, dass die Benutzeroberfläche der PWA normalerweise versucht, ein Gleichgewicht zwischen dem zu finden, was Sie auf einer responsiven Website finden würden, und dem, was Sie in einer nativen App finden würden. Hier ein Beispiel aus der FT PWA:

Mit nativen Apps haben Entwickler die Möglichkeit, ein benutzerfreundlicheres Erlebnis zu schaffen, da die App speziell auf die Struktur einer mobilen App ausgelegt ist.

Bei PWAs hingegen kann die Zeit- und Kostenersparnis erheblich sein, da eine einzige Web-App sowohl auf iOS als auch auf Android geladen werden kann (und Browser wie Firefox auch auf anderen Systemen!).

Es gibt jedoch auch Möglichkeiten, plattformübergreifende mobile Apps einfach zu erstellen. Mit MobiLoud Canvas können Sie bei Google Play und im App Store starten, indem Sie Ihre vorhandene Website in iOS- und Android-Apps konvertieren. Es bietet Ihnen alle Vorteile nativer mobiler Apps mit der Effizienz einer PWA – dazu später mehr. Kommen wir zum nächsten Punkt.

3. Offline-Nutzung

Eines der großartigen Dinge, die mobile Apps für den Endbenutzer tun können, besteht darin, ihnen die Möglichkeit zu geben, auf die gewünschten Informationen zuzugreifen, ohne mit dem Internet verbunden zu sein.

Was früher den Apps vorbehalten war, hält nun auch Einzug ins Web. Eine PWA ist eine webbasierte App, die auf Ihrem System installiert wird und nach Möglichkeit offline unter Verwendung von zwischengespeicherten Daten funktioniert.

Service Worker sind die wichtigste Technologie, die eine Offline-Nutzung in PWAs ermöglicht. Service Worker sind im Grunde JavaScript-Dateien, die unabhängig von der Web-App selbst ausgeführt werden.

Sie tragen zur Verbesserung der Leistung und der Funktionen bei, indem sie Netzwerkanfragen bearbeiten, App-Ressourcen zwischenspeichern (und zwischengespeicherte Ressourcen abrufen) und vor allem Push-Nachrichten aktivieren, selbst wenn der Benutzer nicht online ist.

Wie Sie sich vorstellen können, gibt es hier einen Kompromiss.

Eine PWA kann Benutzern bestimmte Teile der App bereitstellen, wenn ihr Gerät keine Verbindung zu einem Netzwerk herstellen kann. Eine PWA kann ihnen jedoch nicht alle Teile der App bereitstellen; Insbesondere wird alles, was nicht Teil des natürlichen Caching-Systems der Seite ist, offline sein, bis die Verbindung wiederhergestellt ist. Wenn ein Benutzer also ein Kontaktformular an Forbes senden oder eine Reservierung bei Trivago vornehmen wollte, wäre ihm dies nicht möglich.

Native Apps gewinnen in dieser Kategorie definitiv. Obwohl es großartig ist, dass die Technologie von PWAs aufholt und Benutzern den Zugriff auf zwischengespeicherte Inhalte ermöglicht, sind sie noch nicht ganz an dem Punkt, an dem sie ein mobiles Gerät anzapfen können, um in Verbindung zu bleiben, egal was passiert.

4. Speicher, Daten und Strom

Wenn eine native App auf einem mobilen Gerät installiert wird, ruft sie direkt von den Ressourcen des Geräts ab.

Bei „schwereren“ Apps, mit denen Benutzer häufig interagieren oder die sie ganz vergessen zu schließen, kann der Ressourcenverbrauch in Bezug auf Strom/Akku, Speicherplatz und mobile Datennutzung erheblich sein.

PWAs können auch ähnliche Entwässerungsprobleme verursachen. Die Safari-App verursacht fast so viel Belastung wie die am häufigsten verwendeten Apps auf dem Telefon. Worauf es wirklich ankommt ist:

• Wie gut die App codiert ist
• Wie viele Ressourcen die App aufruft
• Die tatsächliche Nutzung durch den Benutzer

Wenn Sie versuchen, ein Publikum zu erreichen, das in einer Region lebt, in der Datennetze tendenziell teurer sind und die Benutzer nicht dafür bezahlen können, ist eine PWA die beste Option.

Google hebt hervor, dass Konga die Datennutzung um 92 % gesenkt hat, als sie ihre mobile Website in eine PWA umgewandelt haben. Eine PWA zu haben, die nicht viele Daten verbraucht, war unerlässlich, da fast zwei Drittel der nigerianischen Benutzer (Kongas Heimatmarkt) mobil über 2G-Netze auf das Internet zugreifen.

Einige native Apps können auch für die Offline-Nutzung funktionieren und Inhalte speichern, was bei unregelmäßigen Verbindungen hilfreich sein kann (aber nicht so sehr, wenn Daten teuer sind).

5. Aktualisierungen

Bei Apps gibt es zwei Seiten, von denen Updates eingesehen werden können: die Sicht des Benutzers und die des Entwicklers.

Zum größten Teil gibt es für Benutzer wirklich nichts zu tun, wenn es darum geht, native oder progressive Web-Apps zu aktualisieren.

Es kann vorkommen, dass eine native App ein manuelles Update erfordert, aber zum größten Teil ist der Prozess automatisiert und die Benutzer werden kaum erkennen, wann ein Update durchgeführt wurde.
Für Ihre Endbenutzer wird dies keinen großen Unterschied machen, da die meisten Updates unbemerkt bleiben.

6. Entdeckung

Für native Apps gibt es zwei Möglichkeiten, in den Suchergebnissen angezeigt zu werden.

• Innerhalb der App Stores
• Bei Suchmaschinen

Beides hängt jedoch von einigen oberflächlichen Faktoren ab, da die Seiten der App selbst nicht indexiert und in Suchmaschinen gelistet werden können. Stattdessen müssen Sie die sogenannte App Store Optimization (ASO) durchführen. Dies beinhaltet Taktiken zur Optimierung der App-Suche wie:

• Identifizieren Sie ein häufig gesuchtes Schlüsselwort (im App Store), das auf Ihre mobile App zutrifft, und fügen Sie es in Ihren App-Titel und Ihre Beschreibung ein.
• Verwenden Sie einen aussagekräftigen Titel/Überschrift, der Ihr ausgewähltes Keyword enthält.
• Entwickeln Sie eine knackige und dennoch durchdachte Beschreibung Ihrer App. Sie möchten App-Store-Benutzer schnell ansprechen, aber auch sicherstellen, dass sie verstehen, was sie von der App-Erfahrung profitieren. Stellen Sie sicher, dass das Schlüsselwort auch hier enthalten ist!
• Kundenbewertungen spielen eine große Rolle für den Gesamterfolg einer nativen App, was bedeutet, dass sie auch bei SEO berücksichtigt werden. Scheuen Sie sich nicht, sich mit aktuellen Benutzern in Verbindung zu setzen und sie zu bitten, Ihnen eine Bewertung zu hinterlassen (was Sie mit Push-Benachrichtigungen tun können).
• Sie werden auch sehen wollen, dass die Download-Zahl ebenfalls steigt. Im Vergleich zu konkurrierenden Apps, die nicht so viele Downloads haben oder nicht so gut bewertet werden, hilft Ihnen diese Form des sozialen Beweises, neue Benutzer zu gewinnen.

Der App Store wird auch eine große Hilfe dabei sein, den Verkehr zu Ihrer neuen App zu lenken, wenn Sie die Kategorisierungsfunktion gut nutzen. Je nischerspezifischer und spezifisch gekennzeichneter Ihre App ist, desto relevanter sind die Suchergebnisse in den App-Stores, in denen sie erscheint.

Andererseits wird eine progressive Web-App in Bezug auf Web-SEO gut abschneiden, da sie wie jede andere Website funktioniert, auf die Sie online stoßen, und ihre Inhalte von Google und Bing indiziert werden.

Wie Sie in diesem Beispiel sehen können, sieht die PWA der Financial Times genauso aus wie jedes andere Suchergebnis, das Sie sehen würden. Es enthält auch Links zu relevanten Seiten innerhalb der App.

Cleveroad hebt hervor, dass diese Gelegenheit zur sofortigen Nutzung von PWA dazu führen kann, dass ein höheres Verkehrsvolumen Ihre PWA erreicht als Ihre mobile App in einem App Store anfänglich.

7. Push-Benachrichtigungen

Push-Benachrichtigungen sind einer der Hauptgründe, warum viele Websitebesitzer und Unternehmen eine mobile App erstellen.

Sie ziehen deutlich mehr Engagement an als herkömmliche Methoden wie E-Mail. Berichte zeigen, dass Push-Benachrichtigungen in bestimmten Branchen bis zu 40 % Klickraten (CTRs) erreichen können, während E-Mails normalerweise etwa 20–25 % Öffnungsraten mit CTRs von etwa 3–6 % erzielen .
Zusammenfassend lässt sich sagen, dass eine effektive Push-Benachrichtigungsstrategie zu mehr Interaktion mit Ihren Inhalten und Ihrer mobilen App führt!

Sie können die für Push-Benachrichtigungen erforderliche Funktionalität von Grund auf neu erstellen oder vorhandene Push-Benachrichtigungslösungen einfach in eine native App integrieren, indem Sie einen Push-Benachrichtigungsdienst eines Drittanbieters wie Google Firebase, PushBots oder OneSignal verwenden.

Dank der Entwicklung von Service Workern können Sie Push-Benachrichtigungen auch in Progressive Web Apps verwenden.

Zu diesem Zeitpunkt ist die Unterstützung von Push-Benachrichtigungen jedoch noch auf Chrome, Firefox und Opera und Mac Safari beschränkt und vor allem nicht auf iOS verfügbar. Das bedeutet, dass Sie mit der Verwendung von Push-Benachrichtigungen beginnen können, um Ihr Publikum mit einer PWA auf Android anzusprechen, aber wenn Sie dasselbe mit Ihren iOS-Besuchern tun möchten, müssen Sie warten.

Sie sollten sich auch nicht darauf verlassen, dass Apple und iOS dies in naher Zukunft unterstützen, da sie Benachrichtigungen im Allgemeinen schlecht sehen.

PWAs machen definitiv Fortschritte, wenn es um Push-Benachrichtigungen geht, aber Native Apps sind in dieser Kategorie klar führend. Native Apps können Push-Benachrichtigungen sowohl auf iOS- als auch auf Android-Geräten unterstützen, was sie zur richtigen Wahl für jeden Websitebesitzer macht, der sein Publikum über dieses leistungsstarke Medium ansprechen möchte.

8. Sicherheit

Sicherheit und Datenschutz sind im Jahr 2020 von entscheidender Bedeutung, und Unternehmen benötigen, dass ihre mobilen Apps sicher sind, ihre Benutzerdaten schützen und auch DSGVO-konform sind.

Native Apps können eine sichere Lösung sowohl für den App-Eigentümer als auch für die Benutzer sein. Es ist einfacher, die mehrstufige Authentifizierung in einer nativen App als in einer PWA zu verwenden, was nützlich ist, wenn eine App über eine Anmeldefunktion verfügt. Multi-Faktor-Authentifizierung fügt nativen Apps eine große Sicherheitsebene hinzu.

Native Apps können auch das Anheften von Zertifikaten verwenden , um bestimmte Arten von Angriffen zu verhindern, die In-Browser-Apps wie PWAs nicht emulieren können. Trotz dieses Vorteils für native Apps werden PWAs immer noch über HTTPS bereitgestellt, was eine Browser-zu-Server-Verschlüsselung ermöglicht. Solange der Websitebesitzer eine sichere Umgebung für die PWA geschaffen hat, kann sie genauso sicher sein wie jede andere Website.

Um Ihre native App jedoch in den iOS- und Android-Google Play- und iOS-App-Stores zu veröffentlichen, müssen sie zuerst von Apple oder Google autorisiert werden. Apps, die klare Sicherheitsprobleme für Benutzer darstellen, werden höchstwahrscheinlich nicht akzeptiert, sodass eine App, die von diesen Quellen heruntergeladen wird, in den meisten Fällen vertrauenswürdig ist.

Obwohl es möglicherweise mehr Arbeit erfordert, die Sicherheitsfunktionen für native Apps zu erstellen, hat sie das Potenzial, dank der Möglichkeit, Sicherheitsfunktionen einzubauen, sicherer als PWAs zu sein. Sicherheit ist jedoch immer ein heikles Thema, wenn man etwas für das Web entwickelt. Sie können es sich nicht leisten, die Ursache für kompromittierte Daten zu sein, also wird dies auf Ihren Schultern liegen – native App oder PWA.

9. Gerätemerkmale

Eines der wichtigsten potenziell nützlichen Dinge beim Erstellen nativer mobiler Anwendungen für die Platzierung auf dem mobilen Gerät eines Benutzers ist die Fähigkeit, mit anderen Geräte-Apps und Telefonfunktionen zu synchronisieren.

Beispielsweise können native Apps Folgendes verwenden:

• Kamera
• GPS
• Geofencing (für Marketingzwecke)
• Beschleunigungsmesser
• Kompass
• Kontaktliste
• Alarm
• Kalender
• SMS- und Push-Benachrichtigungen
• Nahfeldkommunikation und mobiles Bezahlen

Die native DeeperBlue- App (erstellt mit MobiLoud News) bittet Benutzer um Erlaubnis, Push-Benachrichtigungen an ihre Mobilgeräte zu senden.

Im Gegensatz zu Browserfenstern, die diese Informationen nur einmal anfordern können, bevor sie vollständig blockiert werden, können Apps wie Deeper Blue den Benutzern die Möglichkeit bieten, sich zu einem späteren Zeitpunkt anzumelden, leicht zugänglich über ihre Einstellungen.

Progressive Web Apps können als Toolkit betrachtet werden, das Ihnen die Möglichkeit bietet, Gerätefunktionen zu nutzen, aber sie bieten nicht unbedingt einen bestimmten Satz von Funktionen.

Wie Peter O'Shaughnessy schreibt:

„Es ist [Ihre Wahl der PWA-Funktionen] nicht alles oder nichts; Sie können Rosinen auswählen. Wenn Sie beispielsweise keine Push-Benachrichtigungen einführen möchten, müssen Sie dies nicht tun! „

Progressive Web-Apps in ihrer einfachsten Form können den gleichen Einschränkungen unterliegen wie Standard-Websites, was bedeutet, dass Sie keinen Zugriff auf Gerätefunktionen hinzufügen müssen. Sie können einige Verbindungen herstellen, die über APIs hergestellt werden können (z. B. Anmeldungen in sozialen Medien), um die Benutzererfahrung zu verbessern, aber es gibt Einschränkungen.

Wenn Sie möchten, dass Ihre App von allen Gerätefunktionen profitiert, die native Apps können (z. B. Fingerabdruckscanner, GPS und Kamera), ist native möglicherweise immer noch die geeignetere Wahl. Für die meisten Unternehmen ist die Verwendung dieser Funktionen jedoch nicht erforderlich!

API-Integrationen können Benutzern auf einer PWA Funktionalität für andere Software eröffnen, aber es gibt ihnen nicht die Möglichkeit, ihre App mit ihrem Telefon zu synchronisieren, wie es eine native App tut.

10. Kosten

Abschließend kommen wir noch zu den Kosten und dem Zeitpunkt der Markteinführung.

Eine native App – wenn sie wirklich nativ ist – wird im Allgemeinen mit Java oder Kotlin für Android oder Objective-C oder Swift für iOS erstellt.

Der Nachteil dieses Ansatzes ist, dass er einen langen, manchmal langwierigen Entwicklungsprozess erfordert, der für jede Plattform dupliziert wird. Darüber hinaus fallen bei nativen Apps hohe Wartungskosten an. Native Apps kosten im Allgemeinen 50.000 bis 100.000 US-Dollar, um erste Versionen auf iOS und Android herauszubringen, und weitere 20 % davon jährlich für Wartung und Updates.

Sie werden auch mindestens mehrere Monate dauern, um sie zu bauen.

Es gibt plattformübergreifende Entwicklungsframeworks wie React Native, die helfen können, diese Nachteile auszugleichen, indem sie einen großen Teil des Codes zwischen iOS und Android wiederverwendbar machen.

Wenn Ihr Publikum gleichzeitig aus Benutzern auf beiden Plattformen besteht, müssen Sie entweder eine Untergruppe von Benutzern vollständig ignorieren oder die zusätzliche Last der dualen Entwicklung schultern.

Wenn Sie Ihre native App intern entwickeln, müssen Sie mit mindestens 2 zusätzlichen Einstellungen und vorhandener Zeit für das Kommentieren und Testen rechnen. Möglicherweise müssen Sie auch die Kosten für die Auslagerung der Entwicklung berücksichtigen, wenn Ihr Team nicht in der Lage ist, diese alleine zu bewältigen.

Mit diesen hohen Hürden wird die Entwicklung nativer Apps zu einer großen, riskanten Herausforderung für kleinere Unternehmen.

Die progressive Web-App ist im Grunde genommen eine Web-App, die auf verschiedene Arten erstellt wurde (obwohl React.js und andere ähnliche Frameworks sicherlich beliebt sind), mit dem Zusatz von Service-Workern.

Entwickler müssen viel von dem replizieren, was die nativen und mobilen SDKs bereits bieten, also bedeutet es immer noch, in Forschung und Entwicklung zu investieren, genau wie bei der nativen App-Entwicklung. Das Erstellen von PWAs ist jedoch erheblich einfacher als das Erstellen nativer Apps – und die Zeit- und Geldkosten spiegeln dies wider.

Warum nicht beide?

Es gibt zahlreiche andere wichtige Faktoren bei der Entscheidung zwischen nativer App und progressiver Web-App – wie Leistung, Qualität des Designs und so weiter. Vieles davon läuft jedoch auf die Qualität der Codierung hinaus; nicht, ob die App nativ ist oder in einem Webbrowser vorhanden ist. Wenn Sie mehr über progressive Web-Apps erfahren möchten, sehen Sie sich unseren ausführlichen Leitfaden mit 50 PWA-Beispielen an.

Wenn es an der Zeit ist, eine Entscheidung zu treffen, stellen Sie sicher, dass Ihre Wahl des Entwicklungspfads (sowie des Entwicklers) mit all diesen Erwartungen übereinstimmen kann.

Wenn Ihre Benutzer aufgrund der wahrgenommenen hohen Kosten für deren Erstellung auf eine Erfahrung verzichten, die für die native App (wie Push-Benachrichtigungen oder Geofencing) von entscheidender Bedeutung ist, müssen Sie möglicherweise Ihr Budget als das Geld überdenken, das für eine PWA im Vergleich zu einer nativen App ausgegeben wird könnte am Ende eine Verschwendung sein. Auf der anderen Seite – müssen Sie angesichts der hohen Kosten wirklich eine native App von Grund auf neu erstellen? Müssen Sie den Beschleunigungsmesser und die Gesichtserkennung des Telefons verwenden?

MobilLoud

Wenn Sie eine Möglichkeit suchen, das, was Sie bereits für das Web erstellt haben, in eine native App-Form zu übersetzen und die wichtigsten damit verbundenen Vorteile zu nutzen, gibt es einen besseren Weg – die Umwandlung Ihrer Website in native mobile Apps.

Unsere Plattformen News (für WordPress-basierte digitale Publisher), Commerce (für WooCommerce-Shops) und Canvas (für jede Website oder Web-App) – bieten Ihnen die Vorteile sowohl nativer Apps als auch PWAs.

Sie erhalten alle wichtigen nativen App-Funktionen zu einem viel geringeren Preis, der eher dem entspricht, was Sie für eine PWA ausgeben würden. Es ist das Beste aus beiden Welten. Wenn Sie MobiLoud zum Erstellen mobiler Apps verwenden, haben Sie möglicherweise noch genügend Ressourcen übrig, um auch eine PWA zu erstellen!

Alle unsere Lösungen sind im Kern ein Konvertierungsprozess. Sie nehmen Ihre vorhandene Website oder Web-App und verwenden dann unsere Plattform, um sie in native Apps für iOS und Android umzuwandeln.

Während MobiLoud oft zum Konvertieren von WordPress-Sites in mobile Apps verwendet wird, funktioniert Canvas tatsächlich perfekt mit jeder Site. Canvas kann die Funktionalität jedes WordPress-Plugins integrieren – so können Sie PeepSo-Apps, LearnDash-Apps und mehr erstellen. Aber es eignet sich auch hervorragend zum Erstellen von mobilen Bubble-Apps, Webflow-Apps, Wix-Apps, Squarespace-Apps – und allem dazwischen!

Die Apps sind in weniger als zwei Wochen einsatzbereit, für weniger als 10 % dessen, was Sie für die traditionelle native Entwicklung ausgeben würden. Sehen Sie sich News, Canvas oder Commerce genauer an oder vereinbaren Sie einen Beratungstermin mit einem unserer App-Berater, um mehr zu erfahren.

Fazit

Da sich die Technologie verbessert, sind definitiv einige gute Anwendungsfälle für PWAs entstanden. Zum Beispiel sind große Social-Media-Sites ein gutes Beispiel für etwas, das sich gut als PWA eignen würde. PWAs wie Twitter Lite und Pinterest zeigen beide, wie Sie Ihr mobiles Web-Erlebnis fast auf das Niveau Ihrer nativen App bringen können, was in Märkten mit schlechter oder teurer Konnektivität hilfreich sein wird.

Mit einer nativen App können Sie den Benutzern jedoch ein stets verfügbares und wirklich personalisiertes Erlebnis bieten. Es ist die einzige Lösung, die Websitebesitzern einen völlig neuen Kanal mit Push-Benachrichtigungen bietet, der sowohl für iOS als auch für Android verfügbar ist. Dies ist besonders gut für Nachrichtenverlage , Blog-Sites, E-Commerce-Unternehmen, soziale Plattformen und eLearning-Sites, die Kunden und Followern zeitnahe Updates und native Funktionen liefern möchten.

Die Debatte zwischen Native und PWA wird wichtig bleiben – aber es muss kein Wettbewerb sein. Beides schließt sich nicht aus. Es gibt Anwendungsfälle für beide, und es hängt davon ab, was Sie wollen und von der Technologie erwarten. Es gibt keinen Grund, warum Sie nicht beide bauen können.

Eine PWA für das Web, um organischen Datenverkehr zu erfassen und eine großartige Benutzererfahrung auf mobilen Browsern zu bieten, und iOS- und Android-Apps, um eine Markenpräsenz in den App-Stores zu erhalten, und Push-Benachrichtigungen effektiv zu versenden. und bieten Sie Ihren treuesten und engagiertesten Fans ein Zuhause.

Traditionell wären der Aufwand und die Kosten dafür für jeden mit einem knappen Budget unerschwinglich.

Mit MobiLoud wird es jedoch viel machbarer. Wir können Ihnen nicht nur dabei helfen, großartige mobile Apps in Rekordzeit zu erstellen – wir können Ihre Website auch in eine hochwertige PWA verwandeln, sodass Sie die Vorteile beider für einen Bruchteil der herkömmlichen Kosten nutzen können.

Wir hoffen, dass dieser Artikel informativ war. Wenn Sie Ihre mobile Präsenz auf die nächste Stufe heben möchten und ein auf WordPress basierendes digitales Verlagshaus sind, sehen Sie sich die Neuigkeiten an. Wenn Sie eine E-Commerce-Site, Web-App oder Plattform haben – unabhängig vom Tech-Stack oder CMS – sehen Sie sich Canvas an. Wenn Sie auf WooCommerce sind – wir haben den WooCommerce App Builder für Sie!

Wie auch immer Sie sich entscheiden – wir wünschen Ihnen viel Glück bei der Erstellung einer überzeugenden mobilen UX, der Zufriedenheit Ihrer Benutzer und dem Wachstum Ihrer Marke.