Grundlegendes zu Befehlen

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 Übermitteln 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

Listet die vorhandenen Elemente in einer interaktiven Liste oder einem Raster auf. 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 hierfür 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 hierfür sind AutoSuggestBox.

Eine vollständige Liste finden Sie unter Steuerelemente und UI-Elemente.

Platzieren von Befehlen auf der passenden 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 von (oder auf) Objekten platzieren können, die durch den Befehl beeinflusst werden, sind auf der Canvas platzierte Befehle besonders komfortabel und intuitiv. Wählen Sie die Befehle für die Canvas aber mit Bedacht. 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 angeordnet 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.

CommandBarFlyout ist ein Kontextmenütyp, der die Vorteile einer Befehlsleiste und eines Kontextmenüs in einem einzelnen 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 Benutzern status zu kommunizieren, wenn sie Feedback erhalten 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. Die meisten Dialogfelder blockieren die Interaktion mit dem App-Fenster, bis sie explizit geschlossen werden, und erfordern häufig eine Aktion des Benutzers. Dialogfelder können als störend empfunden werden und sollten daher nur in bestimmten Situationen zum Einsatz kommen. Weitere Informationen finden Sie unter Bestätigen oder Rückgängigmachen von Aktionen

Tipp

Verwenden Sie nicht zu viele Bestätigungsdialogfelder. Diese können zwar sehr hilfreich sein, wenn dem Benutzer ein Fehler unterläuft, bei bewusst durchgeführten Aktionen sind sie jedoch eher hinderlich.

Bestätigen 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 schwerwiegende Auswirkungen haben, empfehlen wir die Verwendung eines Bestätigungsdialogfelds. Beispiele für solche Aktionen:

• Überschreiben einer Datei
• Schließen einer Datei ohne Speichern
• Bestätigen der endgültigen Löschung einer Datei oder von Daten
• Einkaufen (es sei denn, der Benutzer lehnt eine Bestätigungsanforderung ab)
• Senden eines Formulars, z. B. bei Registrierungen

Für Aktionen, die rückgängig gemacht werden können, ist ein einfacher „Rückgängig“-Befehl in der Regel ausreichend. Beispiele für solche Aktionen:

• Löschen einer Datei
• Löschen einer E-Mail (nicht endgültig)
• Ändern des Inhalts oder Bearbeiten von Text
• Umbenennen einer Datei

Optimieren für bestimmte Eingabearten

Ausführliche Informationen zum Optimieren der Benutzerfreundlichkeit bei einem bestimmten Eingabetyp oder -gerät finden Sie unter Einführung in die Interaktion.