Das Akronym UI bezeichnet jede Schnittstelle zwischen einem Menschen und einer Maschine, sei es textbasiert, sprachbasiert oder gestenbasiert. Die GUI ist nur eine spezielle Form davon: die, die über grafische Elemente auf dem Bildschirm erfolgt. Die Unterscheidung zwischen GUI und UI zu verstehen, ermöglicht es, von Anfang an die richtigen Designentscheidungen für ein digitales Projekt zu treffen, anstatt alles mit einem seiner Teile zu verwechseln.
GUI, CLI, VUI: die drei Familien von Benutzeroberflächen in der Praxis
Von UI zu sprechen, ohne den Typ zu spezifizieren, ist wie von einem Fahrzeug zu sprechen, ohne ein Fahrrad von einem Lastwagen zu unterscheiden. Die Benutzeroberfläche (UI) ist ein Überbegriff, der mehrere technische Familien abdeckt, jede mit ihren eigenen Designanforderungen und Anwendungsfällen.
| Art der Schnittstelle | Abkürzung | Interaktionsmodus | Konkretes Beispiel |
|---|---|---|---|
| Grafische Benutzeroberfläche | GUI | Klicken, Tippen, Ziehen auf visuellen Elementen (Schaltflächen, Icons, Menüs) | Mobile App, Desktop-Software, Webseite |
| Befehlszeilenschnittstelle | CLI | Eingabe von Textbefehlen in einem Terminal | Linux-Terminal, PowerShell, Git Bash |
| Sprachschnittstelle | VUI | Mündliche Befehle, akustisches oder sprachliches Feedback | Sprachassistenten (Alexa, Siri), Sprachkioske |
| Natürliche Benutzeroberfläche | NUI | Gesten, Körperbewegungen, Blick | Mixed-Reality-Headsets, Kinect |
Die GUI ist ein Teilbereich der UI, kein Synonym. Ein Projekt kann mehrere Arten von Schnittstellen kombinieren: Eine Navigations-App für Autos vereint eine GUI (Karte auf dem Bildschirm) und eine VUI (sprachliche Anweisungen). Beide gehören zur UI, aber ihre Designanforderungen unterscheiden sich völlig.
Um die Definition der GUI und ihre Besonderheiten im Vergleich zu anderen UI-Formen zu vertiefen, muss man untersuchen, was sie technisch unterscheidet: die grafische Schicht zwischen dem System und dem Benutzer.
Gestaltung einer grafischen Benutzeroberfläche (GUI): die Elemente, die sie von einer nicht-visuellen UI unterscheiden
Eine GUI basiert auf einem strukturierten visuellen Vokabular. Jedes auf dem Bildschirm angezeigte Element hat eine spezifische Rolle in der Interaktion, und es ist diese grafische Schicht, die sie von anderen Formen der UI trennt.
Typische Komponenten einer GUI umfassen:
- Fenster, Panels und Tabs, die den Arbeitsbereich organisieren und Aufgaben segmentieren
- Schaltflächen, Kontrollkästchen und Dropdown-Listen, die Aktionen auslösen oder Auswahlmöglichkeiten einstellen
- Visuelles Feedback (Fortschrittsbalken, Ladeanimationen, Farbänderungen beim Hover), das dem Benutzer bestätigt, dass sein Befehl berücksichtigt wurde
- Eine Typografie, eine Farbpalette und ein Layout-Raster, die die Hierarchie der Informationen definieren
Eine CLI hingegen verfügt über keines dieser Elemente. Der Benutzer gibt einen Befehl ein, das System gibt Text zurück. Die kognitive Last liegt vollständig auf dem Erinnern der Syntax. Die GUI verlagert diese Last auf die visuelle Erkennung, was sie für nicht-technische Benutzer zugänglicher macht, aber die Gestaltung und Wartung aufwendiger.
Eine VUI stellt ein weiteres Designproblem dar: die völlige Abwesenheit eines Bildschirms. Der Designer muss einen Dialog strukturieren, sprachliche Mehrdeutigkeiten antizipieren und Umgebungsgeräusche managen. Die Werkzeuge, Fähigkeiten und Ergebnisse haben nichts mit denen eines GUI-Designers gemeinsam.
Zugänglichkeit und Normen: wie die europäische Regulierung die Verbindung zwischen UI und GUI neu definiert
Die Unterscheidung zwischen UI und GUI erhält eine konkrete Dimension durch die gesetzlichen Zugänglichkeitsanforderungen in Europa. Seit dem 28. Juni 2025 ist das European Accessibility Act (Richtlinie (EU) 2019/882) in den 27 EU-Ländern für eine breite Palette von digitalen Produkten und Dienstleistungen für die breite Öffentlichkeit anwendbar: E-Commerce, Bankdienstleistungen, Transport, Telekommunikation, E-Books.
Diese Richtlinie stützt sich technisch auf die europäische Norm EN 301 549, die die WCAG 2.1-Kriterien auf Stufe AA für digitale Inhalte integriert. In der Praxis muss jede grafische Benutzeroberfläche, die für die breite Öffentlichkeit in Europa bestimmt ist, detaillierte Anforderungen an Kontrast, Tastaturnavigation, Lesbarkeit und Kompatibilität mit Screenreadern erfüllen.
Auswirkungen auf das Design von GUIs
Eine Schaltfläche, die das erforderliche Kontrastverhältnis gemäß WCAG 2.1 AA nicht erfüllt, ist nicht nur eine schlechte ästhetische Wahl: Es ist ein Mangel an gesetzlicher Konformität. Auch Selbstbedienungsterminals (Kioske) müssen EN 301 549 und WCAG 2.1 AA folgen, mit der Verpflichtung, eine Zugänglichkeits-Erklärung zu veröffentlichen.
WCAG 2.2, die im Dezember 2024 veröffentlicht wurde, führt neue Kriterien ein, die das Design von GUIs verändern, ohne dass sie bereits vollständig durch die Regulierung gefordert werden. GUI-Designer müssen daher zwei gleichzeitige Konformitätsstufen antizipieren.
Und die nicht-grafischen Schnittstellen?
Die Norm EN 301 549 beschränkt sich nicht auf GUIs. Sie umfasst auch Sprachschnittstellen und Befehlszeilenschnittstellen, jedoch mit unterschiedlichen Kriterien. Die Konformität einer UI hängt von der Art der implementierten Schnittstelle ab. Ein Sprachassistent muss Anforderungen an Klarheit und Fluss erfüllen, nicht an visuellem Kontrast. Dies ist ein sehr direktes Beispiel dafür, warum die Verwechslung von UI und GUI zu Spezifikationsfehlern in einem Lastenheft führt.
Wahl zwischen GUI und anderen Formen der UI je nach Produktkontext
Die Wahl der Art der Schnittstelle ist keine Frage der Vorliebe, sondern eine Analyse des Nutzungskontexts. Ein Operator im Serverraum, der sich wiederholende Befehle eingibt, wird mit einer CLI schneller sein als mit einer GUI. Ein Kunde, der ein Produktkatalog auf seinem Telefon einsehen möchte, benötigt eine optimierte Touch-GUI.
Die Frage, die zu stellen ist, lautet nicht “GUI oder keine GUI”, sondern “Welche Art von UI entspricht den Anforderungen des Benutzers, der Umgebung und der Regulierung?”. In einem sich bewegenden Fahrzeug reduziert eine VUI die visuelle Ablenkung. An einem öffentlichen Terminal muss die GUI ausreichend große Touch-Bereiche integrieren, um die Zugänglichkeitsnormen einzuhalten.
Die Art der UI bestimmt die Fähigkeiten des Designteams. Ein GUI-Projekt erfordert UI-Designer, Front-End-Entwickler und Spezialisten für visuelle Zugänglichkeit. Ein VUI-Projekt benötigt rechnergestützte Linguisten und Konversationsdesigner. Diese Bereiche bereits in der Planungsphase zu verwechseln, führt zu Verzögerungen und Mehrkosten während der Entwicklung.
Die Unterscheidung zwischen GUI und UI ist daher kein Vokabelstreit. Sie strukturiert die technischen, budgetären und regulatorischen Entscheidungen eines digitalen Projekts von den ersten Phasen an.
