10 Usability-Heuristiken für die Gestaltung von Benutzeroberflächen
Die 10 Heuristiken von Jakob Nielsen wurden ohne Schwerpunkt auf die Anwendung auf Websites, mobile Apps oder andere spezifische Schnittstellen erstellt: Der ursprüngliche Artikel arbeitet mit dem breiteren Konzept des "Systems". Dennoch werden fast alle darin aufgeführten Regeln erfolgreich in modernen Webressourcen angewandt und tragen dazu bei, diese für die Benutzer bequemer und intuitiver zu gestalten. Heuristiken haben keine strenge Begründung, sondern sind nützliche praktische Algorithmen, die es ermöglichen, in den meisten praktischen Fällen angemessene Lösungen für Probleme zu finden.
Was sind die 10 "Heuristiken" von Nielsen und wie kann man sie nutzen?
Jakob Nielsens 10 allgemeine Grundsätze für das Interaktionsdesign. Sie werden als "Heuristiken" bezeichnet, weil es sich um allgemeine Faustregeln und nicht um spezifische Usability-Richtlinien handelt.
Sie werden von Usability-Experten bei der Bewertung und Analyse von Schnittstellen, Websites oder mobilen Anwendungen verwendet. Bei der Erstellung oder Prüfung von Schnittstellen wird deren Übereinstimmung mit bestimmten Grundsätzen und bekannten Praktiken geprüft. Die Methode der Expertenbewertung ist sehr beliebt und im Vergleich zu umfassenden Usability-Tests relativ kostengünstig und schnell.
1. Sichtbarkeit des Systemstatus
Der Entwurf sollte die Benutzer durch angemessene Rückmeldungen innerhalb einer angemessenen Zeitspanne stets über den aktuellen Stand der Dinge informieren.
Wenn die Nutzer den aktuellen Systemstatus kennen, erfahren sie das Ergebnis ihrer vorherigen Interaktionen und können die nächsten Schritte festlegen. Vorhersehbare Interaktionen schaffen Vertrauen in das Produkt und in die Marke.
Tipps
- Teilen Sie den Nutzern den Systemstatus klar und deutlich mit - es sollte keine Aktion mit Folgen für die Nutzer unternommen werden, ohne sie darüber zu informieren.
- Geben Sie den Nutzern so schnell wie möglich (idealerweise sofort) Feedback.
- Bauen Sie durch offene und kontinuierliche Kommunikation Vertrauen auf.
Die erste von Nielsens Heuristiken besagt, dass das System den Benutzer immer darüber informieren sollte, was getan wird, und gleichzeitig innerhalb einer angemessenen Zeit ein Feedback geben sollte. Da sich der Benutzer im System bewegt, stellt er zwei Fragen: Wo bin ich und was passiert gerade? Die erste Frage können wir mit Breadcrumbs beantworten, einem sekundären Navigationssystem, das den Standort des Benutzers auf einer Website oder Webanwendung anzeigt. Breadcrumbs bieten auch einen Ein-Klick-Zugang zu jedem der übergeordneten Verzeichnisse. Bei der zweiten Frage kann ein ähnlicher Mechanismus den Nutzer darüber informieren, dass er einige Artikel in den Warenkorb gelegt hat, aber noch Lieferoptionen auswählen und eine Zahlung vornehmen muss.
Beim Herunterladen zeigt ein Fortschrittsbalken an, wie viel Zeit der Nutzer noch ungefähr warten muss. Außerdem vermittelt dieses Element, dass das System funktioniert, was die Unsicherheit verringert. Es verhindert, dass der Nutzer mehrmals auf die Download-Schaltfläche klickt, weil er nicht sicher ist, ob die Anfrage tatsächlich bearbeitet wird.
2. Übereinstimmung zwischen dem System und der realen Welt
Das Design sollte die Sprache der Benutzer sprechen. Verwenden Sie Wörter, Ausdrücke und Konzepte, die dem Benutzer vertraut sind, und keinen internen Jargon. Befolgen Sie die Konventionen der realen Welt, damit die Informationen in einer natürlichen und logischen Reihenfolge erscheinen.
Die Art und Weise, wie Sie gestalten sollten, hängt sehr stark von Ihren spezifischen Benutzern ab. Begriffe, Konzepte, Symbole und Bilder, die Ihnen und Ihren Kollegen völlig klar erscheinen, können für Ihre Benutzer ungewohnt oder verwirrend sein.
Wenn die Steuerelemente eines Designs realen Konventionen folgen und den gewünschten Ergebnissen entsprechen (die so genannte natürliche Zuordnung), ist es für die Benutzer einfacher zu lernen und sich zu merken, wie die Schnittstelle funktioniert. Dies trägt dazu bei, dass sich die Benutzeroberfläche intuitiv anfühlt.
Tipps
- Stellen Sie sicher, dass die Benutzer die Bedeutung verstehen können, ohne die Definition eines Wortes nachschlagen zu müssen.
- Gehen Sie nie davon aus, dass Ihr Verständnis von Wörtern oder Konzepten mit dem Ihrer Benutzer übereinstimmen wird.
- Mit Hilfe der Nutzerforschung können Sie die vertraute Terminologie Ihrer Nutzer sowie deren mentale Modelle zu wichtigen Konzepten aufdecken.
Das System sollte die Sprache der Benutzer sprechen und unverständliche systemorientierte Begriffe und Fachausdrücke vermeiden. Wenn die Nutzer die auf der Website verwendeten Begriffe nicht verstehen, werden sie sich dumm und unsicher fühlen, und viele von ihnen werden woanders nach einer klareren Erklärung suchen oder sogar ihre Aufgabe nicht erledigen. Außerdem sind gebräuchlichere Begriffe besser für die Suchmaschinenoptimierung, da die Nutzer nach ihnen suchen.
Um den Erwartungen der Nutzer gerecht zu werden, sollten die Informationen auf eine natürliche und logische Weise präsentiert werden, die für den Nutzer Sinn ergibt.
3. Kontrolle und Freiheit der Nutzer
Benutzer führen oft versehentlich Aktionen aus. Sie brauchen einen deutlich gekennzeichneten "Notausgang", um die unerwünschte Aktion zu verlassen, ohne einen längeren Prozess durchlaufen zu müssen.
Wenn es einfach ist, aus einem Prozess auszusteigen oder eine Aktion rückgängig zu machen, fördert dies ein Gefühl von Freiheit und Vertrauen. Ausgänge ermöglichen es den Benutzern, die Kontrolle über das System zu behalten und zu vermeiden, dass sie stecken bleiben und sich frustriert fühlen.
Tipps
- Unterstützen Sie Undo und Redo.
- Zeigen Sie eine klare Möglichkeit, die aktuelle Interaktion zu beenden, z. B. eine Schaltfläche Abbrechen.
- Stellen Sie sicher, dass der Ausstieg deutlich gekennzeichnet und auffindbar ist.
Beim dritten Grundsatz geht es darum, dem Nutzer die Freiheit zu geben, zu navigieren und Aktionen durchzuführen - zum Beispiel die Freiheit, versehentliche Bewegungen rückgängig zu machen oder zu wiederholen. Beim Online-Einkauf sollte jeder Nutzer die Kontrolle über die Vorgänge haben, die er auf der Website durchführt - zum Beispiel die Möglichkeit, ein Produkt mit einem Klick aus dem Warenkorb zu entfernen.
Untersuchungen von Nielsen zeigen, dass etwa 30 % aller Internet-Klicks Rückwärts-Klicks sind.
4. Kohärenz und Normen
Die Nutzer sollten sich nicht fragen müssen, ob verschiedene Wörter, Situationen oder Handlungen dasselbe bedeuten. Befolgen Sie die Konventionen der Plattform und der Branche.
Jakobs Gesetz besagt, dass Menschen die meiste Zeit damit verbringen, andere digitale Produkte als das eigene zu nutzen. Die Erfahrungen der Nutzer mit diesen anderen Produkten prägen ihre Erwartungen. Wird die Konsistenz nicht beibehalten, kann dies die kognitive Belastung der Nutzer erhöhen, da sie gezwungen sind, etwas Neues zu lernen.
Tipps
- Verbessern Sie die Lernfähigkeit, indem Sie beide Arten von Konsistenz aufrechterhalten: interne und externe.
- Behalten Sie die Konsistenz innerhalb eines einzelnen Produkts oder einer Produktfamilie bei (interne Konsistenz).
- Befolgen Sie etablierte Branchenkonventionen (externe Konsistenz).
Da wir so viel Erfahrung mit den Schnittstellen haben, hat unser Gehirn bestimmte Muster entwickelt, und jetzt sehen wir bestimmte Dinge an bestimmten Stellen. Zum Beispiel - die Platzierung des Logos ist links ganz oben und mit der Hauptseite verlinkt. Die Suchleiste befindet sich normalerweise oben rechts, ebenso wie der Warenkorb. Denken Sie daran, dass Konsistenz einer der wichtigsten Faktoren für die Benutzerfreundlichkeit ist. Die Verwendung von Best Practices und gemeinsamen Mustern wird letztendlich zu einem viel besseren Gesamterlebnis führen.
5. Fehlervermeidung
Gute Fehlermeldungen sind wichtig, aber die besten Entwürfe verhindern sorgfältig, dass Probleme überhaupt erst auftreten. Entweder werden fehleranfällige Bedingungen eliminiert oder sie werden überprüft und dem Benutzer wird eine Bestätigungsoption angeboten, bevor er die Aktion ausführt.
Es gibt zwei Arten von Fehlern: Ausrutscher und Fehler. Ausrutscher sind unbewusste Fehler, die durch Unaufmerksamkeit verursacht werden. Fehler sind bewusste Fehler, die auf einer Diskrepanz zwischen dem mentalen Modell des Benutzers und dem Entwurf beruhen.
Tipps
- Setzen Sie Prioritäten bei Ihren Bemühungen: Vermeiden Sie zuerst kostspielige Fehler, dann kleine Frustrationen.
- Vermeiden Sie Ausrutscher, indem Sie hilfreiche Beschränkungen und gute Standardeinstellungen bereitstellen.
- Beugen Sie Fehlern vor, indem Sie den Speicherbedarf reduzieren, Rückgängigmachen unterstützen und Ihre Benutzer warnen.
Noch besser als gute Fehlermeldungen ist ein gut durchdachtes Design, das verhindert, dass Nutzer überhaupt Fehler machen. Mit anderen Worten: Eine ausgezeichnete UX sollte wie ein zuverlässiger Freund sein, der Sie auf jeden Fall warnt, bevor Sie einen Fehler machen.
6. Wiedererkennen statt Abrufen
Minimieren Sie die Speicherbelastung des Benutzers, indem Sie Elemente, Aktionen und Optionen sichtbar machen.
Der Benutzer sollte sich keine Informationen von einem Teil der Schnittstelle zu einem anderen merken müssen. Informationen, die für die Nutzung des Designs erforderlich sind (z. B. Feldbezeichnungen oder Menüpunkte), sollten bei Bedarf sichtbar oder leicht abrufbar sein.
Das Kurzzeitgedächtnis des Menschen ist begrenzt. Schnittstellen, die das Wiedererkennen fördern, reduzieren den kognitiven Aufwand für den Benutzer.
Tipps
- Lassen Sie die Benutzer die Informationen in der Schnittstelle erkennen, anstatt sie zu zwingen, sich diese zu merken ("abzurufen").
- Bieten Sie Hilfe im Kontext an, anstatt den Benutzern eine lange Anleitung zum Auswendiglernen zu geben.
- Reduzieren Sie die Informationen, die sich die Benutzer merken müssen.
Kurz gesagt gibt es zwei Arten des Gedächtnisabrufs: Erkennen und Abrufen. Die erste Art ist, wenn man eine Person oder einen Gegenstand, den man schon einmal gesehen hat, leicht wiedererkennt. Man kann sagen, dass dies eine sehr oberflächliche Form des Gedächtnisabrufs ist, die nicht viel Arbeit erfordert. Der zweite Fall tritt ein, wenn Sie eine selten verwendete Information in Ihrem Gedächtnis wiederfinden müssen. Dazu müssen die Menschen mehr Gedächtnisabschnitte aktivieren, was bedeutet, dass der Abrufprozess eine tiefere Form des Abrufs ist und mehr Arbeit erfordert.
Bei Benutzeroberflächen sollten Sie die Wiedererkennung fördern, indem Sie Informationen und Funktionen sichtbar und leicht zugänglich machen. Viele mobile Apps beginnen mit Tutorials, aber wir bevorzugen auf jeden Fall Tipps, die auf die Seite zugeschnitten sind, die der Nutzer gerade besucht, da Tutorials zu viele Informationen liefern, die möglicherweise unnötig sind.
7. Flexibilität und Effizienz der Nutzung
Abkürzungen - die unerfahrenen Nutzern verborgen bleiben - können die Interaktion für erfahrene Nutzer beschleunigen, so dass das Design sowohl unerfahrenen als auch erfahrenen Nutzern gerecht wird. Ermöglichen Sie es den Nutzern, häufige Aktionen anzupassen.
Flexible Prozesse können auf verschiedene Weise ausgeführt werden, so dass die Nutzer die für sie geeignete Methode wählen können.
Tipps
- Bieten Sie Beschleuniger wie Tastaturkürzel und Touch-Gesten an.
- Bieten Sie Personalisierung, indem Sie Inhalte und Funktionen für einzelne Benutzer anpassen.
- Ermöglichen Sie eine individuelle Anpassung, damit die Benutzer selbst entscheiden können, wie das Produkt funktionieren soll.
Jedes System hat zwei Arten von Nutzern - Anfänger und Fortgeschrittene. Die Schnittstelle sollte flexibel sein und sich zwischen diesen beiden Typen anpassen. Bei der Installation neuer Software wird der Benutzer beispielsweise gefragt, ob er mit der Standardinstallation oder der benutzerdefinierten Installation fortfahren möchte. Ein fortgeschrittener Benutzer wählt eine benutzerdefinierte Installation, um unnötige Schritte zu vermeiden.
Die Effizienz der Nutzung bedeutet, dass die Ladezeit der Seite schnell sein muss, was sich erheblich auf die Konversionsrate der Website auswirkt.
8. Ästhetisches und minimalistisches Design
Schnittstellen sollten keine Informationen enthalten, die irrelevant sind oder selten benötigt werden. Jede zusätzliche Informationseinheit in einer Schnittstelle konkurriert mit den relevanten Informationseinheiten und verringert deren relative Sichtbarkeit.
Diese Heuristik bedeutet nicht, dass Sie ein flaches Design verwenden müssen - es geht darum sicherzustellen, dass Sie den Inhalt und die visuelle Gestaltung auf das Wesentliche konzentrieren. Stellen Sie sicher, dass die visuellen Elemente der Benutzeroberfläche die primären Ziele des Benutzers unterstützen.
Tipps
- Konzentrieren Sie sich beim Inhalt und der visuellen Gestaltung der Benutzeroberfläche auf das Wesentliche.
- Lassen Sie nicht zu, dass unnötige Elemente die Benutzer von den Informationen ablenken, die sie wirklich brauchen.
- Priorisieren Sie den Inhalt und die Funktionen, um die primären Ziele zu unterstützen.
9. Unterstützung der Benutzer bei der Erkennung, Diagnose und Behebung von Fehlern
Fehlermeldungen sollten in einfacher Sprache formuliert sein (keine Fehlercodes), das Problem genau benennen und konstruktiv eine Lösung vorschlagen.
Diese Fehlermeldungen sollten auch visuell aufbereitet werden, damit die Benutzer sie erkennen können.
Tipps
- Verwenden Sie traditionelle Fehlermeldungen wie fettgedruckten, roten Text.
- Erklären Sie den Benutzern, was schief gelaufen ist, in einer Sprache, die sie verstehen können - vermeiden Sie Fachjargon.
- Bieten Sie den Benutzern eine Lösung an, z. B. eine Abkürzung, mit der der Fehler sofort behoben werden kann.
10. Hilfe und Dokumentation
Am besten ist es, wenn das System keine zusätzlichen Erklärungen benötigt. Es kann jedoch notwendig sein, eine Dokumentation zur Verfügung zu stellen, damit die Benutzer verstehen, wie sie ihre Aufgaben erledigen können.
Der Inhalt der Hilfe und der Dokumentation sollte leicht auffindbar und auf die Aufgabe des Benutzers ausgerichtet sein. Fassen Sie sich kurz und listen Sie konkrete Schritte auf, die ausgeführt werden müssen.
Tipps
- Stellen Sie sicher, dass die Hilfedokumentation leicht zu durchsuchen ist.
- Präsentieren Sie die Dokumentation möglichst genau dann im Kontext, wenn der Benutzer sie benötigt.
- Listen Sie konkrete Schritte auf, die auszuführen sind.
Die letzte von Nielsens Heuristiken zeigt, dass, selbst wenn wir alle vorherigen Regeln einhalten, einige Nutzer immer noch Hilfe bei der Nutzung der Website benötigen. Ganz unten auf der Seite sollten die Nutzer Links zu den entsprechenden Hilfebereichen finden - dies ist eine relativ gute Lösung, die es ihnen ermöglicht, schnell und einfach Antworten auf die Fragen zu finden, die sie beschäftigen.
Software Development Hub ist ein Team von Gleichgesinnten mit umfassender Erfahrung in den Bereichen Softwareentwicklung, Web und Mobile Engineering. Wir bieten unseren Kunden einen umfassenden kundenspezifischen Entwicklungszyklus, einschließlich Architekturplanung, Geschäftsanalyse für Kunden, UI/UX-Design, Qualitätskontrolle, Projektmanagement und Support.
Categories
Share
Benötigen Sie einen Projektkostenvoranschlag?
Schreiben Sie uns, und wir bieten Ihnen eine qualifizierte Beratung.