Redesign des Veranstaltungsverzeichnisses – Fakultät 10 (TH Köln)


Daria Rozhkova & Nicole Baer

Kontext
TH Köln, Campus Gummersbach
Modul
Screendesign
Semester
Wintersemester 2025/26
Studiengang
Medieninformatik Ba.

Die Ausgangsbasis dieses Projekts war die Neugestaltung der digitalen Veranstaltungsübersicht der Fakultät 10, da das bestehende System Defizite in der mobilen Usability sowie der visuellen Hierarchie aufwies, weshalb unser Auftrag darin bestand, ein nutzerzentriertes Designkonzept zu entwickeln, das komplexe Kursdaten strukturiert aufbereitet und die tägliche Studienorganisation effizient unterstützt. Das Hauptziel der Interaktionsgestaltung war die signifikante Reduktion der kognitiven Last, damit Studierende innerhalb weniger Sekunden kritische Informationen wie Raum, Zeit und Belegungsstatus erfassen können, wobei wir auf eine situationsabhängige Bereitstellung von Daten setzten, um Relevanz zu schaffen und Frustration durch Informationsüberfluss zu vermeiden. Hinter unserem Gestaltungskonzept liegt eine stringente Systematik, die dem atomaren Design-Prinzip folgt, sodass alle Screens auf einem einheitlichen System aus Komponenten wie Cards, Buttons und Badges basieren, was eine nahtlose Skalierbarkeit zwischen Smartphone- und Desktop-Ansichten garantiert. Durch den gezielten Einsatz von Typografie und Whitespace wurde eine klare visuelle Hierarchie geschaffen, während ein funktionales Farbleitsystem die verschiedenen Veranstaltungstypen kategorisiert und die Wochenübersicht intuitiv lesbar macht, ohne dass jeder Textbaustein einzeln gescannt werden muss. Die entwickelten Screens umfassen responsive Layouts mit spezifischen Grids für Mobile und Desktop, eine interaktive Filterleiste mit Pinfunktion zur Personalisierung sowie eine detaillierte Raumbelegungsanzeige, wobei die User Journey durch die Integration von Push-Notifikationen für kurzfristige Raumwechsel zusätzlich optimiert wurde, um den realen Nutzungskontext eines Studierenden auf dem Weg zum Campus abzubilden. Durch die konsequente Anwendung von Best-Practices im Screendesign, insbesondere im Bereich der Barrierefreiheit nach WCAG-Standard und dem Mobile-First-Ansatz, haben wir eine professionelle Lösung geschaffen, die über ein rein ästhetisches Redesign hinausgeht und als valide, konsistente Basis für eine spätere technische Implementierung durch ein Entwicklerteam dienen kann.