Homepage > Journal > Gestaltung von Schnittstellen unter Verwendung der acht goldenen Regeln von Shneiderman
Journal

Gestaltung von Schnittstellen unter Verwendung der acht goldenen Regeln von Shneiderman

Wie gefällt Ihnen das:

Was ist Benutzerschnittstellen-Design? Beginnen wir mit etwas Offensichtlichem, aber Grundlegendem. Der Benutzer interagiert mit der Software über eine Schnittstelle, die das einzige sichtbare Element der Software für ihn ist.

Das Erscheinungsbild, die Art der Nutzung und die Navigation bestimmen, inwieweit die Software als nützlich, bequem, freundlich, praktisch und einfach zu nutzen angesehen wird.

Was ist eine Schnittstelle?

Die Benutzerschnittstelle ist dafür verantwortlich, wie die Benutzer den Aufwand einschätzen, der nötig ist, um die Benutzung einer bestimmten Software zu erlernen. Zu den wesentlichen Elementen der Schnittstelle gehören die folgenden:

  • Schaltflächen, Textfelder, Auswahlfelder und verschiedene Arten von Menüs.
  • Informationselemente (z. B. Hinweise, Benachrichtigungen, Warnungen, Meldungen, Fortschrittsbalken).
  • Navigationselemente (z. B. Suchfelder, Icons).

Die Fähigkeit zu verstehen, zu durchdenken und zu entwerfen, Aufgaben auszuführen, Ziele zu erreichen und Ergebnisse mit dem geringsten Aufwand und in der kürzesten Zeit zu erzielen, ist ein grundlegendes Ziel eines jeden Interface-Designers. In der Regel sollte die Schnittstelle sein:

  • So einfach wie möglich (ohne unnötige, ablenkende und störende Elemente).
  • Intuitiv.
  • Arbeitseffizient (die Anzahl der notwendigen Aktionen und der eingegebenen Daten, um ein Ergebnis zu erzielen, sollte minimal sein).
  • Lesbar (unter Verwendung verständlicher Konventionen in Bezug auf Namen, Bildmaterial und Symbole).
  • Zugänglichkeit (für Menschen mit unterschiedlichen visuellen, manuellen und intellektuellen Fähigkeiten).
  • Dokumentiert (Unterstützung des Lernprozesses und Lösung von Problemen, die während der Nutzung auftreten).

Typische Probleme bei der Gestaltung von Benutzerschnittstellen

Die oben genannten Anforderungen führen zu spezifischen Designproblemen. Zu den typischsten gehören die folgenden:

  • Widersprüchliche Ziele (z. B. Multifunktionalität vs. Benutzerfreundlichkeit und leichte Erlernbarkeit).
  • Das Dilemma der Funktionalität (z. B. zu enge Spezialisierung vs. zu breite Spezialisierung).
  • Das Dilemma der Zugänglichkeit (begrenzte Zugänglichkeit und übermäßige Einfachheit können eine Quelle der Frustration sein).

Die Benutzerschnittstelle dient der Steuerung und Bedienung eines digitalen Produkts. Aber das ist noch nicht alles. Ihre funktionale und pragmatische Rolle ist ebenfalls wichtig. Eine gut gestaltete Schnittstelle ermöglicht es den Nutzern, sich zu fühlen:

  • Kompetent und einfallsreich.
  • Zufrieden.
  • Verantwortungsbewusst und souverän.

Mit anderen Worten, sie hat auch psychologische und emotionale Funktionen. Die Gestaltung sollte auf eine Kombination aus pragmatischen Effekten (Leichtigkeit, Schnelligkeit, Intuitivität usw.), Bedienung und psychologischen Effekten (Zufriedenheit, Sympathie, Subjektivität und Relevanz des Nutzers für das digitale Produkt) ausgerichtet sein.

Die Regeln von Ben Shneiderman versuchen, wenn auch nicht direkt, diese Ziele und Werte miteinander zu verbinden. Sie versuchen, materielle Effekte (z. B. die Erledigung einer Aufgabe mit einer Software) und emotionale Effekte (z. B. die Befriedigung durch die Erledigung der Aufgabe) zu kombinieren.

