Intranet Graphical User Interface Redesign

Aufgabenstellung

Die Aufgabe bestand darin, ein neues GUI (Graphical User Interface), also eine neue Nutzeroberfläche, für das Intranet der Fakultät Digitale Medien der HFU zu gestalten. Es sollten die Startseite sowie eine Kursseite für Lehrende und Studierende überarbeitet werden. Die aktuelle Startseite des Intranets sieht folgendermaßen aus:

Bildquelle: (eigener) Screenshot

Wie man erkennen kann, ist die Informationsmenge nicht gering. Daher war ein wichtiger Aspekt für das neue GUI, die kognitive Last für den Nutzer zu reduzieren.

1. Konzeption des GUIs als Skizze (Low-Fidelity)

Im ersten Schritt sollte man die eigenen Ideen mit niedrigem inhaltlichen, visuellen und interaktiven Reifegrad (=Low-Fidelity) darstellen. Hierfür eignet sich beispielsweise eine einfache Zeichung, welche kein Design benötigt und auch Platzhalter beinhalten kann.

Zur GUI Konzeption (Low-Fidelity)

2. Prototypische Umsetzung des GUI Konzeptes (High-Fidelity)

Anschließend wurde die Low-Fidelity Konzeption nochmals überarbeitet und prototypisch mit hohem Reifegrad umgesetzt. Ich entschied mich, anstelle eines Prototyping-Tools, Webtechnologien (HTML, CSS, JS) für die Umsetzung zu verwenden.

Zum GUI Prototyp (High-Fidelity)