Zattoo UX-UI-Design und Design Framework

Zattoo - Ein TV-Erlebnis ohne Grenzen

Stellen Sie sich vor, Sie kehren von der Arbeit nach Hause zurück und Ihr Lieblingsteam spielt bereits. Sie könnten den Anfang des Spiels auf Ihrem Handy im Zug verfolgen, aber sobald Sie nach Hause kommen, das Bild auf den großen Fernsehbildschirm werfen. Ein nahtloses Erlebnis auf sehr unterschiedlichen Geräten zu schaffen, ist eine große Herausforderung, da eine Benutzeroberfläche sowohl auf dem winzigen Smartphone-Bildschirm als auch auf einem riesigen Smart TV das gleiche Gefühl vermitteln sollte. Aber neben dem gleichen Look & Feel muss eine Oberfläche auch die Stärken und Unterschiede der Geräte in Bezug auf die Interaktionen hervorheben.

Wer ist die Zielgruppe?

Zattoo wurde ursprünglich als Service für Digital Natives und für Menschen entwickelt, die kein herkömmliches Fernsehsignal empfangen konnten. Aber mit der Allgegenwart des schnellen Internets wuchs die Benutzergruppe von Zattoo schnell an mit der Folge, dass traditionelle Sehgewohnheiten für ein breites Publikum überflüssig geworden sind.

Ein System für 10+ Plattformen

Ein Designsystem für so unterschiedliche Geräte muss sehr flexibel und dennoch wiedererkennbar sein. Aus diesem Grund haben wir uns entschieden, einen universell verständlichen, aber dennoch einzigartigen Satz an Icons zu verwenden, ein Farbschema, das auf jedem Bildschirm gut funktioniert und vor allem: Interaktionen, die sich auf allen Geräten gleich anfühlen, auch wenn der Input-Typ völlig unterschiedlich ist. Alle Komponenten haben in verschiedenen Verwendungskontexten dieselbe Basis und fühlen sich daher auf jedem Gerät für den Benutzer vertraut an.
Design Framework, UX Consistency

Die Key-Screens im Überblick

Inhaltsübersicht UX Design

Inhaltsübersicht

Hier beginnt Ihre Zattoo-Reise. Schnell zu einem Kanal springen, wenn Sie wissen was Sie suchen. Sollte dies nicht der Fall sein, können Sie dies herausfinden indem Sie durch die handverlesenen Highlights des Tages scrollen, sehen was Andere gerade sehen oder durch spezielle Kategorien stöbern.
UX-UI-Design Zattoo Details

Details anzeigen

Natürlich können Sie zu jeder Show mehr Informationen wie Beschreibung oder Besetzung nachschlagen. Wenn Sie etwas bereits gesehen und gemocht haben, werden Ihnen ähnliche Shows angezeigt. So werden Ihre Bedürfnisse berücksichtigt und das traditionelle unpersönliche Fernsehparadigma überwunden.
UX-UI-Design Zattoo Player

Der Player

Der Player ist das Herzstück von Zattoo - der Ort, an dem die Benutzer die meiste Zeit verbringen. Deshalb muss er intuitiv sein und darf nicht mit gelernten Verhaltensmustern brechen.

Trotzdem konnten wir zusätzliche und praktische Funktionen wie das Umschalten von Untertiteln und Sprache, das Anzeigen einer Vorschau während des Scrubbens oder das Hinzufügen zu einer Ihrer Listen anbieten. Alle diese Funktionen können durchgeführt werden, ohne den Bildschirm zu verlassen oder das Erlebnis zu unterbrechen.