Progressive Apps

Sie planen eine eigene App für Ihr Unternehmen? Dann könnte eine Progressive Web App (PWA) genau das Richtige für Sie sein. PWAs sind eine Mischung aus Web-App und Smartphone-App: Sie bieten alle Vorteile einer klassischen Smartphone-App, basieren jedoch auf Web-Technologien und sind dadurch direkt über den Browser erreichbar. Die vergleichsweise einfache Entwicklung und Wartung von Progressive Web Apps ermöglicht es auch Unternehmen mit begrenzten Ressourcen, ihre App-Ziele kostengünstig zu erreichen. In unserem Ratgeber erfahren Sie, wie Progressive Web Apps genau funktionieren und wie Sie Ihr Unternehmen mit einer PWA auf die nächste Stufe der Online-Interaktion bringen.

Was genau ist eine Progressive Web App?

Eine Progressive Web App ist eine Website mit vielen Funktionen, die man eigentlich von einer App für mobile Endgeräte erwartet. Ein typisches Ausgangsszenario könnte folgendermaßen aussehen: Sie haben mit viel Aufwand eine Website für Ihr Unternehmen entwickelt, die genau das leistet, was Sie und Ihre Kunden sich wünschen: Informationen abrufen, Daten eingeben, Kontakt aufnehmen, Termine vereinbaren, Support erhalten und so weiter. Möchte Ihr Unternehmen nun mit einer App an den Start gehen, fangen Sie im Prinzip nochmals von vorne an: App-Beratung, Konzeption, Design, Entwicklung, Betatests, Marketing und Wartung verschlingen viel Zeit. Zudem kostet die klassische App-Entwicklung einen Haufen Geld.

Hier kommt die Progressive Web App ins Spiel: Sie transformiert das Online-Erlebnis von Ihrer Website oder Ihrem Online-Shop in eine App – ohne die Komplexität und Kosten traditioneller App-Entwicklung. Eine PWA hat eine Codebasis, die unabhängig von den verschiedenen Plattformen funktioniert. PWAs ermöglichen es Ihnen somit, Ihre Zielgruppe auf allen relevanten Plattformen mit nur einmal geschriebenem Code anzusprechen, unabhängig von Endgerät und Betriebssystem. Progressive Web Apps vergrößern damit die Reichweite Ihres Unternehmens und verringern die Notwendigkeit, mehrere Versionen einer App (native App, Web-App und Desktop-App) zu entwickeln.

Gut für die Sicherheit: Progressive Web Apps werden verschlüsselt über HTTPS ausgeliefert. Das Protokoll gewährleistet eine sichere Datenübertragung, stärkt das Vertrauen Ihrer Kunden und beschert Ihnen ein besseres Google-Ranking.

Kostenfreie Online Marketing Beratung

Steigern Sie Ihre Reichweite und werden Sie sichtbar für Ihre Kunden!

Welche Vorteile bieten PWAs gegenüber nativen Apps?

Eine Progressive Web App ist eine Website in der Verpackung einer Mobile App. Sie wird wie jede andere Anwendung auf dem Smartphone installiert, allerdings nicht umständlich über den App-Store, sondern über einen Link auf Ihrer Website. Positiver Nebeneffekt: Die Anwendung benötigt weniger Speicherplatz auf mobilen Geräten und ist in der Regel auch mit älteren Smartphone-Betriebssystemen kompatibel.

Progressive Web Apps passen sich progressiv – daher der Name – an das jeweilige Endgerät und/oder den verwendeten Browser an. Über den Funktionsumfang einer normalen mobilen Website hinaus können Progressive Web Apps auf die Hardware der Endgeräte und auf Daten wie die Kontakte im Telefonbuch zugreifen. Bilder und Videos mit der Kamera aufnehmen, Spracheingaben über das Mikrofon oder den Standort des Nutzers einbeziehen – das alles ist kein Problem. Genauso gut können die Apps auch Push-Benachrichtigungen versenden, Daten per E-Mail verschicken oder auf Online-Speicherdienste zugreifen. Gerade die Push-Nachrichten sind für das Online-Marketing und den E-Commerce wichtig: Sie erhöhen die Interaktionsrate (Engagement Rate)!

Rein optisch unterscheidet sich eine Progressive Web App dabei nicht sonderlich von den nativen Apps auf dem Smartphone. Nach der Installation wird die Progressive Web App über ein Symbol auf dem Homescreen aufgerufen. Der Browser im Hintergrund, der die progressive App ausführt, ist für den Nutzer nicht sichtbar.

Muss eine Progressive Web App aus dem App-Store geladen werden?

Nein. Eine Progressive Web App funktioniert unabhängig von den App-Stores von Google, Apple, Microsoft und Amazon ohne Installation und lässt sich bequem über eine URL mit anderen teilen. Der Nutzer ruft die Progressive Web App bequem im Browser auf und kann sie zum Home-Bildschirm oder Startmenü seines Geräts hinzufügen. Ein Download im App-Store oder gar eine vorherige Registrierung ist nicht notwendig. Das vereinfacht den Vertriebsprozess, verbessert die User Experience und macht Sie unabhängig von Plattformen wie dem Google Play Store oder Apple App Store. Für Letzteren gelten allerdings Einschränkungen auf dem Gebiet der Europäischen Union, dazu später mehr.

