Das Thema der Projektarbeit 2023/24 im Modul Screendesign lautet “Projekt Survival 4 All”. Es soll eine Website gestaltet werden, die es für Studentinnen leichter macht, an Dokumente wie Videos, PDFs oder auch Präsentationen zu gelangen, die bei Projektarbeiten unterstützen als auch für Professorinnen um qualitativ hochwertige Materialien aufbereitet und sortiert an Studierende weitergeben zu können. Dabei orientiert sich die Webseite an dem klaren, aufgeräumten und systematischen Design der TH Köln, bringt jedoch auch einige angepasste Erweiterungen des Design Konzeptes mit. Bei der Orientierung zu Abständen und Schriftgrößen haben wir uns an der 10er Renard Serie orientiert. Als Schriftart wurden durchgängig Myriad Pro verwendet, um sich der Typografie der TH Köln Website anzupassen. Zudem wurde die Farbpalette der TH Köln übernommen. Diese Designmerkmale sind in allen unterstützten Formaten wiederzufinden. Der zentrale Einstiegspunkt für jeden User Flow ist der Filter bzw. Suchbereich, dort kann ein Nutzer mithilfe von Stichworten/Tags nach bestimmten Dokumenten suchen. Dies ist möglich da jeder Post mit einer Reihe von Tags ausgestattet ist. Hierbei fällt die Suchleiste auf, welche mit einer Animation Überblick über die möglichen Suchergebnisse liefert. Zudem wird der Nutzer angeregt diverse Filter zu verwenden und neue Inhalte basierend auf seinen Interessen oder auch ungefiltert zu entdecken. Diese Inhalte sind alle in einheitlich designten Cards vorzufinden, um eine klare Struktur beizubehalten. Die unterschiedlichen Content Typen haben jedoch trotzdem auf den Dateitypen angepasste Ansichten, um verscheidene Formate unterscheiden zu können. So wird bei einem Video ein Thumbnail angezeigt wohingehen bei einer PDF bei die erste Seite(n) zur Vorschau gestellt werden. Die Website bietet dem Nutzer eine Speicherung seiner bevorzugten Dokumente an. Diese werden zusammengehörig unter “Mein Bereich” angezeigt. Damit der Nutzer einen besseren Überblick über die gespeicherten Elemente hat, haben wir uns dazu entschieden, die Dokumente nicht wie die eigentlichen Content Items mit einem Bild zur Vorschau zu versehen, sondern diese kompakt und zusammengehörig zu fassen. Grund dafür ist, dass Nutzer ihren favorisierten Content bereits kennen, so ist es möglich auf die Vorschau zu verzichten. Daraus folgt außerdem, dass man bei vielen favorisierten Items den Überblick behält. Unterhalb findet man die synchronisierten Module von ILU Schreibtisch. Die Idee dahinter ist, dass der Nutzer die aktuell belegten Kurse bereits im ILU hinterlegt hat und man auf dieser Grundlage leicht nach Inhalten für diese Kurse suchen kann. Ebenfalls können unter “Verlauf” zuletzt angesehene Content Items, auch wenn sie nicht favorisiert wurden, angesehen werden. Unter “Aktuelles “ist ein Zeitstrahl zu finden, dieses Design ist für den Nutzer sofort verständlich und aufgrund der begrenzten Uploadzahlen auch noch sinnvoll umsetzbar. Dieser unterstützen das explorative Design der Website und ist desweiteren leicht zugänglich. Beim Erstellen der Content Items haben wir uns dazu entschieden, keine unterschiedlichen Layouts für Videos und PDFs zu erstellen, da diese in der Gesamtübersicht zu unübersichtlich wirken würden. In der dargestellten Version sind Videos dennoch klar von Dokumenten zu unterscheiden. Bereitgestellt sind Standbilder der Desktop, Mobile, Tablet-hochkant und Tablet-quer Ansicht.
