Usability-Prinzipien ? Jakob Nielsens 10 Usability-Heuristiken für die Gestaltung von Benutzeroberflächen

Illustration von zwei Personen, die eine Schnittstelle analysieren

Die Benutzerfreundlichkeit steht im Mittelpunkt von UX-Design, Forschung und menschlicher Computerinteraktion. Unsere Aufgabe ist es, dafür zu sorgen, dass Websites und digitale Produkte intuitiv, einfach zu navigieren und angenehm zu bedienen sind.

Es gibt zwar viele Usability-Prinzipien und -Richtlinien, aber die von Jakob Nielsen (von der Neilsen Norman Gruppe) ?10 Usability-Heuristiken für das User Interface Design? gilt als der Standard für UX-Designer.

1990 stellte Nielsen zusammen mit Rolf Molich die ersten Usability-Richtlinien (oder Best Practices) vor, die Designern dabei helfen sollten, sich auf die wesentlichen Elemente zu konzentrieren, die für ein großartiges Erlebnis sorgen. Vier Jahre später verfeinerte er sie auf der Grundlage einer Faktorenanalyse von Usability-Problemen und dann erneut im Jahr 2020 und lieferte die aktuelle Version, die Forscher, Designer und Entwickler heute verwenden.

Was sind Usability-Heuristiken und warum brauchen wir sie?

Heuristiken sind nach der Definition des Wörterbuchs:

?eine Lern- oder Problemlösungsmethode, die es den Menschen ermöglicht, Dinge selbst zu entdecken und aus ihren eigenen Erfahrungen zu lernen.

Per Definition sind sie das, was die Benutzerfreundlichkeit unserer Produkte ausmacht. Sie sorgen dafür, dass sie intuitiv und mühelos zu bedienen sind, dass ihre Elemente wiedererkennbar sind und dass wir auf dem richtigen Weg sind, um die Aufgaben zu erledigen, die wir von ihnen erwarten - selbst wenn wir das Produkt noch nie benutzt haben.

Wozu brauchen wir also die zehn Grundprinzipien von Nielsen? Für Designer und Forscher, die ein Produkt entwerfen oder weiterentwickeln, sollten solche Dinge doch selbstverständlich sein. Nun, nicht jeder, der an der Entwicklung eines Produkts beteiligt ist, ist ein Designer. Daher bieten die Heuristiken von Nielsen eine Liste von "Must-haves" in einer gemeinsamen Sprache für alle, so dass alle auf derselben Seite stehen, unabhängig davon, ob es sich um sehr erfahrene Designer oder investierte Interessenvertreter handelt.

Und wie erfahren Sie auch sein mögen, niemand ist unfehlbar. Wenn Sie die wesentlichen Usability-Prinzipien von Nielsen als Checkliste für jedes Feature, jede Seite oder jeden Vorgang berücksichtigen, können Sie Usability-Probleme schon früh im Prozess erkennen und so Zeit und Geld sparen, lange bevor Usability-Tests durchgeführt werden.

Was sind die Heuristiken von Jakob Nielsen für das Interaktionsdesign?

  1. Sichtbarkeit des Systemstatus
  2. Übereinstimmung zwischen dem System und der realen Welt
  3. Benutzerkontrolle und Freiheit
  4. Kohärenz und Standards
  5. Fehlervermeidung
  6. Wiedererkennen statt Erinnern
  7. Flexibilität und Effizienz der Nutzung
  8. Ästhetisches und minimalistisches Design
  9. Unterstützung der Benutzer beim Erkennen, Diagnostizieren und Beheben von Fehlern
  10. Hilfe und Dokumentation

Wenn Sie Nielsens Leitfaden direkt aus erster Hand erfahren möchten, besuchen Sie die Nielsen Norman Gruppe Website und sie als direkt geliefert zu erkunden.

Wenn Sie aber nur einen kurzen Einblick in das jeweilige Ziel erhalten möchten, sind Sie hier genau richtig.

1. Sichtbarkeit des Systemstatus

Um Verwirrung und Frustration zu vermeiden, müssen die Benutzer darüber informiert werden, wo sie sich in einem Prozess befinden und was passiert, und zwar oft sofort (Nielsen schlägt vor: "in angemessener Zeit"). Wenn wir etwas tun, erwarten wir, dass das Produkt reagiert; wenn das Ergebnis nicht offensichtlich ist, bestätigt das Feedback, dass alles auf dem richtigen Weg ist.

