UX/UI für TV-Interface und VisionOS-Exploration

Von der News-App zur Wohnzimmer-Erfahrung

Von der News-App zur Wohnzimmer-Erfahrung

Ausgangspunkt des Projekts war die mobile UX der News-App. Ziel war nicht, das Produkt für TV neu zu erfinden, sondern die bestehende Erfahrung sinnvoll auf den großen Bildschirm zu übertragen.

Die entwickelte TV-Anwendung bringt die Kernfunktionen des mobilen Produkts auf Apple TV, Android TV, Samsung TV, Fire TV und Roku. Dazu gehören ein hero-basierter Startbildschirm, Programm-Detailseiten, ein durchgehender Livestream, Suche und zentrale Einstellungen – angepasst an Fernbedienung, Lean-back-Nutzung und die Anforderungen großer Displays.

TV mockup screen

TV-Design bedeutete Anpassung, keine Neuerfindung.

Die größte gestalterische Aufgabe lag im Wechsel des Interaktionsmodells: von berührungsbasierter Navigation hin zu einem fokusbasierten Interface für die Fernbedienung. Die redaktionelle Struktur des Produkts blieb dabei bewusst erhalten.

Der Startbildschirm arbeitet mit einer großen Hero-Stage und klar gegliederten Inhaltsreihen. Nutzer können direkt in den Livestream einsteigen, Sendungen aufrufen oder Themenbereiche durchsuchen – mit einer Informationsarchitektur, die bereits aus der mobilen Nutzung vertraut ist.

Alt-Text

Kern-TV-Erlebnis

Kuratiert starten

Hero-basierter Startbildschirm mit aktuellen Sendungen und redaktionellen Highlights

Livestream

Durchgehender Livestream als primärer Einstiegspunkt in das Produkt

Detailseiten

Detailseiten für Sendungen, Themen und redaktionelle Videoinhalte

Gezielt suchen

Suche nach Sendungen, Themen und Videos im gesamten Katalog

Einstellungen

Grundlegende Konto- und App-Einstellungen

Per Remote navigieren

Fokusbasierte Navigation, optimiert für Fernbedienung und entspanntes Zurücklehnen

TV mockup screen

Im Zentrum der TV-Anwendung stehen ein hero-basierter Home-Screen mit aktuellen Sendungen und kuratierten Inhalten, ein durchgehender Livestream als zentraler Einstiegspunkt, klar strukturierte Detailseiten für Sendungen, Themen und einzelne Beiträge, eine Suche über den gesamten Katalog sowie reduzierte Einstellungen für die wichtigsten Konto- und App-Funktionen. Die fokusbasierte Navigation wurde konsequent auf Fernbedienung, Lesbarkeit und eine ruhige Nutzung auf Distanz abgestimmt.

Erkundung von VisionOS und immersiven Nachrichtenerlebnissen

Neben der TV-Anwendung untersuchte das Projekt auch, wie sich dasselbe Nachrichten-Ökosystem auf räumliche Interfaces übertragen lässt. Auf VisionOS verschiebt sich das Erlebnis vom klassischen Screen hin zu einer räumlichen Nachrichtenumgebung. Der Livestream wird zum schwebenden Mittelpunkt, ergänzt durch räumlich angeordnete Informationen, Datenebenen und immersive Umgebungen.

Alt-Text
Alt-Text

So entstand ein konzeptioneller Ausblick darauf, wie Nachrichten in Zukunft nicht nur angesehen, sondern stärker situativ erlebt werden könnten – etwa durch 360°-Aufnahmen realer Orte, immersive dokumentarische Räume oder zusätzliche Inhalte wie Karten, Diagramme und Zeitleisten. Der Stream bleibt dabei zentral, wird jedoch um kontextuelle Ebenen erweitert, die Informationen räumlich erfahrbar machen.

Live mit Kontext

Schwebendes Live-Übertragungsfenster mit kontextuellen Datenpanels

Nachrichtenorte

360°-Umgebungen von Nachrichtenorten (Städte, Ereignisse, Krisengebiete)

Immersive Welten

Immersive Dokumentarwelten: Ozeane, Wildtierlebensräume, Ingenieurstandorte

Räumliche Information

Räumliche Artikelebenen mit Diagrammen, Karten und Zeitleisten

Ambiente-Modus

Ambiente-Umgebungen während Werbeunterbrechungen, um Zuschauer bei der Stange zu halten

Das Projekt zeigt damit zwei miteinander verbundene Richtungen: eine TV-Anwendung, die das bestehende Produkt konsequent für den Wohnraum weiterentwickelt, und eine VisionOS-Exploration, die auslotet, wie Nachrichten, Daten und dokumentarisches Erzählen in Zukunft räumlicher erlebt werden könnten.

Leistungen

UX/UI

Visual Design

Mockups

Zusammenarbeit

Benedikt Schnupp

Plattformen

Apple TV

Android TV

Samsung TV

Fire TV

Roku

VisionOS

Jahr

2024

Von der News-App zur Wohnzimmer-Erfahrung — max möckel