Die ZDFmediathek als Progressive Web App

Als wir im Herbst 2016 die jetzige Version der ZDFmediathek auf den Markt gebracht haben, sah unser Multiscreen-Ansatz eine klare Rollenverteilung für die Frontend-Technologien vor:

  • Web ist für die Grundversorgung: die responsive Website ist auf möglichst vielen Geräten funktional und bildet sämtliche Inhalte ab. Das klingt einfach für den Nutzer, ist aber in der Entwicklung wegen der Browser- und Systemkompatibilitäten tückisch. Unsere Browser-Matrix hat daher manchmal auch etwas Dystopisches …
  • Native Technologie ist eher für das Nutzungserlebnis: die ZDF-Apps sind sehr passgenau auf iOS bzw. Android zugeschnitten und bilden nur die Video-Inhalte ab. Das Ergebnis: eine schnelle und vielleicht fokussiertere Nutzung für unsere Zuschauer auf Smartphone, Tablet und Smart TV. Zu einem Preis: native Entwicklung ist und bleibt aufwändig und in den Details abhängig von den großen Anbietern.

Mit dem Aufkommen der Progressive Web App (PWA) gibt es seit einiger Zeit eine Möglichkeit, den offenen Ansatz der Web-Technologie mit den Vorteilen einer nativen App verbindet. Das Prinzip ist einfach – die PWA ist eine mobile Website, die mit zusätzlichen Komponenten App-spezifische Features und ein gutes Nutzungserlebnis zulässt.

Die ZDFmediathek als Progressive Web App
Die Beta-PWA der ZDFmediathek

Obwohl dieser Ansatz sehr vielversprechend ist, gibt es noch nicht viele PWA auf dem Markt. Auch wir haben uns erst jetzt entschlossen, diese Option ernsthaft auszuloten – mit der ZDFmediathek als PWA in einer Beta-Version. Das hat mehrere Gründe:

  • Die Unterstützung der bekannten Technologie-Anbieter hat erst seit Kurzem einen Grad erreicht, mit dem man ein technologisch halbwegs ausgereiftes Angebot machen kann. Nach Android unterstützt iOS dieses Feature noch nicht wirklich sehr lange – wir wollen aber auf beiden Plattformen ein möglichst App-nahes Erlebnis anbieten.
  • PWA werden allmählich auch für den Desktop interessant: zumindest mit Chromium-basierten Browsern (Brave, Edge, Chrome) können sie als eigenständige App auf dem PC/Mac installiert werden. Browser, die dieses Feature nicht unterstützen (z.B. Firefox, Safari), nutzen die neue ZDF-PWA als Alternative zur bestehenden Website.
  • Unsere Nutzer mögen die responsive ZDF-Website auch auf Tablets und Smartphones. Obwohl sich das Web-Angebot auf diesen Geräten gut anfühlt, kann es mit der (gefühlten) Schnelligkeit einer App naturgemäß nicht immer mithalten.

Schließlich bekommen wir von unseren Nutzern immer häufiger Hinweise darauf, dass sie Apps und App-Stores inzwischen kritischer gegenüberstehen. Datensparsamkeit und Datenschutz sind oftmals Gründe dafür, ein mobiles Web-Angebot einer App vorzuziehen. Als öffentlich-rechtlicher Anbieter kommen wir der Idee des möglichst Technologie-neutralen Zugangs zwar bereits nach, haben aber bestimmt noch Luft nach oben. Die PWA könnte hier ein Anfang sein, Komfort und offene Standards zu verbinden.

Was kann die ZDF-PWA?

  • Videos streamen: Die PWA entspricht inhaltlich dem Umfang der nativen Apps für iOS und Android. Sie basiert auf derselben Content-API und macht hier keine Abstriche.
  • Videos offline verfügbar machen: Ein Kern-Feature der PWA-Technologie ist der Offline-Modus. Wie in den Apps können Videos auch jenseits von WLAN und Mobilfunk-Netz unterwegs geschaut werden, wenn die PWA dem Homescreen zugefügt worden ist.
  • Schnell sein: Unsere Entwickler haben React als Framework gewählt, es scheint uns die bessere Wahl in Fragen der Performance zu sein und nah an die nativen Apps zu kommen.
  • Dunkel sein: die PWA ist die erste ZDFmediathek mit Dark Mode.

Was kann sie nicht?

  • In einem ersten Schritt haben wir auf die Integration von des ZDF-Logins verzichtet, damit auch auf die Funktionen, die mit dem Account verknüpft sind. Die lokale Merkliste funktioniert aber.
  • Videos mit Altersverifikation werden noch nicht offline verfügbar gemacht. Sie können erst nach 22 Uhr genutzt werden.
  • Push-Nachrichten: die PWA informiert noch nicht darüber, wenn die neue Folge einer abonnierten Sendung zur Verfügung steht.

Diese Funktionen sollen zu einem späteren Zeitpunkt nachgereicht werden, wobei unsere Priorität auf dem Einbau von „Mein ZDF“ liegen wird. In der PWA wird dann darauf hingewiesen, dass eine neue Version zur Verfügung steht (ein Reload reicht).

Weil eine Beta vom Feedback der Nutzer lebt, sind wir sehr gespannt auf die ersten Erfahrungen mit der PWA. Hinterlasst uns Eure Eindrücke gerne unter beta@zdf.de