Durch die Aktualisierungen des Systemstatus fühlen wir uns sicher und haben die Kontrolle, was unser Vertrauen in das System und die Marke stärkt.

Beispiele für die Sichtbarkeit des Systemstatus:

  • Dialog "In den Warenkorb" oder ein aktualisiertes Warenkorb-Symbol
  • Bestätigungsanimationen und bestimmte Mikrointeraktionen
  • Bestätigung der Newsletter-Anmeldung
  • Fortschritts- und Ladebalken sowie zeitliche Aktualisierungen
  • Brotkrümel, die den Nutzern zeigen, wo sie sich innerhalb der Navigation und des Inhalts einer Website befinden

2. Übereinstimmung zwischen dem System und der realen Welt

Um Produkte intuitiv zu gestalten und den Lernaufwand für die Benutzer zu verringern, verwenden wir Elemente, die die Benutzer bereits kennen und die oft Gegenstände aus der realen Welt imitieren oder darstellen. Das bedeutet, dass wir visuelle Hinweise geben oder auf Fachjargon verzichten, um die Sprache der Nutzer zu sprechen und ihnen vertraute Begriffe und Konzepte in natürlicher und logischer Reihenfolge zu verwenden.

Wenn wir den Konventionen der realen Welt folgen, hilft dies, ein System aufzubauen, das dem Benutzer bereits vertraut ist. natürliche Kartierung.

Beispiele für Konventionen aus der Praxis:

  • Symbole, die für Aktionen stehen: Papierkorb, E-Mail-Umschlag, Suchlupe, usw.
  • Seiten, die sich in E-Reading-Anwendungen umblättern
  • Grün für "Go" oder "Good" und Rot für "Stop" oder als Fehlerwarnung
  • Aufziehen zum Zoomen und Streichen zum Verschieben von Seiten oder Bildschirmen

3. Kontrolle und Freiheit der Nutzer

Da digitalen Produkten selten eine vollständige Anleitung oder ein Handbuch beiliegt, brauchen wir die Möglichkeit, uns zu erholen, wenn wir eine falsche Taste drücken oder einen anderen Fehler machen. Nielsen nennt dies ?ein Notausgang?Dadurch kann der Benutzer wieder auf den richtigen Weg zurückkehren, ohne einen langwierigen Prozess zu durchlaufen, um zum ursprünglichen Ausgangspunkt zurückzukehren.

Beispiele für Benutzerkontrolle und Freiheit:

  • Rückgängig- und Wiederherstellungsfunktionen
  • Tasten auf der Rückseite
  • Optionen abbrechen
  • Navigation Brotkrümel
  • Rechtsklick oder produktinterne Untermenüs
  • Sorgfältig aufgebaute Fehlermeldungen, die dem Benutzer Hinweise geben, wie er wieder auf den richtigen Weg kommt
Wie können wir Ihnen helfen?
Schritt 1 von 5

4. Kohärenz und Normen

Ein weiterer Bereich, in dem wir den Lernaufwand für die Benutzer verringern können, ist die Orientierung an den Mustern und Standards bestehender Produkte und Plattformen sowie an denen aus der realen Welt. Es gibt einen Grund dafür, dass die meisten Benutzeroberflächen ähnlich aussehen. Das Rad neu zu erfinden, zwingt die Benutzer zu zusätzlichen Schritten, die sie nicht lernen müssen - die Beibehaltung von Konsistenz und Standards, die die Benutzer erwarten, spart Zeit und Frustration.

Es gibt zwei Arten von Konsistenz: die erste, innerhalb des Produkts (bekannt als interne Konsistenz), und die zweite, die Branchenkonventionen (externe Konsistenz).

Beispiele für Kohärenz und Standards:

  • Verwendung von branchenüblichen Symbolen, aber im Stil der Produktmarke
  • Einhaltung der Etikettierungs- und Abfüllnormen
  • Sie folgen einem Kauf-, Anmelde- und Navigationsformat, das sie bereits kennen.

5. Fehlervermeidung

Zum Umgang mit Fehlern gehört mehr, als den Benutzern einen Fluchtweg oder einen Ausstiegsplan zu bieten. Im Idealfall hilft eine gut durchdachte Benutzeroberfläche den Benutzern, mögliche oder wahrscheinliche Fehler zu vermeiden. Viele Fehler passieren durch Unachtsamkeit oder Unaufmerksamkeit, aber andere sind auf komplexe Prozesse oder mangelnde Anleitung zurückzuführen.

