Was ist ein Graphical User Interface (GUI)?

Die Zeiten, in denen ausschließlich Wissenschaftler und Software-Entwickler Computer nutzen konnten, sind schon lange vorbei. Heutzutage kann fast jeder Mensch einen PC oder ein Tablet bedienen – oft sogar ohne große technologische Vorkenntnisse. Doch dies bedurfte der Entwicklung von grafischen Benutzeroberflächen – einer Art von User Interface.

Die ersten Konzepte zur grafischen Nutzeroberfläche entstanden bereits in den 1970ern im Unternehmen Xerox. Dabei ging es vor allem darum, PCs auch mit Maus und Tastatur bedienen zu können, statt nur über textbasierende Anweisungen. Der Xerox Alto war der erste PC mit einem GUI. In den 80er-Jahren folgte dann Apple mit dem Macintosh. Seit der Entwicklung von Smartphones und Tablets hat sich das Prinzip des grafischen Interfaces deutlich weiterentwickelt. Heute kann man Displays sogar mit Fingerbewegungen und Gesten bedienen.

Das GUI ist eine Schnittstelle zwischen Mensch und Maschine. Zweck dieser grafischen Schnittstelle ist es, den Code im Backend eines Systems möglichst benutzerfreundlich wiederzugeben, um die alltägliche Arbeit damit zu vereinfachen. Symbole und Bilder sind hierbei von besonderer Bedeutung, weil erst mit diesen eine universelle und textunabhängige Anwendung möglich ist. So weiß beispielsweise fast jeder, wie ein Wi-Fi Symbol aussieht, während das Wort dafür in unterschiedlichen Sprachen ganz unterschiedlich aussieht.

Das GUI ist eine Benutzeroberfläche, die es Usern erlaubt, mit dem Computer zu kommunizieren. Üblich ist vor allem die Interaktion per Maus und Tastatur (wobei inzwischen auch die Steuerung über Gesten immer mehr an Bedeutung gewinnt): Wenn wir eine Computermaus bewegen, dann bewegt sich der Zeiger auf unserem Bildschirm. Das Signal des Gerätes wird an den Computer übermittelt, der es dann in eine ähnlich verlaufende Bewegung auf dem Bildschirm übersetzt. Wenn ein Nutzer dann zum Beispiel auf ein bestimmtes Programmsymbol in der Menüauswahl klickt, wird entsprechende Anweisung ausgeführt und das Programm wird geöffnet.

Das GUI ist also eine Art Übersetzer in der Kommunikation zwischen Mensch und Maschine. Ohne GUI müsste man Programme und Anwendungen über Befehle in der Kommandozeile aufrufen. Das kann dann folgendermaßen aussehen (das Beispiel zeigt das Öffnen des Explorers):

Ein Graphical User Interface verbindet visuelles Design und Programmierfunktionen. Es bietet daher Schaltflächen, Drop-down-Menüs, Navigationsfelder, Suchfelder, Symbole und Widgets. Entwickler sollten dabei vor allem auf Nutzerfreundlichkeit achten. Übliche GUI-Komponenten sind:

• Eingabefelder
• Fenster
• Leinwände (Canvas)
• Rahmen
• Schaltflächen
• Schriftfelder
• Textfelder

Der Papierkorb ist ein gutes Beispiel für ein in den meisten Betriebssystemen zu findendes Element. Und er wird sowohl bei Windows als auch bei Mac grafisch als ein Papierkorb dargestellt. Dadurch ist dem Benutzer sofort klar wozu der Papierkorb dient: dem Löschen von Dokumenten und Dateien.

Beim Schreiben von GUIs setzten Entwickler auf ereignisbasiertes Programmieren, denn sie können nicht voraussagen, welche Tätigkeiten der Anwender ausführen wird. Daher kann man GUIs nicht linear programmieren, sondern muss sie so schreiben, dass ein Kommando nur dann ausgeführt wird, wenn der User das Signal dafür gibt.

Eine gute grafische Benutzeroberfläche sollte in erster Linie dem Nutzer die Bedienung erleichtern. Bei der Konzeption ist wichtig, dass das GUI eine intuitive Steuerung erlaubt. Um das zu erreichen, benötigt man allerdings ein gutes Verständnis für die Bedürfnisse und Vorlieben der Nutzer. Ein User-Experience-orientiertes Design zielt darauf ab, dem Benutzer das zu bieten, was er sich von der Anwendung erhofft. Worauf man bei der Entwicklung eines GUIs auf jeden Fall achten sollte, sind folgende Merkmale:

• Einfache Schnittstellen. Es empfiehlt sich, auf unnötige Design-Elemente zu verzichten und einfache und klar verständliche Bezeichnungen zu wählen.
• Zweckorientiertes Layout: Jede Seite sollte gut strukturiert sein; jedes Element sollte eine klare Funktion erfüllen.
• Konsistenz: Bei der Verwendung mehrerer Elemente und Grafiken ist es wichtig, dass alle einzelnen Bestandteile aufeinander abgestimmt sind.
• Design und Typografie: Design-Einheiten, Farben und Texte sollten je nach Zweck eines Bestandteils das Element in den Vordergrund oder Hintergrund rücken. Wichtig ist auch, auch jeweils zur Funktion und passende und leicht erkennbare Fonts und Schriftgrößen zu verwenden.
• Benutzer Updates: Ein GUI sollte auch über Fehler und Status-Änderungen informieren.

Grafische Benutzeroberflächen haben sich durchgesetzt, weil sie den Nutzern zahlreiche Vorteile bieten. Aber sie haben auch einige Nachteile. Wir erläutern die Stärken und Schwächen von GUIs in der untenstehenden Tabelle.