Auch im Hinblick auf einfache Updates sind PWAs im Vorteil: Im Unterschied zu nativen Apps, die zwangsläufig über den jeweiligen App-Store aktualisiert werden müssen, werden Progressive Web Apps automatisch über das Web aktualisiert, wenn Sie die Anwendung nutzen. Vom einfachen Handling profitieren sowohl Ihr Unternehmen als auch die Nutzerinnen und Nutzer.

Funktioniert eine PWA auch ohne Internetverbindung?

Kurz gesagt: Ja – dafür gibt es den Service Worker. Etwas ausführlicher: Durch die Offline-Unterstützung über den Service Worker können viele Funktionen von Progressive Web Apps auch ohne ständige Verbindung zum Internet genutzt werden. Gerade der Offline-Modus ist ein großer Pluspunkt gegenüber Websites. Zu diesem Zweck sind progressive Apps mit einem Service Worker ausgestattet. Das in JavaScript geschriebene Caching-Modul, das für die Offline-Bereitstellung von Daten zuständig ist, arbeitet als eine Art Proxy zwischen dem Browser und dem Netzwerk. Es speichert die einmal abgerufenen Informationen auf dem Smartphone und stellt sie auch ohne permanente Online-Verbindung zur Verfügung.

Der Service Worker läuft losgelöst von der Website im Hintergrund. Dort macht er die PWAs nicht nur offlinefähig, sondern startet sie auch noch besonders flink. Der User sieht beim Öffnen der App sofort die neuesten Inhalte und profitiert von insgesamt schnellen Ladezeiten. Außerdem erhält er auf Wunsch Push-Benachrichtigungen bei wichtigen Ereignissen. Wird die Internetverbindung unterbrochen, bietet der Service Worker die zuletzt empfangenen Inhalte an – genau so, wie es auch die Apps von Facebook, Instagram und Twitter tun.

Übersicht der E-Books

Kostenfreie E-Books für Ihr Online-Marketing!

Holen Sie sich jetzt kosten-lose Tipps & Tricks direkt in Ihr E-Mail-Postfach!

Was hat es mit Progressive Enhancement und dem Web App Manifest auf sich?

Das Gute an progressiven Apps: Sie lassen sich auf den Mobilplattformen Android und iOS ebenso wie auf verschiedenen Betriebssystemen für den Desktop, wie Windows, macOS und Linux installieren und ausführen. Die Basis dafür ist Progressive Enhancement: Dieser neue Ansatz in der Webentwicklung knüpft an das Responsive Webdesign (responsive Design) an und soll sicherstellen, dass jeder User zumindest die Grundfunktionen der PWA nutzen kann, unabhängig von den Fähigkeiten seines Endgeräts. Dazu werden zunächst Basisfunktionen für alle Browser bereitgestellt. Erweiterte Funktionalitäten werden erst hinzugefügt, wenn der jeweilige Browser diese unterstützt.

Nutzer können eine PWA über eine Verknüpfung auf dem Startbildschirm (Smartphone und Tablet) oder in der Programmliste (Desktop-Betriebssysteme) aufrufen. Dafür ist das Web App Manifest (WAM) zuständig. Es liefert dem Betriebssystem die grundlegenden Informationen über die PWA, etwa den Namen der Anwendung, das darzustellende Symbol (Icon) und eine Kurzbeschreibung. Außerdem legt das WAM den Anzeigemodus fest, normalerweise bildschirmfüllend auf mobilen Endgeräten und in einem eigenen Fenster auf Desktop-Betriebssystemen.

Sind PWAs über Google auffindbar?

Ja, eine Progressive Web App kann sogar Ihr SEO-Ranking verbessern. Weil die Apps über ganz normale URLs zugänglich sind, werden sie von Suchmaschinen indexiert, was die Reichweite Ihres Unternehmens verbessert und zu mehr Traffic führen kann. Der Google-Algorithmus hebt Progressive Web Apps besonders hervor – mit positiven Auswirkungen auf Online-Marketing und E-Commerce. Weiterer Vorteil: Die SEO-Maßnahmen und die Suchmaschinenwerbung, die Sie ohnehin für Ihre Website betreiben, wirken sich automatisch positiv auf Ihre App aus. Ganz nebenbei ersparen Sie sich den Kampf um Aufmerksamkeit im Google Play Store und Apple App Store, wo Ihre native App nur eine von vielen ist.

Holen Sie sich aktuelle Blogartikel von heise regioconcept direkt in Ihr E-Mail-Postfach

Mehr Tipps für Ihren Internetauftritt

Erfahren Sie mehr Grundlagen und Wissenswertes in diesen Beiträgen.

Websitrelaunch

Erfahren Sie in diesem Blogbeitrag, wie Sie Ihren Website-Relaunch mit unserer Checkliste erfolgreich und übersichtlich gestalten.

Usability-Fehler

Entdecken Sie in diesem Blogbeitrag 12 essenzielle Tipps, wie Unternehmen die Usability Ihrer Website optimieren können!