Durch die Bereitstellung der erforderlichen Informationen und Anweisungen können Fehler minimiert und fehleranfällige Bedingungen beseitigt werden; wenn die Benutzer darüber informiert werden, wo sie auftreten könnten, können sie Zeit sparen und Frustration vermeiden.

Beispiele für Fehlervermeidung:

  • Warnungen und Maßnahmen zur Umgehung von Fehlern und Fehlermeldungen
  • Bereitstellung von Anweisungen in einfacher Sprache oder mit leicht verständlichen visuellen oder grafischen Anweisungen
  • Hinzufügen von Hinweisen zu Formularfeldern
  • Rechtschreibvorschläge in Formularfeldern
  • Bestätigungsoptionen für Formularfelder (mit wiederholten Eingabefeldern), zum Beispiel für E-Mail-Adressen und Passwörter
  • Eine Bestätigungsoption beim endgültigen Löschen von Dateien, E-Mails und anderen wichtigen Informationen

6. Wiedererkennen statt Abrufen

Um die Gedächtnisbelastung des Nutzers zu minimieren und sein Denkvermögen zu maximieren, liefert eine hochwertige UX Vorschläge, anstatt von ihm zu erwarten, dass er sich an zuvor gelernte oder allgemeine Informationen erinnert.

Beispiele für das Wiedererkennen und nicht das Erinnern:

  • Vordefinierte Formularfeldauswahlen (Länder, Daten, Berufe usw.)
  • Autofill-Suchanfragen
  • Schritt-für-Schritt-Anleitungen für laufende Prozesse
  • Zuletzt angesehene Artikel
  • Letzte Kontakte in Telefon- und Messaging-Apps
  • Die Funktion "Fortsetzen" oder der Abschnitt "Meine Programme" bei Streaming-Diensten

7. Flexibilität und Effizienz der Nutzung

Während wir neue Benutzer nicht mit zu vielen Informationen verwirren wollen, bietet die Unterstützung erfahrener Benutzer bei der effizienten Navigation durch Software oder Produkte eine weitaus bessere UX.

Wie im richtigen Leben lieben wir einen Hack oder eine Abkürzung, die die Nutzung eines Produkts vereinfacht oder uns schneller ans Ziel bringt. Dies fördert die Kontrolle des Nutzers und ermöglicht es dem erfahrenen Nutzer, häufige Aktionen auf seine spezifischen Bedürfnisse zuzuschneiden, was eine zufriedenstellendere UX durch weniger kognitiven Aufwand ermöglicht.

Beispiele für Flexibilität und Effizienz der Nutzung:

  • Stellen Sie vor. Beschleuniger Hinweise, z. B. auf Tastenkombinationen und Touch-Gesten
  • Bieten Sie Personalisierungsoptionen an, damit Nutzer direkt zu wichtigen Inhalten oder Funktionen gelangen können.
  • Ermöglichen Sie eine individuelle Anpassung, damit die Kunden bestimmen können, wie das Produkt für sie funktioniert.

8. Ästhetisches und minimalistisches Design

Bei minimalistischem Design geht es nicht nur darum, schick auszusehen, sondern auch darum, einen echten Mehrwert zu bieten. Jedes unnötige Element konkurriert um die Aufmerksamkeit des Nutzers und macht eine Website oder ein Produkt weniger effektiv.

Wenn es um Inhalte und Heuristiken der Benutzerfreundlichkeit geht, ist weniger mehr. Das bedeutet jedoch nicht, dass Sie alles löschen müssen, um eine saubere, übersichtliche Seite zu erstellen - nur die Teile, die keinen Wert bieten und die Nutzer von den wichtigen Dingen ablenken.

Beispiele für ästhetisches und minimalistisches Design:

  • Die Google-Homepage ist wahrscheinlich eines der am besten erkennbaren Minimalprodukte im Internet
  • Einfache Navigationssymbole am unteren Rand des Bildschirms in mobilen Anwendungen
  • Taschenrechner-Apps, die beim Drehen des Geräts von grundlegenden Funktionen auf vollständige wissenschaftliche Funktionen umschalten

9. Unterstützung der Benutzer beim Erkennen, Diagnostizieren und Beheben von Fehlern

