Redesign Web Frontend der Veranstaltungsübersicht am Campus Gummersbach


Lucas-Noah Duda & Max Christian Müller

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

Im Rahmen des Projekts haben wir eine zentrale Veranstaltungsübersicht für die Technische Hochschule entwickelt. An der TH Köln existierte bereits ein System zur Darstellung von Veranstaltungen, dessen Nutzung in der Praxis aber erheblich schwerer war als vergleichbare Systeme. Die Bedienung war umständlich, die Darstellung unpassend zum Corporate Design, und auf mobilen Endgeräten funktionierte es nur mit Umwegen. Unser Ziel bestand daher darin, eine Lösung zu schaffen, die nicht nur stilistisch passend ist, sondern vor allem auf jedem Gerät und für jeden Nutzer deutlich zugänglicher ist.

Bei der Neugestaltung stand von Anfang an fest, dass sie auf allen Geräten gleichermaßen funktionieren muss. Aufgrund der hohen Anzahl an Studierenden und Mitarbeitenden mit Laptops und Tablets innerhalb der Fakultät 10 haben wir uns außerdem intensiv mit der Funktionsweise der Desktop-Ansicht befasst.

Bei dem visuellen Aspekt der Neugestaltung haben wir uns eng an das Corporate Design der TH Köln gehalten. Mit dieser Entscheidung wollen wir den Nutzern sofort ein Gefühl der Vertrautheit vermitteln. Dies umfasst außerdem die reduzierte Verwendung von Icons sowie eine minimalistische und geradlinige Designsprache. Dadurch werden visuelle Unordnung und Barrieren reduziert.

Bei der Entwicklung der Funktionen lag unser Fokus auf der Filterfunktion. Hierbei haben wir uns für eine Suchleiste mit Suchoperatoren als Zusatzfunktion entschieden. Diese ermöglicht eine noch flexiblere Suche nach spezifischen Veranstaltungen als einfache Filter. Somit decken wir die verschiedenen Bedürfnisse der Nutzer breitflächig ab. Die Entscheidung für Suchoperatoren war dabei bewusst auf erfahrene Nutzer ausgerichtet, während die grundlegende Filterfunktion weiterhin intuitiv und ohne Vorkenntnisse bedienbar bleibt. Gleichzeitig reduziert eine zentrale Sucheinheit die Anzahl der UI-Elemente, was zu einem noch minimalistischeren Gesamtbild führt.

Eine weitere neue Funktion ist die Umsetzung des Login-Verhaltens im neuen System. Nach dem Login erhalten Nutzer eine automatische Vorkonfiguration der für sie relevanten Module, die sich nach dem aktuellen Studiengang und Semester richtet.

Zusammenfassend vermittelt unsere Neugestaltung ein bekanntes visuelles Design, das mit einfach zu navigierenden Elementen verbunden ist. Dadurch wird eine einfache Bedienung für eine breite Nutzergruppe ermöglicht.