Projekt Survival 4 All


Leandra Irmscher & Tabitha Korte

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

Im Rahmen der Veranstaltung Screendesign wurde von einem Projektteam ein Mockup für die Unterseite “Projekt Survival 4 All” der TH Köln entwickelt. Zu Beginn wurde durch die Erstellung von Personas ermittelt, was für die Zielgruppe von primärer Bedeutung ist und auf welche Elemente verzichtet werden kann. Durch die Fokussierung auf die wesentlichen Bestandteile wurde das Konzept der Seite klar und übersichtlich gestaltet, ohne überladen zu wirken. Die Verwendung einer pronominalen Anrede wurde gewählt, um die primäre Zielgruppe besser anzusprechen und die Seite aufgeschlossener wirken zu lassen. Zusätzlich wurde auf die Anrede beider Geschlechter geachtet.

Das Gestaltungskonzept wurde sorgfältig abgeleitet, wobei die Farben passend zur TH Köln ausgewählt wurden, aber das Design im Allgemeinen angepasst wurde, um eine minimale und einladende Ästhetik zu erreichen. Die Container wurden im Gegensatz zur TH Köln Seite in gerundeter Form dargestellt, um eine erfrischendere und spielerischere Optik zu erzielen. Der Hintergrund der Artikelvorschau wurde mit einem magentafarbenden Filter versehen, um die Lesbarkeit des Titels zu verbessern und ein einheitliches Erscheinungsbild der Container zu gewährleisten.

Die Startseite präsentiert die einzelnen Artikel in Kartenform, die einen klaren Eindruck darüber vermitteln, wie der jeweilige Artikel weiterhelfen kann. Zusätzlich können Artikel favorisiert werden, und es werden ähnliche Artikel vorgeschlagen. Weitere Artikel können über ein Dropdown-Menü angezeigt werden. Diese Funktionalität gewährleistet einen klaren Überblick, auch wenn mehr Content produziert wird. Weiter unten auf der Seite befinden sich die Neuigkeiten im Bereich Projektmanagement, die ebenfalls in einem Dropdown-Menü präsentiert werden.

Im Fußbereich der Seite besteht die Möglichkeit für die Nutzerinnen und Nutzer, Feedback zu hinterlassen und ihre E-Mail-Adresse für eventuelle Rückfragen anzugeben. Über die Menüleiste haben die Nutzer außerdem die Option, eigene Artikel hochzuladen, wobei darauf hingewiesen wird, dass diese Funktion nur für bestimmte Personen freigeschaltet ist. Dabei wurde bewusst auf eine einfache Gestaltung geachtet, um sicherzustellen, dass die Autoren den Überblick behalten und die Benutzerfreundlichkeit gewährleistet bleibt.

Die Homepage bietet eine vielfältige Funktionalität, die es den nutzenden Personen ermöglicht, ihre Suche zu verfeinern und ihre Erfahrung individuell anzupassen. Durch das Filtern nach verschiedenen Schlagwörtern und das Sortieren über einen Icon erhalten die nutzenden Personen präzise und maßgeschneiderte Ergebnisse, die ihren Bedürfnissen entsprechen. Beim Klicken auf einen Artikel öffnet sich eine eigene Unterseite, die eine Zusammenfassung des Inhalts sowie spezifische Informationen zur relevanten Projektphase liefert. Nutzer können nicht nur Inhalte herunterladen und bewerten, sondern auch direkt über soziale Medien teilen, um ihr Wissen zu verbreiten und mit anderen zu interagieren. Zusätzlich wird der Autor des Beitrags präsentiert, begleitet von einem Hyperlink zu seiner Webseite, falls vorhanden, was den Nutzenden Personen ermöglicht, mehr über den Verfasser oder die Verfasserin zu erfahren und sich weiter mit dem jeweiligen Fachgebiet zu beschäftigen.

Des Weiteren werden dem Nutzer auf der Homepage weitere Artikel vorgeschlagen, die auf seinen bisherigen Interessen und Suchanfragen basieren. Dies schafft eine personalisierte Benutzererfahrung und bietet dem Nutzer eine breite Palette relevanter Inhalte, die sein Interesse wecken könnten. Durch diese zusätzliche Funktion wird die Navigation auf der Plattform erleichtert und die Nutzer werden ermutigt, weiter zu stöbern und ihr Wissen zu vertiefen.

Style-Guide

Styleguide für das Projekt von Leandra Irmscher & Tabitha Korte