Was ist eine GUI?

Read in English (Auf Englisch lessen)

Eine grafische Benutzeroberfläche (GUI) ist eine Schnittstelle zwischen einem Benutzer und einem Computer oder einer Webseite, interagiert mit einer Reihe von visuellen Elementen, wie Fenstern, Symbolen, Menüs, Cursor und Schaltflächen, um Computerbefehle auszuführen. GUIs sind intuitiv und ermöglichen es Benutzern, ein Betriebssystem (OS) oder eine Software ohne umfassende technische Kenntnisse zu bedienen. 

GUIs unterscheiden sich von Befehlszeilenschnittstellen (CLI), bei denen die Benutzer Befehle eingeben müssen. Eine grafische Benutzeroberfläche (GUI) ermöglicht es den Benutzern, mit einem Computer zu interagieren, ohne die für CLI erforderlichen Programmierkenntnisse zu besitzen. Dadurch sind GUIs für eine Vielzahl von Nutzern zugänglich und ermöglichen es den Nutzern, einfach durch ein Programm oder eine Website zu navigieren und bestimmte Elemente wie Schriftgröße und -farbe anzupassen. Ein Beispiel für eine CLI ist MS-DOS, und ein Beispiel für eine GUI ist Microsoft Windows. Schauen wir uns genauer an, was eine grafische Benutzeroberfläche ausmacht.

Elemente, aus denen eine GUI besteht

Bei der Verwendung einer grafischen Benutzeroberfläche zur Eingabe von Befehlen sind die Benutzer auf WIMPS (Fenster, Symbole, Menüs, Zeiger und Bildlaufleisten) angewiesen. Dies ist das Benutzeroberflächen-Toolkit und ermöglicht die Erstellung der grafischen Benutzeroberfläche. GUIs haben verschiedene Elemente, darunter Eingabeelemente, Navigationskomponenten, Informationskomponenten und Container. Hier ist eine Liste einiger Elemente, die eine GUI ausmachen:

• Schaltfläche: Eine Schaltfläche zeigt eine Aktion an, die bei Betätigung durch ein Symbol oder einen Text ausgeführt werden kann.

• Dropdown-Liste: Dies gibt einem Benutzer eine Reihe von sich gegenseitig ausschließenden Optionen, die von einer Schaltfläche herunterfallen.

• Fenster: Ein Fenster ist eine rechteckige Anzeige des aktuellen Programms, das verwendet wird.

• Symbol: Ein Symbol ist ein mit einem Hyperlink versehenes, intuitives Symbol, das dem Benutzer eine einfache Navigation durch Programme, Videos, Dateien und vieles mehr ermöglicht.

• Suchfeld: Ein Suchfeld ermöglicht den Nutzern, ein Wort oder einen Satz einzugeben, der nützliche Ergebnisse liefert.

• Symbolleiste: Eine Symbolleiste enthält Schaltflächen, Widgets, Symbole, Suchfelder und mehr in einer Reihe, die sich oft am unteren oder oberen Rand einer GUI befindet.

• Datums- und Zeitauswahlfelder: Diese Eingabesteuerungen bieten den Nutzern ein Pop-up- oder Drop-down-Menü, mit dem sie ein bestimmtes Datum und eine bestimmte Uhrzeit auswählen und in das Programm oder die Software eingeben können, die sie verwenden.

• Brotkrümel: Breadcrumbs zeigen einem Benutzer, wo er sich in einem System befindet, indem sie eine Reihe von Ordnern oder Seiten, durch die er navigiert hat, oben auf einer Seite anzeigen. 

• Pop-up-Fenster: Ein Pop-up-window oder modales Fenster zwingt den Benutzer, Informationen in das Textfeld des Fensters einzugeben, bevor er auf den Rest der grafischen Benutzeroberfläche zugreifen kann.

• Akkordeon: Ein Akkordeon ist ein Container, in dem Elemente vertikal so gestapelt werden, dass sie beim Anklicken weitere Informationen darunter anzeigen. Die Elemente werden sichtbar oder verborgen, wenn der Benutzer auf das Etikett des Stapels klickt. 

Verwandte Begriffe

• UI-Design

• Befehlszeilenschnittstelle

• Benutzerfreundlichkeit

• UI vs. UX

• IT-Kenntnisse

Erfahren Sie mehr über UX mit Coursera

Auf Coursera können Sie die Welt der User Experience mit dem Google-UX-Design (Berufsbezogenes Zertifikat) weiter erforschen. Dieser Kurs gibt Ihnen die Werkzeuge an die Hand, die Sie benötigen, um UX-Forschung zu verstehen, grundlegende Konzepte anzuwenden und Prototypen zum Testen und Verbessern zu erstellen.