Redesign der Veranstaltungsübersicht am Campus Gummersbach


Anna Protsenko & Galina Fylonok

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

Ausgangsbasis und Auftrag

Im Rahmen des Screendesign-Projekts wurde ein Redesign der bestehenden Veranstaltungsübersicht (HOPS) der TH Köln entwickelt. Das bestehende System ist funktional, jedoch insbesondere auf mobilen Geräten schwer nutzbar und visuell unübersichtlich.

Der Auftrag bestand darin, ein neues Frontend-Konzept zu entwickeln, das Veranstaltungen verständlich darstellt, unterschiedliche Nutzungsszenarien berücksichtigt und auf verschiedenen Endgeräten funktioniert.

Kommunikations- und Interaktionsziele

Ziel des Projekts war es, die Orientierung innerhalb der Veranstaltungsübersicht zu verbessern und eine intuitive Nutzung zu ermöglichen.

Wichtige Ziele waren:

  • klare und verständliche Darstellung komplexer Veranstaltungsdaten
  • Reduktion visueller Überladung
  • Unterstützung individueller Nutzung (z. B. eigener Stundenplan)
  • gute Nutzbarkeit auf mobilen Geräten
  • barrierearme Gestaltung

Entwickelte Elemente und Screens

Im Rahmen des Projekts wurden verschiedene zentrale Screens entwickelt:

  • Tagesansicht, Wochenansicht und Monatsansicht zur zeitlichen Übersicht
  • Veranstaltungsübersicht mit Filterfunktionen
  • Detailansicht einzelner Veranstaltungen
  • Auswahlmechanismus für Termine („Wählbare Termine“)
  • Favoritenliste
  • Raumübersicht sowie Raumbuchung für Lehrende

Zusätzlich wurden Funktionen wie das Speichern von Veranstaltungen, Filteroptionen sowie eine Vorlesefunktion integriert.

Zielerreichung

Die definierten Kommunikations- und Interaktionsziele wurden durch eine vereinfachte Struktur und klare visuelle Hierarchie umgesetzt.

Die Möglichkeit, Veranstaltungen individuell auszuwählen und in einen eigenen Stundenplan zu integrieren, reduziert die Komplexität der Darstellung erheblich. Die mobile Nutzung wurde deutlich verbessert, da Inhalte vollständig sichtbar und intuitiv navigierbar sind.

Gestaltungssystem und Konzept

Das Gestaltungskonzept basiert auf einer konsistenten Kartenstruktur, klaren Abständen und einer reduzierten Farbpalette, die sich am Corporate Design der TH Köln orientiert.

Abgerundete Formen, dezente Schatten und eine klare Typografie sorgen für eine ruhige und strukturierte Oberfläche. Icons unterstützen die schnelle Erfassung von Informationen.

Das System folgt dem Prinzip der Einfachheit und Wiedererkennbarkeit: ähnliche Inhalte werden gleich dargestellt, Interaktionen bleiben konsistent über alle Screens hinweg.

Das Projekt zeigt, wie durch ein strukturiertes und nutzerzentriertes Design eine komplexe Anwendung verständlicher und zugänglicher gestaltet werden kann.