Systemgrafik

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.

Entwurf_Systemübersicht_130701-01.png

Icons

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.

Icons.gif

Splashscreens

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.

Administrieren

DUVA-Präse_13070810.jpg

Verarbeiten und verwalten

DUVA-Präse_13070811.jpg

Erfassen

DUVA-Präse_13070812.jpg

Auswerten

DUVA-Präse_13070813.jpg