Techniker und Softwareentwickler aus Leidenschaft
Meine Welt der Technik: Einblicke, Anleitungen und Erfahrungswerte
Normalerweise sind verfügbare UIs sichtbar und einfach zu bedienen. Das heißt:
In meinen früheren Beiträgen habe ich bereits Beispiele präsentiert – wie in „Wenn Software starr statt flexibel ist“ und „Der Mensch als Randnotiz“ –, die eindrucksvoll zeigen, wie der Designmangel von Hardware oder Software vor Ort improvisiert korrigiert wurde. Oft kamen dabei einfache Mittel wie Papier, Klebeband oder Buntstifte zum Einsatz, um unzureichende Funktionen zu kompensieren oder die Nutzung zu erleichtern.
In diesem Fall scheint die Bezeichnung einer Schaltfläche so unklar gewählt zu sein, dass sie die Kunden zunächst zum Nachdenken und schließlich direkt zum Schalter führte, um dort Fragen zu stellen oder Hilfe zu erhalten. Ironischerweise wurden diese Automaten eigentlich eingeführt, um das Personal zu entlasten.
Wie ich bereits auf der Seite „User Experience (UX)„ unter dem Abschnitt „Grundprinzip von UX: Eliminierung der Fragezeichen“ erläutert habe, sollte ein Benutzer niemals rätseln müssen, welche Funktion eine Schaltfläche hat oder wohin ein Klick ihn führt. Weiter unten findet sich eine Liste mit negativen Beispielen unter dem Titel „Beispiele für Dinge, die den User zum Nachdenken zwingen„.
Wir verfügen über Laser, Phaser, Super-Computer, Internt der Dinge, künstliche Intelligenz àla Chat GPT und die Fähigkeit, Pathfinder, Rover und den Ingenuity Mars Helicopter tausende Meilen entfernt auf dem roten Planeten fernzusteuern.
Doch anscheinend stehen wir vor einer schier unüberwindbaren Herausforderung, wenn es darum geht, einen einfachen Küchenlüfter im Erdgeschoss auf der Erde zu kontrollieren!
Vom Traum zur Technik-Albtraum: Eine Ode an die User Experience in meiner Elternschaft
Jeder, der schon einmal den grenzenlosen Enthusiasmus erlebt hat, der mit dem Einzug in eine neue Wohnung einhergeht, weiß, wie groß die Freude sein kann. Meine Eltern waren da keine Ausnahme, als sie 2021 endlich die Türen ihrer brandneuen Bleibe öffnen konnten.
Doch wie das Schicksal es manchmal will, wurde ihre Begeisterung jäh gebremst durch Technik, die so nutzerfern ist, als hätte sie sich entschlossen, in den Ruhestand zu gehen, und durch ein Benutzerhandbuch, das so schwer zu finden ist, als wäre es ein Mythos aus vergangenen Zeiten.
Ein Paradebeispiel für diese technologische Achterbahnfahrt sind die vier Lüfter, die scheinbar auf den höchsten Gipfeln des Mauerwerks thronen, als wären sie eigenständige Kunstwerke. Leider sind sie nicht nur hochgelegen, sondern auch fest verankert, als wollten sie die Flucht ergreifen, sobald die Bewohner nach Hilfe rufen. Und als ob das nicht genug wäre, wurde das „finishing“ der Lüfter so nachlässig gehandhabt, als hätte ein Künstler versucht, ein Meisterwerk mit geschlossenen Augen zu vollenden.
Die wahre Komödie beginnt jedoch, wenn man versucht, diese Lüfter zu bedienen. Der 7-Segment-LED und die Ein-/Aus-/Stufen-Taste sind direkt auf den Lüftern platziert, ohne auch nur den Hauch einer Fernbedienung.
Meine Mutter, die mutig entschlossen ist, ihre Umgebung zu kontrollieren, hat sich zu einem wahren Meister der Improvisation entwickelt. Ihr Werkzeug der Wahl? Ein extra langer Kochlöffel – der einzige Schlüssel zur Macht über die Lüfterherrschaft.
Das kleine 7-Segment-LED mag Zahlen anzeigen, aber für meine Mutter ist es eher eine kryptische Botschaft, die nur von den Göttern der Technik entschlüsselt werden kann. Welche Stufe gerade eingestellt ist, bleibt ihr ein Rätsel, da sie sie aus der Ferne nicht erkennen kann. Aber hey, wer braucht schon klare Informationen, wenn man auch einfach nach Gefühl die Lüfterregler auf und ab bewegen kann?
In der Welt der User Experience gibt es keine Trennung zwischen Technik und Mensch. Ein gut durchdachtes Design sollte nicht nur verbinden, sondern auch eine Brücke schlagen zwischen den Menschen und der Technologie.
In diesem Sinne bleibt uns nur zu hoffen, dass künftige technologische Fortschritte weniger einem Hindernisparcours gleichen und mehr einem unterhaltsamen Spaziergang durch den Park der Anwenderfreundlichkeit werden. Möge der nächste Kochlöffel nur noch in der Küche seine wahre Bestimmung finden! Amen!
Die Lösung wäre eigenlich sehr einfach: Bluetooth oder Wifi (WLAN) + eine App für das Handy, oder noch einfacher und produktionsgünstiger: eine Fernbedienung.
Wenn es um Software (SOFT + ware) geht, liegt in ihrer Bezeichnung bereits eine grundlegende Erwartung: Sie sollte weich, verformbar, flexibel und anpassbar sein. Eine Software, die diese Eigenschaften vermissen lässt, gleicht eher einem starren Hardware-Produkt: Nicht einfach konfigurierbar und damit oft unbrauchbar, resultiert dies in kostspieligen Neuanschaffungen oder zeitaufwendigen Neuentwicklungen.
Als ich neulich zur Post ging, um eine Sendung abzuholen, fiel mir eine einfache, schnelle und praktische Lösung auf, die die Mitarbeiter der Post-Filiale gefunden hatten. Ich vermute, dass die (sogenannte) „Software“ des Info-Kiosks¹ entweder nicht lokal² konfigurierbar ist oder sich nicht schnell und einfach anpassen lässt. Andernfalls hätten die Mitarbeiter der Post-Filiale nicht zu Papier, Schere und Klebeband greifen müssen.
Höchstwahrscheinlich (meine persönliche Vermutung) wurde bereits in den frühen Phasen des Designs und der Entwicklung übersehen, das System konfigurierbar zu gestalten. Dies hätte es dem Personal vor Ort ermöglicht, Titel oder Text zu bearbeiten und Bilder auszutauschen.
1 Info-Kiosk: Auch bekannt als „digitales Kiosksystem“, „Touchscreen-Infostand“, „Self-Service-Terminal“, „interaktiver Informationsstand“ oder allgemein als Digital Signage bzw. Point-Of-Sale (kurz: POS) bezeichnet
2 Remote (von der Ferne über das Internet) durch dafür vorgesehene Personal zu konfigurieren bzw. aktualisieren
Ich war zutiefst erstaunt, als mein sehbehinderter Vater mir sein neues Smartphone vorführte und seinen Unmut darüber äußerte.
Anfangs hegte ich Zweifel, doch dann nahm ich das eigens für Blinde entwickelte Smartphone mit physischer Tastatur und Google Assistant-Taste in die Hand und testete es selbst.
Szenario 1: Notfall
Stellen Sie sich vor, ich fahre meinen Vater im Winter bei Minustemperaturen, und wir erleiden einen Unfall. Das Auto liegt auf dem Dach, die Batteriesäure tritt aus, es brennt im Motorraum, Rauch liegt in der Luft, und Glasscherben bedecken den Boden. Mein Vater ruft nach mir, da er sich nicht befreien kann. Doch ich bleibe stumm.
Glücklicherweise hat er sein speziell für Blinde entwickeltes Smartphone dabei. Aber jetzt muss er 33-mal die Nach-Unten-Taste drücken, um die „SOS“-App auszuwählen und um Hilfe zu bitten. Dabei gibt es 30 andere Apps auf diesem Smartphone, die wichtiger sind als „SOS“.
In meinem Video können Sie sehen, dass ich als Sehender nicht darauf warten muss, dass die Stimme die Einträge vorliest, da ich visuell mehrere App-Namen gleichzeitig erkennen kann. Aber kann eine sehbehinderte Person in Panik- oder Stresssituationen wirklich auswendig wissen, wie oft sie auf welche Taste klicken muss?
Szenario 2: Jemanden anrufen
Gut, dass das Gerät eine „Google-Assistent-Taste“ hat! Mein Vater drückt diese Taste und sagt ins Mikrofon: „Pedram anrufen!“ Der Google-Assistent antwortet gehorsam: „Peter unter Kontakten nicht gefunden!“ Offenbar wird mein Vorname „Pedram“ einfach in „Peter“ umgewandelt, um dann in der Kontaktliste des Androids gesucht zu werden.
Szenario 3: Die Schaltfläche mit dem Mikrofonsymbol in der Suchleiste der Google-App verwenden (Google Speech-to-Text und automatische Suche)
Da mein blinder Vater den Bildschirm nicht sehen kann, muss er mit einer physischen Taste zunächst zu dieser Schaltfläche navigieren und sie dann mit einer anderen physischen „OK“-Taste aktivieren. Das Aktivieren funktioniert, aber die Software lässt die Taste wieder los, obwohl der Finger immer noch darauf bleibt. Speech-to-Text und die anschließende Suche funktionieren somit überhaupt nicht!
Szenario 4: Akkulaufzeit
Auch in diesem Punkt wurden keine Fortschritte erzielt, und die Akkulaufzeit hat sich halbiert bis gedrittelt! Mein Vater musste das vorherige Modell alle 5 bis 10 Tage aufladen, aber jetzt muss er es spätestens alle 3-5 Tage aufladen.
Szenario 5: Komplette Umkehrung der Menüführung
Jedes einzelne Bit und Byte wurde umgedreht. Der neue Irrgarten, auch bekannt als Menü, ist völlig anders. Alles, was über Jahre hinweg gelernt und gemerkt wurde, muss mein Vater vergessen, da es nun absolut nutzlos ist. Offenbar hat niemand eine Alternative zum neuen Menü in Betracht gezogen!
Andere Szenarien wie die merkwürdige Übersetzung und Aussprache englischer Texte, unerwartete Namen und beschreibungslose Pop-up-Dialoge aller Art sowie ständige Abstürze der „Text-to-Speech“-Software (die einen Neustart notwendig machen) lasse ich hier außer Acht.
Diesem Produkt hätten folgende Dinge nicht geschadet:
Damit „Fehlanpassungen“ und die Unzufriedenheit der Benutzer bereits früh in der Entwicklung vermieden worden wären.
Wenn klickbare Elemente nicht sofort als solche erkennbar sind oder nicht logisch gruppiert werden, kann dies beim Benutzer zu Verwirrung führen und ihm die Orientierung erschweren.
Ein gutes Layout von Steuerpanels und grafischen Benutzeroberflächen ist essenziell für die Benutzerfreundlichkeit aus folgenden Gründen:
In Kombination ermöglichen diese Punkte eine flüssige und fehlerfreie Interaktion mit der Benutzeroberfläche und tragen maßgeblich zur Zufriedenheit des Benutzers bei.
Das Beitragsbild, welches das Steuerpanel eines Kühlschranks zeigt, ist ein eindrucksvolles Beispiel für ein chaotisches Durcheinander von Tasten und Anzeigen, das den Betrachter völlig verwirrt und entmutigt. Ein Blick darauf lässt den Nutzer unweigerlich nach der Bedienungsanleitung greifen.
Weitere verwandte Artikel über Design (UI) und User Experience (UX)…
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.
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„.
Weitere verwandte Artikel über Design (UI) und User Experience (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:
Selbst die fortschrittlichste Anwendung verliert an Wert, wenn sie nicht einfach und intuitiv zu bedienen ist, da sie dann selten und ungern genutzt wird.
Weitere verwandte Artikel über Design (UI) und User Experience (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.
Farbkontraste helfen, Dinge leichter und schneller zu erkennen.
Falls die Farbwahl nicht optimal ist, fällt es den Benutzer:innen/Betrachter:innen schwer, Details zu erkennen, wodurch sie Elemente übersehen könnten und schneller ermüden. Dies liegt daran, dass die Augenmuskulatur stärker beansprucht wird. Im nachstehenden Beispiel ist das Optionsfeld kaum wahrnehmbar, da das Kästchen erst nach dem Aktivieren sichtbar wird.
Neulich müsste ich etwas scannen, und leider müsste ich die Einstellungen des Scanners anpassen. Dabei fiel mir die Schaltfläche „Standard“ auf. Ich positionierte den Mauszeiger darauf, in der Hoffnung der Text in der Sprechblase wurde dessen Funktion etwas genauer erklären …
Leider wurde keine Sprechblase eingeblendet, und ich zögerte, darauf zu klicken, weil ich befürchtete, alle Einstellungen erneut vornehmen zu müssen.
Die Sprechblase stellt die direkteste und einfachste Verbindung zwischen dem Nutzer und der Dokumentation dar.
Ein informativer Tooltip spart dem Nutzer den Griff zur gedruckten oder digitalen Dokumentation und die anschließende Suche nach einer Erklärung.
Ist die Information über die Funktion einer Benutzeroberfläche (UI) treffend formuliert, erspart sie dem Nutzer:
Oft sind sich Nutzer nicht sicher, und eine kurze und klare Tooltip-Information kann dem Nutzer das nötige Vertrauen geben, seine Aktion fortzusetzen, oder ihn davon abhalten, einen möglichen Fehler zu begehen.
Der Tooltip sollte möglichst kurz sein, und nicht versuchen die Dokumentation zu ersetzen.
Die Sonne ist über uns, also oben. Deswegen entsteht der Schatten nach unten.
Siehe Schatten von Bäumen, Berge, Häuser, Autos, Menschen.
Alle 3D Objekte in der realen Welt, die man drücken, ziehen, pressen, schieben oder draufhauen kann, werfen einen … was? Dreimal dürft ihr raten!
Warum die Leute in Redmond den Flat Design ohne Schatten und somit ohne Signalwirkung damals, bei Windows 7 gewählt haben, ist mir bis heute ein Rätsel.
Zum Beispiel hier: „Herunterladen und installieren“ wird genauso flach, grau, ohne Schatten dargestellt wie so ziemlich alles andere auch:
Definition: Verwaiste UI Elemente sind grafische Benutzersteuerungs-Elemente, wie Textfelder, Check-Kästchen, Optionsfelder udg., die jedoch keine Funktion/Wirkung haben.
Verwaiste UI Elemente haben in einem Produktionssystem nichts verloren. Diese zeigen einem aufmerksamen Anwender, dass:
Zudem verwirren die verwaiste UIs den Anwender, erzeugen in seinem Kopf unnötige Fragen, machen ihm unsicher und halten ihn unnötig auf. Seine Blickführung ist gestört (seine Augen stolpern über das verwaiste UI Element).
Würden Sie ein Auto der Marke „PNW“ kaufen?
Niemand ist fehlerfrei.
Ich mache gelegentlich Fehler – insbesondere in der Rechtschreibung, nicht zu vergessen Verwechslungen von Kasus oder das Auslassen von Artikeln.
In einem Software-System, abhängig von seiner Komplexität, können Rechtschreibfehler auftreten. Aber was geht einem aufmerksamen Nutzer durch den Kopf, wenn solche Fehler gehäuft vorkommen?
Würden Sie ein „PMW“ erwerben? Und wenn nicht, warum eigentlich nicht?
Für zahlreiche Webseiten ist ein Konto erforderlich.
Zur Kontoerstellung werden in der Regel eine E-Mail-Adresse und ein Passwort verlangt.
Nach der erfolgreichen Registrierung können Sie sich jederzeit an- und abmelden.
Beachten Sie: Die Registrierung erfolgt nur einmal, während das Anmelden bei Bedarf wiederholt werden kann.
Nach Pareto-Prinzip (20-80 oder 20 % – 80 % Regel) würde dies heißen:
Somit wären die UI Elemente für das Anmelden (= B) wichtiger als für das (einmalig) Registrieren (= A)
Vergleichen wir nun LinkedIn.com mit Xing.com:
Welche der beiden Webseiten legt durch Position und Größe mehr Wert auf die Relevanz (entsprechend der Nutzungshäufigkeit)? Und bei welcher Seite, basierend auf Steve Krugs Prinzipien, klickt man fast intuitiv und ohne großes Zögern korrekt?
