Was ist eine GUI und was tut sie für Sie?

Egal, ob Sie diesen Artikel auf Ihrem Smartphone, Tablet oder Computer lesen, Sie erleben ihn über eine grafische Benutzeroberfläche oder GUI. Wie der Name schon sagt, ermöglicht eine GUI Benutzern die Interaktion mit elektronischen Geräten über grafische Symbole und nicht über textbasierte Benutzeroberflächen. Hier ist ein Blick auf die Geschichte der GUI und warum sie so wichtig ist.

GUI-Geschichte

Langjährige Windows-Benutzer könnten denken, dass der Übergang von textbasierten Systemen zu GUI erfolgte, als Windows 95 Windows 3.1 ersetzte. Obwohl dies ein wesentlicher Meilenstein bei der Einführung von GUIs war, müssen Sie bis 1963 zurückgehen, als das erste grafische Computer-Aided-Design-Programm eingeführt wurde.

Mit dem Sketchpad-Programm von Ivan Sutherland konnten Benutzer Objekte in Konstruktionszeichnungen mit einem Lichtstift erstellen und manipulieren. Sketchpad wurde später in diesem Jahrzehnt von Stanfords On-Line System (NLS) gefolgt. Obwohl der Name NLS in der Geschichte verloren gegangen sein könnte, ist das Ergebnis nicht. Das System verwendete textbasierte Hyperlinks, die von der weltweit ersten Computermaus manipuliert wurden.

In den 1970er Jahren wurde die Smalltalk-Programmierung eingeführt, die auf dem Xerox Alto-Computer lief. Die meisten modernen GUIs sind von diesem System abgeleitet. In der Zwischenzeit brachte die Xerox PARC-Benutzeroberfläche andere, inzwischen vertraute grafische Elemente in den Vordergrund, darunter Fenster, Menüs, Optionsfelder und Kontrollkästchen. Am Ende des Jahrzehnts beschäftigten sich Unternehmen wie Microsoft, Apple und IBM mit GUIs.

Spätere Adoption

GUI-Systeme erreichten in den schnelllebigen 1980er Jahren den Mainstream. Der Apple Lisa wurde 1983 veröffentlicht, gefolgt vom viel erfolgreicheren ersten Apple Macintosh ein Jahr später. Windows 95 kam schließlich ein Jahrzehnt später auf den Markt und wurde innerhalb weniger Monate zum beliebtesten Desktop-Betriebssystem aller Zeiten.

Im frühen 21. Jahrhundert kamen mobile Betriebssysteme auf, darunter Apples iOS, Googles Android und viele mehr. Obwohl sie sich oberflächlich unterscheiden, haben alle die gleichen GUI-Elemente verwendet, die erstmals vor Jahrzehnten implementiert wurden.

Wichtige GUI-Funktionen

GUI-Systeme bieten jeweils diese generischen Abschnitte: Fenster, Menü, Symbole, Steuerelemente und Registerkarten. Zu den interaktiven Elementen gehören ein Cursor, ein Zeiger, ein Einfügepunkt, eine Auswahl und ein Anpassungsgriff.

Fenster

Sie sehen sich diesen Artikel über einen Webbrowser an, der per Definition ein Fenster ist, genau wie Ihr E-Mail-Programm oder der Adobe-Softwaretitel. Fenster sind Bereiche eines Computerbildschirms, in denen sichtbare Informationen vom Rest des Bildschirms getrennt sind.

Ein Containerfenster umschließt andere Fenster oder Steuerelemente, so wie Sie mit einem Browserfenster eine Reihe von Elementen wie Dokumente oder Webseiten anzeigen und darin navigieren können. Heute erscheinen Konsolen wie US-DOS und UNIX über Textterminalfenster.

Es gibt auch Meldungsfenster, die manchmal als Dialogfelder bezeichnet werden. Diese Fenster werden innerhalb eines Programms auf Ihrem Computer geöffnet. Diese fordern Sie normalerweise auf, eine positive oder negative Antwort zu geben. Wenn Sie beispielsweise ein Dokument in einem Programm wie Microsoft Word ändern, wird möglicherweise ein Meldungsfenster angezeigt, in dem Sie gefragt werden, ob dies die gewünschte Änderung ist.

