In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
Für das Informationsmanagementsystem DUVA, dass von der Stadt Potsdam und weiteren Behörden aus ganz Deutschland zur Arbeit mit statistischen Daten verwendet wird, sollte eine erklärende Infografik und diverse Software-Grafiken entwickelt werden.
Um die verschiedenen Module der DUVA-Software und vor allem deren Zusammenspiel für potenzielle und angehende Nutzer verständlich und einfach darstellen zu können war die erste Aufgabe eine Infografik zu entwickeln.
Dafür war es zunächst erforderlich sich in das komplexe System der DUVA-Module einzudenken und zusammen mit den anderen Kursteilnehmern Gliederungen und auch neue Bezeichnungen für die einzelnen Module zu finden, da diese teilweise mit recht sperrigen Begriffen ausgestattet waren. Im Anschluss machte ich mich daran eine Grafik für die neu gefundene Ordnung zu entwickeln. Die grundlegendste Struktur für diese Grafik ist die Sortierung der Module nach den Aufgaben Eingabe, Verarbeitung und Ausgabe. Weiterhin habe ich die Module farblich von einander abgesetzt. Die Farben stehen dabei für DUVA-spezifische Arbeitsprozesse wie Administrieren, Verarbeiten und verwalten, Auswerten, Publizieren und Erfassen. Anhand dieser Aufgaben werden die Kernmodule in entsprechend farbigen Waben zusammengefasst, die diverse Erweiterungsmodule und Funktionen beinhalten, die farblich abgesetzt dargestellt werden. Die Module habe ich einerseits ihrer hierarchischen Position innerhalb des Systems angeordnet und zum Anderen war es mir wichtig den Fluss der Daten zwischen den Modulen aufzuzeigen. Diese werden durch die dunkelgrauen Balken repräsentiert.
Die Wabenstruktur der Systemübersicht ließ sich gut in ein einfaches aber einprägsames Logo überführen, dass somit auf die einzelnen Module von DUVA direkt Bezug nimmt und eine zeitgemäße visuelle Repräsentanz des Systems darstellt.
Wie auch schon zuvor beim Logo nutzte ich die Wabenstruktur und auch die Farben für die Entwicklung von Programm- und Desktop-Icons. Hierbei galt es zu beachten, dass die Icons in ihrer Formensprache nicht zu komplex waren, da sie auch bei 16 x 16 Pixeln noch gut erkennbar sein mussten. Daher entschied ich mich für klare Formen und für Bilder, die in der Softwareumgebung bereits bekannt sind für bestimmte Arbeitsprozesse, wie die Lupe für Suchen oder ein Kompass für das Navigieren durch Dateien.
Zu guter Letzt galt es noch Splashscreens zu gestalten, die für bestimmte Module benötigt wurden. Hier wurde ebenfalls die Wabenform und die Aufgaben-Farben aufgegriffen und eingesetzt um ein abgeschlossenes und stimmiges visuelles System für die DUVA-Module bereitzustellen.
Verarbeiten und verwalten
Erfassen
Auswerten