Das UI Design, das Ihr Unternehmen braucht!

Die großen Drei

Ben Shneiderman (Autor des Bestsellers "Designing the User Interface") bildet zusammen mit Jakob Nielsen (Schöpfer der 10 Heuristiken) und Don Norman (Autor eines weiteren Bestsellers "The Design of Everyday Things") die Big Three der UX Tenors.

Ihre Forschungen, Bücher, Artikel und Empfehlungen hatten den größten Einfluss auf die Gestaltung von Schnittstellen. Wie Menschen über Benutzerfreundlichkeit, Intuitivität, Komfort, Zufriedenheit und Ergonomie von Web- und mobilen Anwendungsschnittstellen denken. Einschließlich der für andere digitale Produkte und Geräte entwickelten Schnittstellen.

Heute sind Shneidermans Acht Goldene Regeln des Schnittstellendesigns ein Klassiker und ein Standard. Das Buch von Ben Shneiderman ist ein Muss für jeden Schnittstellendesigner, UX-Spezialisten oder Product Owner.

Um nur die offensichtlichsten Spezialisten zu nennen, die sein Wissen, seine Forschung und seine Beobachtungen nutzen. Die Kenntnis der acht goldenen Regeln für die Gestaltung von Benutzerschnittstellen ist für alle nützlich, auch für die Benutzer. Und zu dieser Gruppe gehören wir alle ;)

Schnittstellengestaltung: Shneiderman's Regeln

In die ständig aktualisierten Ausgaben (Shneidermans Bestseller erlebte sechs Auflagen) fließen über 20 Jahre Erfahrung und Wissen ein, das jedes Jahr wächst. In ihrer Einfachheit und Nützlichkeit sprechen die Regeln (oder besser gesagt Empfehlungen) des amerikanischen Professors die grundlegendsten und damit wichtigsten Fragen an.

Die acht goldenen Regeln sind praktische Leitlinien, die es Ihnen ermöglichen, Schnittstellen entsprechend den Erwartungen der Benutzer zu gestalten. Wenn sie in die Entwurfsarbeit einbezogen werden, ermöglichen sie es, die Effizienz des Systems zu erhöhen (damit die Benutzer der Schnittstelle ihre Ziele schneller erreichen können) und die Zahl der Fehler zu verringern.

Sie sind auch ein Diagnoseinstrument (das häufig bei UX-Audits eingesetzt wird). Sie ermöglichen es Ihnen zu beurteilen, inwieweit die Benutzerschnittstelle verständlich, mit den Gestaltungskonventionen vereinbar, vorhersehbar, "kooperativ", "kontrollierbar" und zufriedenstellend ist und inwieweit sie mit dem Benutzer auf eine eindeutige, konkrete Weise "kommuniziert", die Unsicherheiten und Dilemmata reduziert.

Erste Regel — Streben nach Konsistenz

Konsistenz ist nichts anderes als die Aufrechterhaltung einer gewissen Kontinuität, die sich in Verständlichkeit, Sinnhaftigkeit und Zweckmäßigkeit sowie in der Überzeugung von der Angemessenheit und Korrektheit der durchgeführten Handlung niederschlägt.

Funktionen, Empfehlungen, Namen, Ikonographie, Schaltflächen, Farbschema, Menülayout usw. müssen konsequent wiederholt werden. Die Nutzer erwarten Vorhersehbarkeit, die durch das Verständnis der Regeln, Funktionen, Bedeutungen und Auswirkungen gewährleistet wird. Die Einführung von Ausnahmen muss selten und sehr gut begründet sein.

Schnittstellengestaltung - Google
Der Google-Browser sorgt für eine einheitliche Benutzeroberfläche, unter anderem durch die Standardisierung der grafischen Elemente. In jeder Sprachversion wiederholen sich die Farben und das grafische Schema in Bezug auf Proportionen, Größe und Layout.

Wenn beispielsweise die Startseite einer Webanwendung "home" heißt, kann diese Konvention auf den nachfolgenden Unterseiten nicht mehr geändert werden.

