ProjectSurvival4All - Sympathische und praktische Survival-Tipps für die Projektarbeit im Studium und darüber hinaus


Ricardo Timm

Kontext
Studium am Campus Gummersbach
Modul
Screendesign
Semester
Wintersemester 2023/24
Studiengang
Medieninformatik Ba.

Im Rahmen des Projekts im Modul Screendesign wird ein Design-Mockup für das ProjektSurvival4All entwickelt. Ziel dieser Website ist es primär Studierenden der Informatik und Medieninformatik, aber auch Dozent:innen und Externen Besuchern eine zentrale Wissensplattform zu bieten auf der sie sämtliche Informationen und Best-Practices rund um das Thema Projekte und Projektarbeit finden. Die Inhalte werden von sicheren Quellen bereitgestellt und von Dozenten:innen geprüft, um die Richtigkeit sicherzustellen.

Zu Beginn werden verschiedene offizielle Webseiten der TH Köln analysiert, um die Konzepte besser verstehen zu können und um ein Gefühl dafür zu kriegen wie die Wissensplattform später aussehen soll. Das Ergebnis soll alleinstehend funktionieren, aber gleichzeitig auch signalisieren, dass es zu dem Ökosystem der TH Köln gehört. Deswegen wird besonders viel Wert auf die richtige Farbauswahl gelegt, welche vom Logo der TH Köln stammt.

Das Hauptmerkmal der Startseite sind die Cards, welche bewusst so mittig wie möglich angeordnet sind, um dem:der Besucher:in das Finden der Informationen so leicht wie möglich zu machen. Diese sind sauber in einem Grid dargestellt, welches von rechts nach links scrollbar ist, um die Seite lebendig wirken zu lassen. Mithilfe der Akzentfarbe lassen sich die Buttons, um die Projektphase auszuwählen hervorheben.

Der Feedback-Button, welcher sich mit dem Scrollen am Bildschirm bewegt, ist ebenfalls in der Akzentfarbe gestalten ist, soll den:die Besucher:in darauf Aufmerksam machen, dass sein:ihr Feedback gewünscht und wichtig ist. Neben dem Feedback, der Option nach Schlagwörtern zu Filtern und Neuigkeiten einzusehen gibt es keine weiteren Funktionen, um die Aufmerksamkeit möglichst auf die Cards zu lenken.

Die Contentseite bricht das Gridmuster der Startseite auf, um verschiedene Informationen zu der ausgewählten Card offen zu legen. Der:Die Besucher:in werden durch Akzentfarben auf mögliche Download und ggf. YouTube Links aufmerksam gemacht. Der Block „Verwandte Themen“ soll mithilfe der Scrollfunktion das lebendige Design der Startseite aufgreifen und zusätzlich den Entdeckergeist wecken. Die Funktion ein Kommentar zu verfassen ermöglicht es Besucher:innen ihre Erfahrungen zu teilen, fragen zu stellen und zu erläutern wie Hilfreich der Beitrag ist. Die Informationen zu dem:der Autor:in sollen dem:der Besucher:in verdeutlichen, dass die Information des Beitrags aus sicherer Quelle stammen.

Style-Guide

Styleguide für das Projekt von Ricardo Timm