Unsichtbare grafische Benutzerschnittstellen

Normalerweise sind verfügbare UIs sichtbar und einfach zu bedienen. Das heißt:

Man sieht sie deutlich und erkennt um welche UI es sich handelt (kein Röntgenblick oder Telepathie notwendig!) und somit welche Funktion diese hat
Die Bedienung bzw. das Betätigen der UI verlangt weder Nerven aus Stahl noch höchste Konzentration und Nanometer-Arbeit (Catch-me-if-you-can-Spiel mit dem Mauszeiger)

Falls man zufällig den Mauszeiger in der Nähe bewegt, scheint eine sehr dünne und nichts-sagende Linie

Konzentration bitte! Amazon könnte sich einen vertikal breiteren Scroller – wegen zu höhe Pixel-Preise – nicht leisten :-/

Das epische Abenteuer eines Linzer Wasserhahns: Wie ich fast zum Chirurgen wurde

In einem der berühmten Linzer Cafés, das ich während meines Besuchs für die WikiCon 2023 besuchte, führte mich ein dringendes Bedürfnis in das stillste Örtchen des Etablissements. Doch was ich dort erlebte, war alles andere als still.

Beim Händewaschen wurde ich von einem modernen Wunderwerk der Sanitärtechnik begrüßt. Ein Wasserhahn, der nicht nur durch Infrarot-Sensoren gesteuert wurde, sondern auch gleichzeitig ein Händetrockner war.

Moderne Sanitärtechnik - Wasserhan, Handtrockner und Seifenspender zu nah beinander — Moderne Sanitärtechnik – Wasserhan, Handtrockner und Seifenspender zu nah beinander

Einmal die Hände in der Mitte drunter – Wasser marsch! Ein kleiner Schwenk nach außen und – heiße Luft statt kühlem Nass! Das alleine wäre ja noch kein Drama gewesen, aber der benachbarte Flüssigseifenspender hatte offenbar seine ganz eigenen Pläne. Mit meiner rechten Hand wollte ich nur etwas Seife aus dem Spender holen. Und während ich dachte, ich würde lediglich eine gewöhnliche Flüssigseife erhalten, bekam ich scheinbar das schmierigste Substrat dieser Erde serviert.
Ein Seifen-Albtraum! Jedes Mal, wenn ich versuchte, Wasser zu bekommen, pustete der Händetrockner mir entgegen. Und wollte ich die Seife abwaschen, bekam ich vom spendablen Seifenspender gleich noch eine Runde obendrauf.

Es war ein Tanz, ein Duell, ein Spiel, das ich nicht gewinnen konnte.

Nach einer gefühlten Ewigkeit, in der ich scheinbar mit der Sanitärtechnik des 22. Jahrhunderts kämpfte, konnte ich endlich den Waschraum verlassen. Meine Freunde im Gastgarten hatten sich schon Sorgen gemacht. Doch als ich mit strahlend sauberen Händen zurückkehrte, meinte einer von ihnen schmunzelnd: „Mit diesen Händen könntest du jetzt locker ein Gehirn operieren.“ Wenn er nur wüsste!

Moral der Geschichte: Bei der Gestaltung von grafischen Benutzeroberflächen (GUI) sollten Steuerelemente, die in Kategorie, Gruppierung oder Kontext zusammenhängen, nah beieinander platziert werden. Doch wenn sie zu nah aneinander geraten, kann das Ergebnis völlig anders ausfallen, als beabsichtigt. So wie bei meinem Duell mit dem modernsten Wasserhahn Linz‘, kann auch in der Software-Welt ein zu dichtes Design zum chaotischen Erlebnis führen.

Dazu empfehle ich meinen Artikel über GUI Design (UI) und User Experience (UX) „User Interface Agoraphobie„.

Das Küchenmesser als Analogie für UI und UX

Ein gut gestaltetes Layout und eine effektive grafische Benutzeroberfläche (GUI) für eine Anwendung können verglichen werden mit einem Küchenmesser inklusiver Griff. Dadurch wird es:

intuitiv: Nutzer wissen sofort, wie es zu verwenden ist (Worauf soll ich klicken?…).
sicher: Es minimiert Verletzungsrisiken (Falsche/Verkehrte Dateneingabe, doppelte Einträge, unabsichtliches Löschen von Daten,…).
handlich: Es liegt gut in der Hand (Es macht Spaß damit zu arbeiten…).
effizient: Man kann präzise und schnell schneiden (Was muss ich als Nächstes anklicken?…).
stabil: Es rutscht nicht aus der Hand (Ohje! Muss ich alles nochmal eingeben? Warum funktioniert es diesmal nicht?…).
klar: Es bedarf keiner langen Erklärung (die Dokumentation nicht wirklich notwendig, oder wenn es wegen ISO Standards udg. es sein muss, kann auf ein Screenshot und/oder die Erwähnung plus kurzer Tooltip-Text reduziert werden).

Selbst die fortschrittlichste Anwendung verliert an Wert, wenn sie nicht einfach und intuitiv zu bedienen ist, da sie dann selten und ungern genutzt wird.

UI-Agoraphobie (UX)

Obwohl viele Softwareentwickler:innen nicht an Agoraphobie leiden, zeigen sie dennoch eine Scheu vor leeren Flächen in ihren Anwendungsfenstern. Sie neigen dazu, jeden Dialog und jedes Fenster lückenlos mit Schaltflächen, Optionsfeldern und Textfeldern auszufüllen. Zwar kann dadurch möglicherweise ein zusätzliches Fenster oder ein weiterer Dialog eingespart werden, doch zwingt dies den Kundenservice dazu, wiederholt ähnliche Fragen von Benutzern zu beantworten.

Ein überfrachtetes Fenster oder Dialog mit zahlreichen UI-Elementen kann bei den Benutzer:innen das Gefühl hervorrufen, einem Hai im dichten Fischschwarm gleichzukommen: Orientierungslosigkeit dominiert.

Wenn Sie Ihre Software vorstellen und die Reaktion darauf ein verständnisloses Stirnrunzeln ist – ein stilles „Oh Gott!“ oder im österreichischen Dialekt „Na servas!“ oder „Bist du narrisch!“ – dann haben Sie vermutlich zu viele Bedienelemente in den verfügbaren Raum gepresst.

Seien Sie mutig und gestalten Sie die Benutzeroberfläche (GUI) klar und übersichtlich. Verhindern Sie, dass Nutzer:innen bereits beim ersten Anblick resignieren, unsicher sind und nicht wissen, wo und wie sie beginnen sollen.