Redesign Web Frontend der Veranstaltungsübersicht am Campus Gummersbach


Ky Nhi Nguyen & Giao Tran

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

Im Rahmen des Screendesign-Projekts 2025/2026 wurde ein Gestaltungs- und Interaktionskonzept für das Frontend der digitalen Veranstaltungsübersicht der Fakultät 10 entwickelt. Ziel ist ein benutzerfreundliches und klar strukturiertes Interface, das den unterschiedlichen Anforderungen von Studierenden, Lehrenden und Mitarbeitenden gerecht wird und komplexe Veranstaltungsdaten übersichtlich darstellt. Zusätzlich sollte das Design so umgesetzt werden, dass es sich flexibel an unterschiedliche Endgeräte anpasst.

Zu Beginn wurde sowohl die zu gestaltende Webseite analysiert als auch vergleichbare Seiten, um gestalterische Rahmenbedingungen und relevante Best Practices zu identifizieren. Die Analyse stellte heraus, dass die bestehende Webseite in mehreren Punkten deutliche Schwächen aufweist. Zum einen fehlen personalisierte Einstellungen, sodass die Nutzer jedes Mal den Studiengang neu filtern müssen. Zum anderen ist zu viel Input auf einem Schlag, was die Darstellung unübersichtlich macht. Außerdem ist die mobile Ansicht stark eingeschränkt und es wird ausschließlich eine Wochenansicht angeboten, wodurch individuelle Präferenzen erschwert wird.

Auf Basis dieser Erkenntnisse wurde eine Anmeldefunktion ein zentrales Element des Konzepts, durch die sich das Interface automatisch an die jeweilige Nutzergruppe anpasst. Dadurch werden relevante Inhalte personalisiert dargestellt und unnötige Filter, wie beispielsweise die Auswahl des Studiengangs, für die Hauptnutzer reduziert. Es wurden verschiedene Ansichten entwickelt, darunter eine Tages- und Wochenansicht, um sowohl eine detaillierte als auch eine übergreifende Planung zu ermöglichen. Zudem ist die individuelle Kursauswahl innerhalb des Studiengangs entwickelt worden. Dabei können Nutzer zwischen Pflicht- und Wahlmodulen unterscheiden und diese gezielt auswählen, sodass der Stundenplan flexibel an die eigenen Bedürfnisse angepasst werden kann.

Ergänzend dazu wurde das System erweitert, indem weitere Plattformen der TH Köln integriert wurden, sodass es den Nutzern eine zentrale Anlaufstelle bietet und den Wechsel zwischen verschiedenen Webseiten reduziert. Weiterführend wurde eine Raumfilter-Funktion integriert, die eine Übersicht über belegte und freie Räume bietet. Für Lehrende wurde diese Funktion um die Möglichkeit zur Raumreservierung erweitert. Darüber hinaus unterstützt eine Nachrichtenfunktion die Kommunikation, indem sie über Änderungen wie Kursausfälle informiert.

Gestalterisch orientiert sich das Konzept am Corporate Design der TH Köln, wodurch eine konsistente visuelle Einbindung gewährleistet wird. Im Sinne der Barrierefreiheit wurde darauf geachtet, dass Informationen nicht ausschließlich farblich, sondern auch durch Symbole vermittelt werden.