Irrtümer und Fehler sind unvermeidlich. Ein Notausgang ist eine Möglichkeit, das Problem zu beheben, aber gute Fehlermeldungen, die angeben, wie das Problem aufgetreten ist, und Anweisungen, wie man wieder auf den richtigen Weg kommt, sind besser. Wenn man den Benutzern hilft, das Problem zu verstehen, können sie vermeiden, denselben Fehler noch einmal zu machen, und gleichzeitig ihr Vertrauen stärken.

Beispiele für Fehlerbehebungsfunktionen:

  • Login-Fehler: Erklärung, welche Bedingungen nicht erfüllt wurden, z. B. "kein solches Konto" oder "Passwort stimmt nicht überein".
  • Erstellung von Passwörtern: Geben Sie die Bedingungen an, die die Benutzer erfüllen müssen, z. B. eine Mindestanzahl von Zeichen, Zahlen, Großbuchstaben oder Sonderzeichen.

10. Hilfe und Dokumentation

Die meisten Apps und digitalen Produkte erfordern nur sehr wenig Anleitung, aber für komplexere Systeme und Produkte benötigen die Nutzer oft umfassende und klare Anweisungen und Anleitungen.

Nielsen schlägt vor, dass die Hilfedokumentation leicht auffindbar und auf die Aufgabe des Benutzers ausgerichtet sein muss; sie muss kurz und prägnant sein, mit konkreten Schritten in Form einer Liste, und idealerweise dort präsentiert werden, wo der Benutzer sie braucht.

Beispiele für Hilfe und Dokumentation:

  • Benutzerhandbücher
  • Hilfszentren
  • FAQs
  • Support-Chat
  • Onboarding-Walkthroughs
  • Tooltips

Weitere Grundsätze der Web-Benutzbarkeit

Obwohl Nielsen sozusagen das Buch über Usability-Prinzipien geschrieben hat, ist seine Liste nicht absolut. Es gibt wichtige UX-Bereiche, die nicht erwähnt werden: Zugänglichkeit und Verfügbarkeit, Relevanz und Glaubwürdigkeit, zum Beispiel. Ob diese oder andere Elemente in zukünftigen Versionen berücksichtigt werden, oder andere Elemente, die im Zuge der Entwicklung unserer Technologien, Gemeinschaften und gesellschaftlichen Bedürfnisse von entscheidender Bedeutung werden, kann nur die Zeit zeigen.

Zusammenfassung

Die zehn Usability-Heuristiken von Nielsen sind ein hervorragender Leitfaden für UX-Neulinge und erfahrene Benutzer gleichermaßen.

Während die Benutzerfreundlichkeit eines Produkts oder einer Website im Rahmen von Benutzertests gründlich erforscht und untersucht wird, bietet die Durchführung einer heuristischen Bewertung zu jedem Zeitpunkt des Design- und Erstellungsprozesses einen regelmäßigen Kontrollpunkt, um sicherzustellen, dass wir die Bedürfnisse der einzelnen Benutzer erfüllen.

Unsere Experten für Nutzerforschung stehen Ihnen zur Verfügung, um Ihre Kunden näher kennenzulernen. Wenn Sie ein unverbindliches Gespräch vereinbaren möchten, kontaktieren Sie uns per E-Mail unter hello@ux247.com oder teilen Sie uns Ihren Bedarf über das untenstehende Formular mit.

Wie können wir Ihnen helfen?
Schritt 1 von 5

Verwandte Beiträge



Lukasz Zelezny, SEO-Berater

Ich bin Lukasz Zelezny. Unter SEO.London und UX247.comWir entwickeln datengestützte Strategien, die auf Ihr Unternehmen zugeschnitten sind, und konzentrieren uns dabei sowohl auf die Sichtbarkeit bei der Suche als auch auf die Nutzererfahrung. Im Gegensatz zu Agenturen analysieren wir Ihre Konkurrenz, das Nutzerverhalten und die Leistung Ihrer Website, um Traffic, Engagement und Konversionen zu steigern.

Mit 20 Jahren Fachwissen und einem Jahrzehnt globaler Erfahrung verbinden wir technische SEO mit UX-Optimierung, um sicherzustellen, dass Ihre Website gut platziert ist und konvertiert. Wir raten nicht, wir strategisieren.

SEO.London ist Ihr strategischer Partner, nicht nur ein Dienstleistungsanbieter. Lassen Sie uns einen maßgeschneiderten Plan erstellen, um Ihre Online-Präsenz und Ihr Geschäftswachstum zu steigern. Sind Sie bereit, etwas zu bewirken?

Nehmen Sie noch heute Kontakt auf