Wenn das Suchfeld in der oberen rechten Ecke platziert ist, werden die Nutzer auf den folgenden Unterseiten auch dort danach suchen.

Dies gilt für alle Elemente, mit Ausnahme der Schriftart, ihrer Größe und ihrer Farbe.

Bedeutet dies Monotonie? Nein, denn Konsistenz gilt für wiederholbare Elemente. Andere Inhalte müssen zu ihnen passen, das heißt, sie können und sollten ein wenig von ihnen abweichen.

Zweite Regel — Ermöglichen Sie häufigen Benutzern die Verwendung von Shortcuts

Oder anders ausgedrückt: eine universelle Nutzbarkeit anstreben.

Die Beherrschung eines Tools erfordert eine flexiblere, effektivere und schnellere Nutzung seiner Funktionen. Natürlich wollen die Menschen schneller arbeiten, wenn möglich. Daher sollte es das Ziel der Schnittstellendesigner sein, solche Funktionen bereitzustellen.

Bei der Gestaltung der Benutzeroberfläche sollten die verschiedenen Phasen der Gewöhnung an ein System und die unterschiedlichen Benutzer und ihre Erwartungen berücksichtigt werden, die nicht nur aus dem Erlernen aller Funktionen, sondern auch aus anderen Variablen resultieren, wie z. B. den folgenden:

  • Alter
  • Geschlecht
  • Gesundheitszustand
  • Kulturelle Unterschiede
  • Umfang der bisherigen Erfahrungen mit ähnlichen digitalen Produkten und deren Schnittstellen.

Zu den beliebtesten Methoden, um auf diese unterschiedlichen Bedürfnisse zu "antworten", gehören die folgenden:

  • Angebot von Abkürzungen.
  • Befehlszeile.
  • Hinweise und Erklärungen, z. B. in Form von Assistenten.
  • Verwendung der Anordnung der Funktionen und Tasten entsprechend der Häufigkeit ihrer Verwendung.
Schnittstellengestaltung - Google Chrome
Google Chrome — eine Liste von Tastaturkürzeln.

Dritte Regel — Informatives Feedback anbieten

Eine gut gestaltete Schnittstelle sollte dem Benutzer ein informatives Feedback geben. Die Menschen, die Nutzer müssen die Situationen verstehen, in denen sie sich befinden. Sie wollen wissen, was die Folgen ihres Handelns sein werden. Sie wollen sicher sein, dass die Maßnahme eingeleitet wurde und "in Bearbeitung" ist. Sie wollen wissen, wann der Vorgang abgeschlossen sein wird und ob ein Fehler aufgetreten ist.

Schnittstellengestaltung - Windows
Einstellungen der Benutzerkontensteuerung unter Windows. Die Schnittstelle informiert gleichzeitig über die Auswirkungen der Auswahl einer bestimmten Option und empfiehlt oder rät von deren Auswahl ab.

Trotz der Bedeutung einer bestimmten Maßnahme sollte ein informatives Feedback gegeben werden. Häufige und geringfügige Aktionen verdienen eine mäßige Antwort, und seltene und größere Aktionen sollten die typischen Informations-, Funktions- und Gefühlsbedürfnisse der Nutzer informieren und erfüllen.

Vierte Regel — Gestaltung des Dialogs zur Erzielung eines Abschlusses

Die Maßnahmen sollten gruppiert und strukturiert werden. Daher sollten sie einen klar kommunizierten Anfang, eine Mitte und ein Ende haben.

Die Einleitung einer Aktion, ihr Verlauf und ihr Ende sollten mit speziell gestalteten Dialogfeldern kommuniziert werden.

Dies ist von großer Bedeutung, da nicht alle Vorgänge zu sichtbaren Veränderungen führen. So muss beispielsweise die Verkleinerung eines Fotos nicht zwangsläufig zu einer Veränderung seines Aussehens führen.

Schnittstellengestaltung - Bluetooth
Ein Dialogfeld der Bluetooth-Anwendung informiert über den Verlauf, das Ende und die Gründe für das Scheitern der eingeleiteten Dateiübertragung.

