GUI (Graphical User Interface) Skizzen - Überblick

Mit GUI Skizzen können Entwürfe für grafische Oberflächen entworfen und dargestellt werden. Die skizzenhafte Darstellung erlaubt einen abstrakten Entwurf, der unabhänging von der späteren Gestaltung von Fenstern und Schaltflächen im Betriebssystem ist. Hierdurch wird der Blick auf das Wesentliche gelenkt, eine Festlegung auf eine Zielplattform vermieden und nicht der Eindruck erweckt, dass es sich bei der Skizze um ein unabänderliches Design handelt.

Basiselement

	Fenster sind die Grundlage für die meisten grafischen Oberflächen.
	Textfelder und Textboxen erlauben das Eingeben ein- oder mehrzeiliger Informationen. Das Passwortfeld stellt den Text dabei nur verdeckt dar.
	Beschriftung dienen der Erläuterung und Benennung von anderen Elementen wie bspw. Textfeldern.
	Schaltflächen dienen dem Auslösen einer Aktion.
	Radiobuttons bilden eine Gruppe von Optionen aus denen nur exakt eine Option ausgewählt werden kann.
	Checkboxen stellen Optionen dar, die an- und abgewählt werden können.
	Mit Scrollbalken kann der Inhalt von bspw. Textfeldern gescrollt werden, wenn dieser zu lang für das eigentliche Textfeld ist.
	Dropdowns erlauben dem Nutzer aus einer Menge von vordefinierten Inhalten einen auszuwählen.
	Mit Hilfe von Tabellenspalten können Informationen tabellarisch dargestellt werden.
	Durch eine Gruppe kann die Zugehörigkeit von verschiedenen Elementen zueinander verdeutlicht werden.
	Fortschritsbalken zeigen dem Nutzer den Fortschritt einer länger andauernden Operation.
	Tabs dienen der Gruppierung von zusammengehörenden Elementen und dem schnellen Wechsel zwischen und der Benennung dieser Gruppen.
	Das Expandierbare Element dient dem Benennen und Expandieren bzw. Verbergen von bspw. hierarchisch untergeordneten Informationen oder Elementen.
	Die Linie kann zum Trennen verschiedener Bereiche verwendet werden.
	Die Grafik kann zum Hinzufügen von bspw. Logos, Hintergrundbildern oder anderen komplexen Bildinhalten verwendet werden. Hinweis: Das Grafik Element unterscheidet sich von einem Kommentar mit Bild dahingehend, dass immer sichtbar ist, auch wenn Kommentare ausgeblendet wurden.

Zusammengesetzte Elemente

Aus den zuvor beschriebenen Basiselementen können weitere komplexe Elemente zusammengesetzt werden, wie anhand der vier folgenden Beispiele gezeigt wird:

	Eine Tabelle kann mit Hilfe von einzelnen Tabellenspalten, Beschriftungen und Scrollbalken erstellt werden.
	Das Fenster kann durch Hinzufügen von Beschriftungen und einer horizontalen Linie zu einem Fenster mit Menü erweitert werden.
	Die Kombination eines Textfeldes mit einem Scrollbalken erlaubt das darstellen eines Spinner mit dem der Nutzer auf- und abwärts durch vorgegebene Optionen scrollen und eine dieser auswählen kann.
	Einen Baum, wie er etwa zur Repräsentation von Verzeichnisstrukturen verwendet werden kann, kann mit Hilfe einer Textbox, expandierbaren Elementen, Beschriftungen und Scrollbalken erstellt werden.