Der Kurs vermittelt gestalterische Grundlagen wie Typografie, Layout, Farbe. Die Studierenden konzeptionierten und entwarfen einen Prototypen für ein Informationssystem und erlernten dabei die Richtlinien der Softwaregestaltung.
Der Kurs vermittelt gestalterische Grundlagen, mithilfe derer jeder die Fähigkeit erlangt, eigene Entwürfe nach objektiven Kriterien auf Schwächen zu analysieren, die Regeln von Typografie und Seitenaufbau wiederzugeben sowie typische Gestaltungsfehler zu erkennen und zu diskutieren. Darüber hinaus befassen sich die Studierenden mit Analyse, Konzept, Entwurf und Prototyping von Software-Produkten und erlernen dabei die Richtlinien der Softwaregestaltung.
Im Rahmen des Semesterprojekts sollte ein Informationssystem mit mindestens drei Informationsebenen zu einem Thema unserer Wahl in Adobe XD oder Figma gestaltet werden. Da ich mich schon seit einiger Zeit für Kryptowährungen interessiere und das Thema aktuell an Relevanz gewinnt, entschied ich mich, meine Informationsstruktur darüber zu gestalten. Meine Informationsebenen sollten dabei über eine Übersichtsseite über Kryptowährungen allgemein in eine Seite über die bestehenden Algorithmen und schlussendlich in die spezifischen Kryptowährungen reichen.
Wie?
Nach der ursprünglichen Themenwahl und Strukturierung der Informationsebenen ging es an die Konzeption. Diese startete mit der Überlegung einer guten Seitennavigation in Miro. Als Optionen testete ich eine Navigationsleiste sowohl an der Oberkante, wie auch über eine Seitenleiste. Zudem ließ ich mir die Option offen, komplett auf eine Navigationsleiste zu verzichten, und rein über eine Inline Navigation mit Hyperlinks und Ähnlichem zu arbeiten. Im ersten Layout entschied ich mich für eine einfache Navigationsleiste am oberen Bildschirmrand.
Nach den ersten Wireframes und Entwürfen in Miro ging es dann an die Umsetzung in Adobe XD. Dort wurden die ersten Informationen eingefügt sowie ein erstes Layout für Bild und Text umgesetzt. Über mehrere Iterationsdurchläufe kamen zusätzlich Farben und Bilder sowie leichte Layoutänderungen hinzu.
Auch wuchs der Umfang an interaktiven Artboards und Verlinkungen mit jeder neuen Iteration.
In der finalen Version bin ich von der regulären Top Navigation zu einer kreativeren Drei-Stufen-Navigation abgekommen, in welcher an drei verschiedene Benutzertypen adaptiert wird. So können unerfahrene User einmal über eine Wortwolke navigieren, welche bekanntere Begriffe enthält, die vielleicht schonmal über die Nachrichten aufgegriffen wurden.
Alternativ können sich entschlossene Benutzer über Hyperlinks von Seite zu Seite hangeln und so alles von A bis Z über Kryptowährungen lernen und tief in die Materie eintauchen.
Zusätzlich gibt es noch eine Suchleiste, über die schon erfahrene Benutzer schnell und effektiv einzelne Fragen zu Themen klären können, ohne sich groß durch die Seite klicken zu müssen.
Um nicht ständig auf das Menü zurückgreifen zu müssen, gibt es einen “To Top” Button, der durch das Schweben mit der Maus die weiteren Optionen “Zur vorherigen Seite” und “Zur Startseite” anzeigt und somit eine schnellere Navigation ermöglicht.
Hinterlasse einen Kommentar