Die Gewissheit, dass die Maßnahme durchgeführt wurde, vermittelt ein Gefühl der Kontrolle über das System. Es bringt ein Gefühl der Erleichterung (vor allem, wenn die Aktion unter Zeitdruck durchgeführt wird). Sie gibt auch ein klares Signal für weitere Maßnahmen. Mit anderen Worten: Sie gibt den kognitiven und emotionalen Rahmen für die Durchführung oder Beendigung weiterer Arbeiten vor.

Fünfte Regel — Einfache Fehlerbehandlung anbieten

Es liegt auf der Hand, dass jedes System einwandfrei funktionieren sollte. Leider ist es unmöglich, das Auftreten von Fehlern auszuschließen. Jedes digitale Produkt sollte den Nutzer über das Auftreten eines Fehlers, seine Bedeutung und die Behebung des Problems informieren.

Schnittstellengestaltung - Fehlermeldung
Ein Beispiel für eine unverständliche Fehlermeldung. Technischer Jargon und fehlende Informationen darüber, was der Benutzer tun soll, um den Fehler zu beheben, führen zu Frustration über solche Meldungen.

Die Informationen über den Fehler sollten nicht technisch sein. Stattdessen sollte sie in einer zugänglichen Sprache ausgedrückt werden, die von jedem Nutzer verstanden wird. Sie sollte klärende und beruhigende Elemente enthalten, die angeben, wie der Fehler behoben werden kann. Die Schnittstelle sollte so gestaltet sein, dass die Reparatur so intuitiv, einfach und spezifisch wie möglich ist. Außerdem sollten Sie sich bemühen, bestimmte Probleme und nicht ganze Prozesse zu verbessern. Wenn der Benutzer seine Telefonnummer falsch in ein Formular eingegeben hat und die restlichen Daten korrekt sind, sollte er sie nicht erneut eingeben müssen.

Sechste Regel — Leichte Rückgängigmachung von Handlungen zulassen

Die Möglichkeit, Aktionen rückgängig zu machen, ist aus Sicht der Benutzerfreundlichkeit und des Benutzerkomforts entscheidend. Und vor allem:

  • Die Angst vor der Durchführung einer Handlung wird nicht verstärkt oder verstärkt.
  • Ermutigt dazu, verschiedene Konfigurationen zu prüfen und zu experimentieren.
  • Fördert die Anpassung eines Werkzeugs und seine Verwendung nach persönlichen Vorlieben.

Kurz gesagt, diese Funktion lindert Ängste. Die Unumkehrbarkeit und Endgültigkeit von Maßnahmen, insbesondere für Erstnutzer, kann eine starke Entmutigung darstellen. Deshalb sollten Sie sie über die Möglichkeit informieren, Handlungen, die aus ihrer Sicht wünschenswert sind, rückgängig zu machen. Sie sollten anbieten, einzelne Aktionen, wie z. B. eine Dateneingabe, oder eine ganze Gruppe von Aktionen rückgängig zu machen.

Entweder linear (z. B. mit der Schaltfläche Zurück) oder nicht-linear. Ein klassisches Beispiel für eine nicht lineare Umkehr zu einem vorherigen Zustand ist die Möglichkeit, eine durchgeführte Aktion über die Schaltfläche "Rückgängig" oder die Tastenkombination CTRL+Z (Command + Z auf dem Mac) rückgängig zu machen oder Breadcrumbs zu verwenden.

Schnittstellengestaltung - OpenOffice
OpenOffice Textverarbeitung — eine Schaltfläche und eine Tastenkombination ermöglichen es dem Benutzer, Aktionen auf lineare Weise rückgängig zu machen.

Siebte Regel — Unterstützung des internen Kontrollorgans

Handlungsfähigkeit, ein Gefühl der Kontrolle, das Gefühl, ein Werkzeug zu benutzen, das die Benutzer versteht und das nach ihrem Willen eingesetzt werden kann, ist eines der wichtigsten psychologischen Bedürfnisse. Die Schnittstellen sollten so gestaltet sein, dass die Nutzer die Kontrolle übernehmen können. Die Schnittstelle sollte ihnen dies ermöglichen:

  • Aktionen einleiten.
  • Aktionen unterbrechen.
  • Aktionen korrigieren.
  • Aktionen ändern.

