Die Kapitelsteuerung wird aufgebohrt
UI-Verbesserungen gehen weiter (21.04.2026)
Förderjahr 2024 / Projekt Call #19 / ProjektID: 7391 / Projekt: RichPods.org

Unser Player bekommt eine kapitelbasierte Seekbar, eine kompaktere Seitenleiste und UI-Elemente, die auch bei extralangen Episoden nicht mehr aus den Fugen geraten.

Die letzten Tage standen ganz im Zeichen der Navigation durch Kapitel im Player. Dabei wurde das Herzstück der Wiedergabeoberfläche überarbeitet: die Fortschrittsleiste vom Audio, die Seitenleiste und die modalen Dialoge zum Wechsel zwischen Kapiteln. Hörerinnen und Hörer finden sich so schneller in RichPod-Episoden zurecht und die Bedienung wirkt deutlich aufgeräumter.

Bisher war die Fortschrittsleiste ein einziger langer Balken. Wer zu einem bestimmten Kapitel springen wollte, musste einen eigenen Dialog öffnen, dort die Liste durchscrollen und das passende Kapitel finden. Für lange RichPod-Episoden mit vielen Abschnitten war das mühsam – besonders auf auf kleinen Displaybreiten.

Screenshots vom Player

Mit den aktuellen Änderungen besteht die Seekbar nicht mehr aus einer langen Leiste, sondern aus mehreren nebeneinanderliegenden Abschnitten. Jedes Kapitel ist ein eigener, anklickbarer Bereich mit MouseOver-Funktionen. Das aktive Kapitel „füllt“ sich während der Wiedergabe sichtbar und vergrößert sich – so sieht man auf einen Blick, wo man innerhalb des aktuellen Abschnitts steht.

In Sachen Barrierefreiheit wurde die Tastaturbedienung verbessert: Nutzerinnen und Nutzer können nun von Kapitel zu Kapitel tabben und mit Enter gezielt dorthin springen, wo sie weiterhören wollen. Das erleichtert die Bedienung mit Screenreadern und macht den Player insgesamt zugänglicher. Zwischen den Kapiteln sorgen kleine, auf verschiedene Bildschirmgrößen abgestimmte Abstände dafür, dass die Grenzen klar sichtbar bleiben, ohne dass der Balken zerhackt wirkt.

Auch wenn unser Projekt formal abgeschlossen ist, sind wir weiter voll in der Entwicklung von RichPods und arbeiten laufend an Verbesserungen. Für die kommenden Wochen möchten wir RichPods selbst sichtbarer machen und den Editor für alle öffnen.

Philipp Naderer-Puiu

Profile picture for user philippnadererpuiu

Skills:

Software Engineering
,
Open Data
,
Project Management
CAPTCHA
Diese Frage dient der Überprüfung, ob Sie ein menschlicher Besucher sind und um automatisierten SPAM zu verhindern.

    Weitere Blogbeiträge