Menüs

Wenn Sie eine Maus, einen Finger oder ein anderes Zeigegerät verwenden, führen Sie höchstwahrscheinlich einen Befehl über das nächste GUI-Element, Menüs, aus. Diese Elemente bieten normalerweise eine Liste mit Auswahlmöglichkeiten, die es dem Benutzer erleichtern, zu bestimmen, was als nächstes zu tun ist. Es gibt verschiedene Arten von Menüs, darunter eine Menüleiste und ein Kontextmenü. Ersteres sehen Sie oben auf dem Bildschirm. Es verfügt über Pulldown-Menüs, die erscheinen, wenn Sie auf Wörter im Menü klicken.

Kontextmenüs hingegen sind unsichtbar, bis sie angeklickt oder angetippt werden. Ein Rechtsklick auf einen Computer ruft normalerweise ein zuvor ausgeblendetes Inhaltsmenü auf.

Symbole

Die auffälligsten Teile eines GUI-Systems sind die Symbole. Diese kleinen Bilder, die auf einem Desktop, einer Homepage oder einem Ordner zu finden sind, stellen verschiedene Objekte wie ein Programm, eine Datei, eine Webseite oder einen Befehl dar. Das Symbol öffnet das besagte Objekt, wenn es angeklickt wird.

Kontrollen

Auf GUI-Systemen finden Sie auch Steuerelemente, die manchmal als Widgets bezeichnet werden. Diese grafischen Steuerelemente sind eine wesentliche Softwarekomponente, die es dem Benutzer ermöglichen, Informationen über eine Anwendung zu lesen oder (durch Editieren) zu bewirken. Steuerelemente nehmen verschiedene Formen an, darunter Schieberegler, Optionsfelder, Kontrollkästchen und mehr.

Registerkarten

Schließlich gibt es Registerkarten. Diese Elemente haben normalerweise die Form eines kleinen rechteckigen Kästchens oder eines einfachen Textes. Beim Anklicken erscheint eine Liste mit ähnlichen Objekten oder Abschnitten. Registerkarten sind beispielsweise eine wesentliche Komponente in Webbrowsern. Wenn Sie auf Registerkarten klicken, können Sie gleichzeitig zwischen zwei oder mehr Websites wechseln, ohne eine andere zu schließen. Jede Registerkarte enthält eine separate Webseite.

Wichtige interaktive GUI-Elemente

Keiner von uns würde wirklich verstehen, was GUI für Computer bedeutet, wenn es nicht die entwickelten Tools gäbe, um zwischen den verschiedenen Funktionen zu wechseln. Diese interaktiven Elemente haben sich im Laufe der Jahre weiterentwickelt und umfassen Cursor, Zeiger und vieles mehr.

Ein Zeiger ist ein grafisches Objekt, das sich mit einer Maus oder einem Touchpad auf einem Computerbildschirm bewegt. Zeiger lösen vertraute Klicks, Berührungen und Ziehbewegungen aus. Ein Cursor ist eine Art Zeiger und zeigt Ihre genaue Position auf einem Display an. Eine blinkende vertikale Linie zeigt die Position eines Cursors an.

Ein Einfügepunkt ist der Ort, an dem vom Benutzer initiierte Befehle auftreten, z. B. in Text-Apps oder bei Verwendung des Kopier-Einfüge-Vorgangs. Eine Auswahl ist eine Liste von Elementen, in denen Benutzeroperationen stattfinden. Benutzer fügen dieser Liste normalerweise Elemente manuell hinzu, wenn auch nicht immer. Schließlich ist ein Anpassungsgriff ein Indikator für einen Startpunkt für eine Drag-and-Drop-Operation. Ein Feld, das beispielsweise an den Ecken und Kanten eines Fensters angezeigt wird, ist ein Anpassungsgriff.

Viel zu sehen

In vielerlei Hinsicht ist alles  auf einem Computerbildschirm eine GUI. Obwohl sich die Funktionen und Elemente im Laufe der Jahre verbessert haben, sind die Grundkonzepte seit Jahrzehnten gleich geblieben. Ohne diese würde die Computerarbeit ganz anders aussehen.