Freigeben über


Empfehlungen zur Priorisierung der einfachen Verwendbarkeit

Gilt für diese Empfehlung bezüglich der Checkliste für die Well-Architected Erfahrungsoptimierung in Power Platform:

XO:04 Räumen Sie im Entwurfsprozess der einfachen Verwendbarkeit Priorität ein. Minimieren Sie den Benutzeraufwand und maximieren Sie die Aufgabeneffizienz. Optimieren Sie komplexe Prozesse. Richten Sie Designentscheidungen an den Benutzeranforderungen aus.

Diese Anleitung beschreibt die Empfehlungen für die Verbesserung der Benutzerfreundlichkeit im Benutzeroberflächendesign. Unter Benutzerfreundlichkeit versteht man die einfache Verwendbarkeit und Wirksamkeit eines Produkts für die vorgesehenen Benutzer. Die Benutzerfreundlichkeit wirkt sich direkt auf die Benutzerzufriedenheit, Fehler und allgemeine Interaktionen mit der digitalen Schnittstelle aus, was sich letztendlich auf den Gesamterfolg einer Anwendung auswirkt.

Wichtige Designstrategien

Benutzerfreundlichkeit ist ein Qualitätsmerkmal, anhand dessen sich bemisst, wie einfach Benutzeroberflächen zu bedienen sind. Der Begriff „Benutzerfreundlichkeit“ umfasst auch Methoden zur Verbesserung der einfachen Verwendbarkeit im Entwurfsprozess.

Die Benutzerfreundlichkeit wird durch fünf Qualitätskomponenten definiert:

Komponente Beschreibung
Erlernbarkeit Wie leicht lassen sich Aufgaben beim ersten Mal erledigen und wie schnell lernen Benutzer aus ihren bisherigen Erfahrungen?
Effizienz Wie schnell können Benutzer Aufgaben ausführen, nachdem sie das Design gelernt haben?
Einprägsamkeit Wie leicht können Benutzer ihre Fertigkeiten wiederherstellen, wenn sie nach einer Zeit der Nichtverwendung zum Design zurückkehren?
Fehler Wie viele Fehler machen Benutzer, wie schwerwiegend sind diese Fehler und wie leicht können sie die Fehler beheben?
Zufriedenheit Wie angenehm ist die Nutzung des Designs?

Sichtbarkeit des Systemstatus

Das System sollte die Benutzer stets über aktuelle Vorgänge informieren und ihnen entsprechende Rückmeldungen innerhalb einer angemessenen Zeit zukommen lassen.

Zeigen Sie wichtige Details zum aktuellen Status des Systems an klaren und intuitiven Stellen an. Werden beispielsweise Elemente aus einer Liste ausgewählt, sollte die Anzahl der ausgewählten Elemente angezeigt werden.

Screenshot, der die Anzahl der ausgewählten Elemente zeigt.

Verwenden Sie Fortschrittsanzeigen oder Ladeanimationen, um Benutzern zu versichern, dass ihre Anfrage bearbeitet wird. Diese visuellen Indikatoren verhindern Frustration durch Unsicherheit und helfen bei der Steuerung der Erwartungen. Ohne sie könnten Benutzer das System al langsam oder nicht reagierend wahrnehmen und die Aufgabe abbrechen.

Über Aktualisierungen in Echtzeit bleiben Benutzer bei der Sache und werden über die Ergebnisse ihrer Aktionen informiert. Verwenden Sie Statusmeldungen oder Benachrichtigungen, um erfolgreiche Aktionen oder Fehler klar zu kommunizieren. Es ist üblich, Benachrichtigungen zu senden, wenn asynchrone Aufträge abgeschlossen sind, und Benutzer sollten wissen, wann sie nach einer Benachrichtigung Ausschau halten sollten.

Integrieren Sie farblich gekennzeichnete Indikatoren für unterschiedliche Status, um den Systemstatus schnell erkennen und verstehen zu können. Farben werden schneller als Text verarbeite und machen es für Benutzer einfacher, Informationen schneller zu erfassen.

Die reale Welt widerspiegeln

Das System sollte die Sprache der Benutzer sprechen und Wörter, Ausdrücke und Konzepte verwenden, die diese verstehen, und nicht systemorientierte Begriffe. Folgen Sie Konventionen aus der realen Welt und präsentieren Sie Informationen in einer natürlichen und logischen Reihenfolge.

Verwenden Sie Begriffe und Konzepte, mit denen die Benutzer vertraut sind, und vermeiden Sie Fachjargon, der sie verunsichern könnte. Menschen verstehen den Zweck und die Funktionsweise eines Systems in der Regel schneller, wenn es ihre Sprache spricht.

Strukturieren Sie Systeminformationen so, dass sie verständliche Szenarien und Konventionen für Benutzer widerspiegeln. Präsentieren Sie Informationen in einer natürlichen und logischen Reihenfolge, die mit vertrauten oder realen Prozessen in Einklang steht, um die Integration der Technologie in das Leben des Benutzers zu erleichtern.