Alle oben genannten Vorgänge sollten so einfach und unkompliziert wie möglich durchgeführt werden. Mit anderen Worten: Die Kosten für solche Maßnahmen sollten nicht so hoch sein, dass sie unrentabel werden. Die Fähigkeit zu entscheiden ist entscheidend. Alle automatischen Vorgänge, bei denen das System den nächsten Schritt auswählt, sind aus der Sicht des psychologischen Komforts des Benutzers unerwünscht. Sie sollten dafür sorgen, dass die Schnittstelle auf die Aktionen der Benutzer reagiert.

Schnittstellengestaltung - ein Alert in Chrome
Chrome-Browser-Benachrichtigungen ermöglichen es dem Benutzer, über Benachrichtigungen zu entscheiden. Das Gefühl der Kontrolle und Wichtigkeit wurde durch sehr taktvolle Fragen in Form von Bitten erreicht.

Achte Regel — Belastung des Kurzzeitgedächtnisses verringern

Schnittstellen bestehen nicht nur aus Layouts, Funktionalitäten, Farben, Warnmeldungen, Menüs usw., sondern auch aus Interaktionen. Interaktionen, die den Intellekt, die Gefühle und das Kurzzeitgedächtnis des Nutzers ansprechen. Bei der Gestaltung der Schnittstelle sollten Sie die Grenzen der Informationsverarbeitung nicht vergessen.

Schnittstellengestaltung - Zalando
Zalando.de — ein Beispiel für die Minimierung der kognitiven Belastung durch Aufteilung einer sehr langen Telefonnummer in kleinere, "freundlichere" Teile.

In der Regel können Menschen bis zu 7 Informationen in ihrem Kurzzeitgedächtnis speichern. Daher sollte die Gestaltung der Benutzerschnittstelle dieser Einschränkung Rechnung tragen und darauf abzielen, die Informationen zu reduzieren, die sich der Benutzer merken muss, während er von einem Bildschirm zum anderen wechselt, um so die Belastung des Kurzzeitgedächtnisses zu verringern.

Zusammenfassung — Die acht goldenen Regeln von Shneiderman

Die Gestaltung von Benutzerschnittstellen nach den acht goldenen Regeln von Shneiderman erhöht die Benutzerfreundlichkeit, Funktionalität und Benutzerfreundlichkeit erheblich. Sie sind jedoch kein Allheilmittel für jedes Problem. Dies sind Grundregeln, die berücksichtigt, aber nicht dogmatisch behandelt werden sollten. Sie sind einfach eine gute Ausgangsbasis für Designer.

Jede Schnittstelle und jede Umgebung ist durch ihre eigene Beschaffenheit gekennzeichnet; daher müssen die Acht Goldenen Regeln des Schnittstellendesigns den Kontext, das spezifische Design und die Unternehmensziele in Bezug auf die Benutzererfahrung berücksichtigen. Sie können je nach den spezifischen Bedürfnissen angepasst und interpretiert werden.

Die Essenz der Acht Goldenen Regeln von Shneiderman besteht darin, die typischsten und heikelsten Probleme zu vermeiden, Prozesse und Handlungen zu vereinfachen und die Effizienz des Systems und die Zufriedenheit mit dem Produkt zu erhöhen.

Besonders befriedigend ist das Gefühl der Handlungsfähigkeit, der Kontrolle und der Sicherheit. Mit den acht goldenen Regeln von Shneiderman können Sie Schnittstellen erstellen, die viel intuitiver, spezifischer, logischer, "einfühlsamer", klarer und effizienter sind. Sie ermöglichen es Ihnen, die Interaktion zwischen Mensch und Computer effektiv zu gestalten.

Wie gefällt Ihnen das:
Journal / Redaktor
Autor: Radek
UX Writer and researcher by education + experience. Collects The Story's knowledge and shares it on the Journal.
Bewerter: Dymitr Romanowski

Sind Sie an einer Zusammenarbeit mit uns interessiert? Werfen Sie einen Blick auf unser Portfolio