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

Wie man

VonMichael Bryant

Zuletzt aktualisiert am21. September 2021

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 anstelle von textbasierten Benutzeroberflächen. Hier ist ein Blick auf die Geschichte der GUI und warum sie so wichtig ist.

GUI-Verlauf

Langjährige Windows-Benutzer denken vielleicht, dass der Übergang von textbasierten Systemen zu GUI stattfand, als Windows 95 Windows 3.1 ersetzte. Obwohl dies ein wesentlicher Meilenstein bei der Einführung von GUI war, muss man bis ins Jahr 1963 zurückgehen, als das erste grafische computergestützte Designprogramm eingeführt wurde.

Mit dem Sketchpad-Programm von Ivan Sutherland konnten Benutzer Objekte in Konstruktionszeichnungen mit einem Lichtstift erstellen und bearbeiten. Sketchpad wurde später in diesem Jahrzehnt von Stanfords On-Line System (NLS) gefolgt. Obwohl der NLS-Name möglicherweise in der Geschichte verloren gegangen ist, ist das Ergebnis nicht der Fall. Das System verwendete textbasierte Hyperlinks, die von der ersten Computermaus der Welt 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. Inzwischen hat die Xerox PARC-Benutzeroberfläche andere mittlerweile vertraute grafische Elemente in den Vordergrund gerückt, darunter Fenster, Menüs, Optionsfelder und Kontrollkästchen. Am Ende des Jahrzehnts engagierten sich Unternehmen wie Microsoft, Apple und IBM mit GUIs.

Spätere Annahme

GUI-Systeme kamen in den schnelllebigen 1980er Jahren in den Mainstream. Die Apple Lisa wurde 1983 veröffentlicht, ein Jahr später folgte der viel erfolgreichere erste Apple Macintosh. Ein Jahrzehnt später kam schließlich Windows 95 auf den Markt und wurde innerhalb weniger Monate zum beliebtesten Desktop-Betriebssystem aller Zeiten.

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

Wichtigste GUI-Funktionen

GUI-Systeme bieten jeweils diese generischen Abschnitte: Fenster, Menü, Symbole, Steuerelemente und Registerkarten. Interaktive Elemente umfassen einen Cursor, einen Zeiger, eine Einfügemarke, eine Auswahl und einen Anpassungsgriff.

Fenster

Sie sehen diesen Artikel über einen Webbrowser, der per Definition ein Fenster ist, genau wie Ihr E-Mail-Programm oder der Softwaretitel von Adobe. 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 in einem Browserfenster eine Reihe von Elementen anzeigen und navigieren können, z. B. Dokumente oder Webseiten. Heutzutage erscheinen Konsolen wie US-DOS und UNIX über Textterminalfenster.

Es gibt auch Meldungsfenster, die manchmal auch Dialogboxen genannt werden. Diese Fenster werden in einem Programm auf Ihrem Computer geöffnet. Diese fordern Sie in der Regel 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 Verschiebung 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 in der Regel eine Auswahlliste, die es dem Benutzer erleichtert, zu entscheiden, was als nächstes zu tun ist. Es gibt verschiedene Arten von Menüs, einschließlich einer Menüleiste und eines Kontextmenüs. Ersteres wird oben auf dem Bildschirm angezeigt. Es verfügt über Pulldown-Menüs, die angezeigt werden, wenn Sie auf Wörter im Menü klicken.

Kontextmenüs sind dagegen unsichtbar, bis sie angeklickt oder angetippt werden. Wenn Sie mit der rechten Maustaste auf einen Computer klicken, wird ein zuvor verstecktes Inhaltsmenü angezeigt.

Symbole

Die auffälligsten Teile eines GUI-Systems sind die Symbole. Diese kleinen Bilder, die sich auf einem Desktop, einer Homepage oder einem Ordner befinden, repräsentieren verschiedene Objekte wie ein Programm, eine Datei, eine Webseite oder einen Befehl. 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 Bedienelemente sind eine wesentliche Softwarekomponente, die es dem Benutzer ermöglicht, Informationen über eine Anwendung zu lesen oder (durch Bearbeiten) zu ändern. Steuerelemente haben verschiedene Formen, einschließlich 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. Wenn Sie darauf klicken, wird eine Liste ähnlicher Objekte oder Abschnitte angezeigt. Tabs sind beispielsweise ein wesentlicher Bestandteil von 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 voll und ganz zu schätzen wissen, was GUI für das Computing bedeutet, wenn nicht die entwickelten Tools zwischen den verschiedenen Funktionen wechseln würden. 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 initiieren vertraute Klicks, Berührungen und Ziehen. EIN Mauszeiger ist eine Art Zeiger und zeigt Ihren genauen Standort auf einem Display an. Eine blinkende vertikale Linie zeigt die Position eines Cursors an.

Ein Einfügemarke Hier werden benutzerinitiierte Befehle zum Beispiel in Text-Apps oder beim Verwenden des Kopier-Einfüge-Vorgangs ausgeführt. EIN Auswahl ist eine Liste von Elementen, in denen Benutzeroperationen stattfinden. Benutzer fügen dieser Liste normalerweise Elemente manuell hinzu, jedoch nicht immer. Endlich ein Einstellgriff ist ein Indikator für einen Ausgangspunkt für eine Drag-and-Drop-Operation. Ein Rahmen, der beispielsweise an den Ecken und Kanten eines Fensters angezeigt wird, ist ein Anpassungsgriff.

Viel zu sehen

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