Screenshot eines Formularfelds für eine erforderliche E-Mail-Adresse mit einer falsch eingegebenen E-Mail, in der ein Fehler angezeigt wird, der auf ein falsches E-Mail-Adressformat hinweist.

Benutzerkontrolle und Freiheit

Benutzer könnten versehentlich Systemfunktionen auswählen und benötigen einen deutlich gekennzeichneten „Notausgang“, um den unerwünschten Zustand zu verlassen, ohne durch einen erweiterten Dialog navigieren zu müssen. Ermöglichen Sie die Aktionen „Rückgängig machen”und „Wiederholen”.

Screenshot einer neutralen Schaltfläche mit der Beschriftung „Zurück“ neben einer primären Schaltfläche mit der Beschriftung „Weiter“.

Unterstützen Sie verschiedene Eingabemethoden dort, wo es sinnvoll ist, um Benutzern mit unterschiedlichen Vorlieben und Anforderungen an die Barrierefreiheit gerecht zu werden. Tastenkombinationen, Touch-Gesten, Sprachbefehle oder Mausklicks stellen sicher, dass Benutzer mit der von ihnen bevorzugten Methode mit der Oberfläche interagieren können.

Um die Autonomie der Benutzer zu respektieren und Vertrauen aufzubauen, sind feinteilige Daten- und Datenschutzeinstellungen von entscheidender Bedeutung. Durch das Anpassen der Datenschutzeinstellungen, das Löschen oder Exportieren von Daten und das Steuern von Zugriffsberechtigungen für Anwendungen von Drittanbietern wird sichergestellt, dass Benutzer die Kontrolle über ihre Informationen behalten. Durch klare Erklärungen und transparente Offenlegungen zu Datenerfassungsmethoden, Sicherheitsmaßnahmen und Benutzerrechten können fundierte Entscheidungen getroffen und Transparenz und Rechenschaftspflicht gefördert werden.

Konsistenz und Standards

Achten Sie auf Konsistenz im Design, um sicherzustellen, dass Benutzer Statusindikatoren leicht erkennen und verstehen können, wodurch die kognitive Belastung reduziert und die Benutzerfreundlichkeit verbessert wird. Benutzer sollten sich nicht fragen müssen, ob unterschiedliche Wörter, Situationen oder Aktionen dasselbe bedeuten.

Wenn wiederholbare Erfahrungsmuster unterschiedlich erscheinen, fällt es den Benutzern schwer, die Bedeutung der eingeführten Abweichung zu deuten, was zu Ineffizienzen beim Verständnis und bei der Aufgabenerledigung führt. Durch die Verwendung einer passenden Suite von Steuerelementen wird sichergestellt, dass visuelle Elemente auf allen Bildschirmen und in allen Erlebnissen konsistent sind.

Screenshot mit zwei verschiedenen Benutzeroberflächenmuster, eines zum Öffnen des nächsten Bildschirms mit einem Schaltflächensteuerelement und ein weiteres zum Öffnen des Bildschirm über einen Link.

Fehlervermeidung

Noch besser als gute Fehlermeldungen ist ein sorgfältiges Design, das Probleme von vornherein verhindert. Beseitigen Sie fehleranfällige Bedingungen bzw. prüfen Sie diese und bieten Sie den Benutzern eine Bestätigungsoption, bevor sie die Aktion ausführen. Beheben Sie potenzielle Probleme auf der Benutzeroberfläche proaktiv, um die Kontinuität des Workflow aufrechtzuerhalten.

Screenshot einer Beispiel-Formularvalidierungsprüfung vor der Übermittlung.

Erkennen statt Abrufen

Minimieren Sie die Gedächtnisbelastung der Benutzer, indem Sie Objekte, Aktionen und Optionen sichtbar machen. Der Benutzer sollte sich keine Informationen von einem Teil der App zum anderen merken müssen. Anweisungen sollten, soweit angemessen, sichtbar oder leicht abrufbar sein.

Überlegen Sie beim Entwerfen von Formularen, ob Sie vordefinierte Optionen für Benutzer zur Auswahl bereitstellen oder Freitexteingaben zulassen möchten. Diese Auswahl kann durch den Datentyp bestimmt werden, sollte aber auch auf der UI-Ebene durchdacht werden. Entscheiden Sie sich für vordefinierte Optionen, wenn Geschwindigkeit und Komfort an erster Stelle stehen, und wählen Sie die freie Texteingabe für Szenarien, die mehr Details oder personalisierte Antworten erfordern.

Stellen Sie Anleitungen und Ressourcen bereit, damit wichtige Informationen nicht aus dem Gedächtnis abgerufen werden müssen. Zu den gängigen Benutzeroberflächenmustern gehören kontextbezogene Hilfesymbole, Inline-Dokumentation, QuickInfos, eingebettete Tutorials, bedarfsgesteuerte Hilfemenüs, durchsuchbare Wissensdatenbanken und interaktive Hilfe-Widgets wie KI-gestützte Ressourcen.

Screenshot eines Vergleichs zwischen einer Checkliste mit einer Reihe von Optionen und einer Reihe von Texteingabefeldern für die Freitextantwort.

Flexibilität und Effizienz der Nutzung

