Grundlagen der Befehle
Bei den Befehlselementen in einer Windows-App handelt es sich um interaktive Benutzeroberflächenelemente, mit denen Benutzer Aktionen ausführen können, um beispielsweise eine E-Mail zu senden, ein Element zu löschen oder ein Formular zu übermitteln. Befehlsschnittstellen setzen sich aus gängigen Befehlselementen, den Befehlsoberflächen, von denen sie gehostet werden, den von ihnen unterstützten Interaktionen sowie den gebotenen Erfahrungen zusammen.
Bieten Sie die beste Benutzerfreundlichkeit für Befehle
Der wichtigste Aspekt einer Befehlsschnittstelle besteht darin, was der Benutzer nach Ihrer Absicht erreichen soll. Bedenken Sie beim Planen der Funktionalität Ihrer App die Schritte, die zum Realisieren der jeweiligen Aufgaben erforderlich sind, sowie die Benutzererfahrung, die sie damit verbinden möchten. Wenn Sie einen ersten Entwurf dieser Erfahrungen skizziert haben, können Sie Entscheidungen zu den Tools und den Interaktionen zu deren Umsetzung treffen.
Einige gängige Benutzererfahrungen im Zusammenhang mit Befehlen:
- Senden oder Senden von Informationen
- Auswählen von Einstellungen und Auswahlmöglichkeiten
- Suchen und Filtern von Inhalten
- Öffnen, Speichern und Löschen von Dateien
- Bearbeiten oder Erstellen von Inhalten
Seien Sie kreativ beim Entwerfen der Benutzererfahrung für Befehle. Wählen Sie aus, welche Eingabegeräte von der App unterstützt werden und wie die App auf jedes Gerät reagiert. Durch Unterstützung der breitesten Palette von Funktionen und Einstellungen machen Sie Ihre Apps so nützlich, portabel und zugänglich wie möglich (weitere Einzelheiten finden Sie unter Befehlsdesign für Windows-Apps).
Auswählen der richtigen Befehlselemente
Die Verwendung der richtigen Elemente in einer Befehlsschnittstelle kann den Unterschied zwischen einer intuitiven, benutzerfreundlichen App und einer schwierigen, verwirrenden App bewirken. In der Windows-App ist eine breite Palette von Befehlselementen verfügbar. Dies ist eine Liste mit einigen der gängigsten UWP-Befehlselemente.
Schaltflächen
Schaltflächen lösen eine sofortige Aktion aus. Beispiele hierfür sind das Senden einer E-Mail oder von Formulardaten oder das Bestätigen einer Aktion in einem Dialogfeld.
Listen
Listen stellen Elemente in einer interaktiven Liste oder einem Raster dar. Listen werden normalerweise für viele Optionen oder Anzeigeelemente verwendet. Beispiele sind u.a. Dropdownliste, Listenfeld sowie Listen- und Rasteransicht.
Auswahlsteuerelemente
Ermöglichen die Auswahl einiger Optionen, z.B. beim Ausfüllen einer Umfrage oder beim Konfigurieren von App-Einstellungen. Beispiele sind CheckBox, RadioButton und Umschaltschalter.
Auswahlsteuerelemente für Kalender, Datum und Uhrzeit
Auswahlsteuerelemente für Kalender, Datum und Uhrzeit ermöglichen die Anzeige und Änderung von Datum und Uhrzeit, z.B. beim Erstellen eines Ereignisses oder Festlegen eines Alarms. Beispiele sind Kalenderdatumsauswahl, Kalenderansicht, Datumsauswahl und Uhrzeitauswahl.
Textvorhersage
Bietet Vorschläge, während Benutzer z.B. Daten eingeben oder Abfragen ausführen. Beispiele sind AutoSuggestBox.
Eine vollständige Liste finden Sie unter Steuerelemente und UI-Elemente
Platzieren von Befehlen auf der rechten Oberfläche
Sie können Befehlselemente auf einer Reihe von Oberflächen in Ihrer App platzieren, einschließlich der App-Canvas oder spezieller Befehlscontainer, wie Befehlsleisten, Befehlsleisten-Flyouts, Menüleisten und Dialoge.
Lassen Sie Benutzer nach Möglichkeit den Inhalt direkt bearbeiten und nicht über Befehle, die auf den Inhalt einwirken, z. B. Neuanordnen von Listen durch Ziehen und Ablegen anstatt Nach-oben- und Nach-unten-Befehlsschaltflächen.
Bei bestimmten Eingabegeräten ist dies u. U. nicht möglich, oder wenn bestimmte Benutzerfunktionen und -einstellungen integriert werden. Stellen Sie in diesen Fällen so viele Befehlsoptionen wie möglich bereit, und platzieren Sie diese Befehlselemente auf einer Befehlsoberfläche in der App.
Hier eine Liste mit einigen der gängigsten Befehlsoberflächen.
App-Canvas (Inhaltsbereich)
Wenn ein Befehl ständig für Kernszenarien benötigt wird, legen Sie ihn auf der Canvas ab. Da Sie Befehle in der Nähe (oder auf) der Objekte platzieren können, die sie betreffen, erleichtert das Platzieren von Befehlen auf der Canvas die Verwendung. Wählen Sie jedoch die Befehle aus, die Sie auf der Canvas sorgfältig platzieren. Wenn Sie zu viele Befehle auf der App-Canvas positionieren, gehen dem Benutzer wertvoller Platz und die Übersichtlichkeit verloren. Wenn der Befehl nicht häufig verwendet wird, sollten Sie ihn in eine andere Befehlsoberfläche einfügen.
Befehls- und Menüleisten
Befehlsleisten helfen beim Organisieren von Befehlen und machen sie leicht zugänglich. Befehlsleisten können oben oder unten auf dem Bildschirm bzw. oben und unten auf dem Bildschirm platziert werden (eine Menüleiste kann auch verwendet werden, wenn die Funktionalität in Ihrer Anwendung zu komplex für eine Befehlsleiste ist).
Menüs und Kontextmenüs
Menüs und Kontextmenüs sparen Platz, indem Befehle organisiert und ausgeblendet werden, bis der Benutzer sie benötigt. Benutzer greifen in der Regel auf ein Menü oder Kontextmenü zu, indem Sie auf eine Schaltfläche klicken oder mit der rechten Maustaste auf ein Steuerelement klicken.
Das CommandBarFlyout ist ein Kontextmenütyp, der die Vorteile einer Befehlsleiste und eines Kontextmenüs in einem einzigen Steuerelement kombiniert. Es eignet sich für Verknüpfungen mit häufig verwendeten Aktionen und ermöglicht den Zugriff auf sekundäre Befehle, die nur in bestimmten Kontexten relevant sind (z.B. Zwischenablage oder benutzerdefinierte Befehle).
UWP bietet auch eine Reihe herkömmlicher Menüs und Kontextmenüs; weitere Informationen finden Sie unter Menüs und Kontextmenüs.
Feedback zu Befehlen
Durch Feedback zu Befehlen wird Benutzern mitgeteilt, dass eine Interaktion oder ein Befehl erkannt wurde, wie der Befehl interpretiert und verarbeitet wurde und ob der Befehl erfolgreich abgeschlossen wurde. Dadurch können Benutzer verstehen, welche Aktion sie ausgeführt haben und welche sie als Nächstes ausführen können. Im Idealfall sollte das Feedback natürlich in Ihre Benutzeroberfläche integriert werden, so dass Benutzer nicht unterbrochen werden oder zusätzliche Maßnahmen ergreifen müssen, es sei denn, dies ist absolut notwendig.
Hinweis
Geben Sie nur dann Feedback, wenn dies notwendig ist und kein Feedback an anderer Stelle zur Verfügung steht. Halten Sie die Benutzeroberfläche der Anwendung einfach und übersichtlich, es sei denn, sie fügen hilfreiche Funktionen hinzu.
Hier sind einige Möglichkeiten, um Feedback in Ihrer App bereitzustellen.
Befehlsleiste
Der Inhaltsbereich der CommandBar ist ein intuitiver Ort, um den Status den Benutzern mitzuteilen, wenn sie Feedback anzeigen möchten.
Flyouts
Flyouts sind einfache, kontextbezogene Popups, die durch Antippen oder Klicken außerhalb des Flyouts verworfen werden können.
Dialogsteuerelemente
Dialogsteuerelemente sind modale Benutzeroberflächenüberlagerungen, die kontextbezogene App-Informationen enthalten. In den meisten Fällen blockieren Dialogfelder Interaktionen mit dem App-Fenster, bis sie explizit geschlossen werden, und fordern häufig eine Aktion des Benutzers an. Dialoge können störend sein und sollten nur in bestimmten Situationen verwendet werden. Weitere Informationen finden Sie im Abschnitt "Bestätigen oder Rückgängigmachen von Aktionen ".
Tipp
Achten Sie darauf, wie viel Ihre App Bestätigungsdialogfeld verwendet; sie können sehr hilfreich sein, wenn der Benutzer einen Fehler macht, aber sie sind ein Hindernis, wenn der Benutzer versucht, eine Aktion absichtlich auszuführen.
Zeitpunkt der Bestätigung oder Rückgängigmachen von Aktionen
Unabhängig davon, wie durchdacht das Design der UI Ihrer App ist – jeder Benutzer kann einmal eine unabsichtlich eine unerwünschte Aktion ausführen. In einer solchen Situation kann Ihre App hilfreich sein, indem sie eine Bestätigung der Aktion fordert oder eine Möglichkeit zum Rückgängigmachen der kürzlich durchgeführten Aktionen anbietet.
Für Aktionen, die nicht rückgängig gemacht werden können und erhebliche Folgen haben, empfehlen wir die Verwendung eines Bestätigungsdialogfelds. Beispiele für solche Aktionen sind:
- Überschreiben einer Datei
- Speichern einer Datei vor dem Schließen nicht
- Bestätigen des dauerhaften Löschens einer Datei oder daten
- Tätigen eines Kaufs (es sei denn, der Benutzer entscheidet sich dafür, dass eine Bestätigung erforderlich ist)
- Senden eines Formulars, z. B. Anmelden für etwas
Bei Aktionen, die rückgängig gemacht werden können, reicht das Anbieten eines einfachen Rückgängig-Befehls normalerweise aus. Beispiele für solche Aktionen sind:
- Löschen einer Datei
- Löschen einer E-Mail (nicht dauerhaft)
- Ändern von Inhalten oder Bearbeiten von Text
- Umbenennen einer Datei
Optimieren für bestimmte Eingabetypen
Weitere Informationen zur Optimierung der Benutzerfreundlichkeit für einen bestimmten Eingabetyp oder ein bestimmtes Gerät finden Sie in der Interaktionsprimierung .
Windows developer