Im Jahr 2025 arbeiten die Teilnehmer am Modul Screendesign an dem Projekt: ,,Redesign Web Frontend der Veranstaltungsübersicht am Campus Gummersbach’’. Dabei ist das Ziel, ein Konzept zu erstellen, das für möglichst viele und unterschiedliche potenzielle Nutzer verständlicher und angenehmer ist. Vor allem wird auf ein geeignetes Modell für Studierende, Lehrende und Mitarbeitende hingearbeitet.
In dieser Planung wird, sowie bei der aktuellen Webseite, in den Header die Möglichkeit gegeben, sich einzuloggen. Über dem Hamburger-Menü-Button wählen Nutzer zwischen Hellmodus und Dunkelmodus oder können sich unter Hilfe, über die Funktionen der Webseite informieren, wobei angemeldete Nutzer Stundenpläne hier in Kalendern exportieren können und Benachrichtigungen ein- und auszuschalten können. Unter den Header befindet sich die Suchleiste und Filter, die genutzt werden können, um einen passenden Stundenplan zu finden. Des Weiteren wird unter ihnm ermöglicht, sich als angemeldeter Nutzer einen eigenen Stundenplan zu erstellen, eine Übersicht von allen Veranstaltungen zu erhalten und sich über die Dozenten der Th-Köln zu informieren.
In der Sidebar können die angemeldeten Nutzer direkt zu bereits personalisierten Stundenplänen zugreifen, zu den Modulbeschreibung, zu einem Zeitplan von den Räumen und einer Übersicht von den Prüfungen gelangen. Sollten angemeldete Nutzer versuchen zu einem persönlichen Stundenplan zu gelangen, ohne einen erstellt zu haben, werden sie darüber benachrichtigt und es wird ihnen erklärt, wie sie einen erstellen können. Davon abgesehen befindet sich in der Sidebar der Farbcode, der die Farbaufteilung der Stundenpläne erklärt und ein Nutzericon, das zu den Nutzerinformationen führt.
Wenn der Stundenplan erstellt ist verändern sich Header und Sidebar nicht. Über dem Stundenplan befindet sich eine Registerkarte mit der zwischen einer Tagesansicht, Wochenansicht und einem Monatsansicht gewählt werden kann. Rechts davon kann mit Arrow Buttons das Datum, die Woche und der Monat gewählt werden. Das Filter-Icon auf der rechten Seite ermöglicht es Nutzern, ohne zurück auf die Webseite zu gehen, einen neuen geänderten Stundenplan zu sehen. Indem sie auf die Veranstaltungen klicken, erhalten Nutzer eine ausführliche Detailansicht.
Mit dem Lesezeichen-Icon können Veranstaltungen für den personalisierten Stundenplan gespeichert werden. Sollten sie versuchen zwei Veranstaltungen zu speichern, die zur selben Zeit stattfinden, werden sie darüber benachrichtigt.
Die Raumübersicht ist ähnlich zu den Stundenplänen aufgebaut, nur dass unter dem Header eine Suchleiste ist, mit welcher ein Raum gewählt wird. Im Stundenplan wird dann gezeigt zu welchen Zeiten der Raum belegt ist. Indem man auf den Uhr-Icon am Datum klickt, kann hier direkt der Raum gebucht werden.
Dieses Konzept stellt ein simples, modernes und barrierefreies Design dar, wobei zur Ansicht eine Studenten Sichtweise gewählt wurde.
Die Vermeidung von unnötigen Farben trägt zur modernen Wirkung der Seite bei. Wobei die dominantesten Farben der derzeitigen Veranstaltungsübersicht ähneln und den Farben der Hochschule angepasst sind. Abgesehen von Icons beschränkt sich der Gebrauch von Farben auf ausschließlich essenziellen Funktionen. Sie dienen der Orientierung oder bauen eine visuelle Hierarchie auf. So haben die Buttons, die der Besucher womöglich am ehesten betätigen möchte, einen violetten Hintergrund. Die verschiedenen Veranstaltungstypen in den Stundenplänen werden mit den Farben unterschieden und in der Sidebar wird mithilfe von Farben hervorgehoben, wo sich der Nutzer befindet.
Neben den möglichst groß skalierten Schriften, Buttons und Abstände zwischen Inhalten tragen die Farbunterschiede zwischen Schrift und Hintergrund zur Barrierefreiheit bei.
Davon abgesehen werden konventionelle Iconen und bekannte Mittel genutzt, um Funktionen für Nutzer verständlich zu gestalten. Dass die Sidebar auf der mobilen Version ins Sichtfeld gezogen werden kann, wird anhand von dem Pfeil erkannt. Ein weiteres Beispiel bilden die Textfelder in den Stundenplänen, die optisch abgebrochen sind und damit darauf hinweisen, dass hier heruntergescrollt werden kann.
In dieser Planung wird es Personen ermöglicht, sich innerhalb eines Stundenplans über mehre Module zu informieren, die zeitgleich stattfinden. Dies ist besonders hilfreich für potenzielle zukünftige Studenten, die einen Überblick von den Modulen haben wollen, um zu prüfen, ob sie zeitlich in der Lage sind ein Fach zu studieren.