Kommen Sie Benutzern mit unterschiedlichem Kenntnisstand entgegen, indem Sie Funktionen wie Beschleuniger und Anpassungsoptionen integrieren. Durch diesen Ansatz lässt sich die Benutzeroberfläche effektiv an die Bedürfnisse und Vorlieben sowohl unerfahrener als auch erfahrener Benutzer anpassen.

Beschleuniger, die von unerfahrenen Benutzern oft unbemerkt bleiben, können die Interaktion für erfahrene Benutzer beschleunigen, sodass das System sowohl Unerfahrene als auch Erfahrene effektiv bedienen kann.

Mithilfe der Anpassungsoptionen können Benutzer die Benutzeroberfläche ihren Wünschen entsprechend anpassen und so das Gesamterlebnis personalisieren. Durch die Bereitstellung von Optionen zum Neuanordnen von Benutzeroberflächenelementen (z. B. Dashboard-Karten) oder zum Erstellen personalisierter Verknüpfungen für häufig verwendete Funktionen werden die Effizienz und der Komfort der Benutzenden bei der Navigation im System verbessert. Die Berücksichtigung unterschiedlicher Fähigkeiten und Vorlieben der Benutzer fördert das Gefühl der Eigenverantwortung und der persönlichen Beteiligung an einer Umgebung.

Screenshot eines Filterbereichs mit einem Link zu gespeicherten Filtern, gefolgt von der Hauptfilterumgebung.

Ansprechendes und reduziertes Design

Priorisieren Sie klare und zielgerichtete Statusaktualisierungen, damit Benutzer Informationen leichter auf einen Blick erfassen können. Dieser Ansatz verringert den kognitiven Aufwand und minimiert das Risiko von Fehlinterpretationen, Frustration oder Desinteresse.

Dialoge sollten keine irrelevanten oder selten benötigten Informationen enthalten. Jede zusätzliche Informationseinheit in einem Dialog konkurriert mit den relevanten Informationseinheiten und verringert deren relative Sichtbarkeit.

Screenshot eines Dialogs mit einer kurzen umsetzbaren Frage, einer primären Schaltfläche mit der Beschriftung „Ja“ und einer sekundären Schaltfläche mit der Beschriftung „Nein“.

Benutzer bei der Erkennung, Diagnose und Behebung von Fehlern unterstützen

Fehlermeldungen sollten in Klartext ohne Code ausgedrückt werden, das Problem präzise aufzeigen und konstruktiv eine Lösung vorschlagen.

Stellen Sie kontextbezogene Hilfe oder Anleitungen bereit, um Benutzern bei der Lösung von Problemen oder dem Verstehen von Verzögerungen zu helfen. Dieser Ansatz hilft Benutzern, die geeigneten nächsten Schritte zu bestimmen, insbesondere wenn sie auf Hindernisse oder komplexe Aufgaben stoßen. Bieten Sie statt der bloßen Darstellung eines Problems eine klare Lösung an und integrieren Sie Funktionen für eine schnellere Problemlösung.

Screenshot einer Fehlermeldung mit einer klaren Erklärung der Meldung und Vorschlägen zum erneuten Versuch.

Hilfe und Dokumentation

Obwohl das System ausreichend intuitiv sein sollte, um es auch ohne Dokumentation nutzen zu können, kann es Fälle geben, in denen Hilfe und Dokumentation erforderlich sind. Stellen Sie in diesen Fällen sicher, dass die Informationen leicht zu finden, aufgabenorientiert und präzise sind und klare Schritt-für-Schritt-Anweisungen enthalten.

Screenshot einer Benutzeroberfläche im Hilfebereich, auf die über die obere Befehlsleiste zugegriffen werden kann.

Umsetzung in Power Platform

Copilot-gestützte Erfahrungen in Power Apps können Benutzenden helfen, während Unterhaltungen wertvolle Erkenntnisse zu gewinnen:

Bei Canvas-Apps können Sie den Fortschritt und den Ladezustand mit den modernen Steuerelementen Statusanzeige und Wartekreisel anzeigen. Verwenden Sie das Badge-Steuerelement, um Statusinformationen anzuzeigen.

Implementieren Sie eine robuste Fehlerbehandlung in Canvas-Apps auf dem Client mithilfe von fehlerbezogenen Power Fx-Ausdrücken. Definieren Sie benutzerdefinierte serverseitige Fehler mithilfe von Power Fx und Low-Code-Plugins, die eine Validierung vor dem Vorgang beinhalten.

Konzentrieren Sie sich bei modellgesteuerten Apps, bei denen die Benutzerfreundlichkeit in die Benutzeroberfläche integriert ist, auf die Konfiguration von Aspekten der Umgebung, die die Benutzerfreundlichkeit verbessern. Ein Beispiel für einen integrierten Beschleuniger ist die Funktion persönliche Ansichten, mit der Benutzer Filter- und Spaltenpräferenzen für eine Tabelle in einer App speichern können. Konfigurieren Sie darüber hinaus benutzerdefinierte Hilfeseiten, um eine ausführliche Hilferessource innerhalb der App anzubieten.

Umgebungsoptimierungsprüfliste