Grundlagen der Befehle

In einer Windows-App sind Befehlselemente interaktive UI-Elemente , mit denen Benutzer Aktionen wie das Senden einer E-Mail, das Löschen eines Elements oder das Senden eines Formulars ausführen können. Befehlsschnittstellen bestehen aus allgemeinen Befehlselementen, den Befehlsoberflächen, die sie hosten, den von ihnen unterstützten Interaktionen und den von ihnen bereitgestellten Erfahrungen.

Bieten Sie die beste Befehlserfahrung

Der wichtigste Aspekt einer Befehlsschnittstelle ist das, was Sie einem Benutzer ermöglichen möchten. Berücksichtigen Sie beim Planen der Funktionalität Ihrer App die erforderlichen Schritte zum Ausführen dieser Aufgaben und der Benutzeroberflächen, die Sie aktivieren möchten. Nachdem Sie einen anfänglichen Entwurf dieser Erfahrungen abgeschlossen haben, können Sie Entscheidungen zu den Tools und Interaktionen treffen, um sie zu implementieren.

Hier sind einige häufige Befehlsanwendungen:

• Senden oder Übermitteln von Informationen
• Einstellungen und Optionen wählen
• Suchen und Filtern von Inhalten
• Öffnen, Speichern und Löschen von Dateien
• Bearbeiten oder Erstellen von Inhalten

Seien Sie kreativ mit dem Design Ihrer Befehlserfahrungen. Wählen Sie aus, welche Eingabegeräte Ihre App unterstützt, und wie Ihre App auf jedes Gerät reagiert. Indem Sie die umfassendste Palette von Funktionen und Vorlieben unterstützen, machen Sie Ihre App so verwendbar, portabel und barrierefrei wie möglich (weitere Details finden Sie unter Befehlsentwurf für Windows-Apps ).

Auswählen der richtigen Befehlselemente

Die Verwendung der richtigen Elemente in einer Befehlsschnittstelle kann den Unterschied zwischen einer intuitiven, einfach zu verwendenden App und einer schwierigen, verwirrenden App ausmachen. Eine umfassende Gruppe von Befehlselementen ist in der Windows-App verfügbar. Hier ist eine Liste der am häufigsten verwendeten UWP-Befehlselemente.

Tasten

Schaltflächen lösen eine sofortige Aktion aus. Beispiele hierfür sind das Senden einer E-Mail, das Senden von Formulardaten oder das Bestätigen einer Aktion in einem Dialogfeld.

Listen

Listen präsentieren Elemente in interaktiven Listen oder Rastern. Wird in der Regel für viele Optionen oder Anzeigeelemente verwendet. Beispiele sind Dropdown-Menü, Listenfeld, Listenansicht und Rasteransicht.

Auswahlsteuerelemente

Ermöglicht Benutzern die Auswahl aus einigen Optionen, z. B. beim Ausfüllen einer Umfrage oder beim Konfigurieren von App-Einstellungen. Beispiele sind CheckBox, RadioButton und Umschaltschalter.

Kalender, Datum und Uhrzeit auswählen

Kalender-, Datums- und Uhrzeitauswahl Benutzern das Anzeigen und Ändern von Datums- und Uhrzeitinformationen ermöglichen, z. B. beim Erstellen eines Ereignisses oder festlegen eines Alarms. Beispiele sind die Kalenderdatumsauswahl, die Kalenderansicht, die Datumsauswahl, die Zeitauswahl.

Texterkennungseingabe

Stellt Vorschläge bereit, während Benutzer Daten eingeben oder Abfragen ausführen. Beispiele sind AutoSuggestBox-.

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

Befehle auf der rechten Oberfläche platzieren

Sie können Befehlselemente auf einer Reihe von Oberflächen in Ihrer App platzieren, einschließlich der App-Canvas oder spezieller Befehlscontainer, z. B. einer Befehlsleiste, eines Befehlsleisten-Flyouts, einer Menüleiste oder eines Dialogfelds.

Versuchen Sie immer, Benutzern das Bearbeiten von Inhalten direkt statt durch Befehle zu ermöglichen, die auf den Inhalt reagieren, z. B. Ziehen und Ablegen zum Neuanordnen von Listenelementen anstelle von Befehlsschaltflächen nach oben und unten.

Dies ist jedoch möglicherweise nicht mit bestimmten Eingabegeräten oder bei der Aufnahme bestimmter Benutzerfähigkeiten und -einstellungen möglich. Stellen Sie in diesen Fällen möglichst viele Befehlsfunktionen bereit und platzieren Sie diese auf einer Befehlsoberfläche in Ihrer App.

Hier ist eine Liste der am häufigsten verwendeten Befehlsoberflächen.

App-Canvas (Inhaltsbereich)

Wenn ein Befehl ständig benötigt wird, damit Benutzer Kernszenarien ausführen können, platzieren Sie ihn auf der Canvas. Da Sie Befehle in der Nähe von (oder auf) den Objekten platzieren können, die sie betreffen, wird die Verwendung erleichtert, indem Befehle auf der Leinwand platziert werden. Wählen Sie jedoch die Befehle, die Sie auf der Arbeitsfläche platzieren, sorgfältig aus. Zu viele Befehle auf der App-Canvas belegen wertvollen Bildschirmbereich und können den Benutzer überfordern. Wenn der Befehl nicht häufig verwendet wird, sollten Sie ihn in eine andere Befehlsoberfläche einfügen.

Befehlsleisten und Menüleisten

Befehlsleisten helfen dabei, Befehle zu organisieren und den Zugang zu erleichtern. Befehlsleisten können am oberen Rand des Bildschirms, am unteren Bildschirmrand oder am oberen und unteren Rand des Bildschirms platziert werden (eine Menüleiste kann auch verwendet werden, wenn die Funktionalität in Ihrer App für eine Befehlsleiste zu komplex 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.

Die CommandBarFlyout- ist ein Typ von Kontextmenü, das die Vorteile einer Befehlsleiste und eines Kontextmenüs in einem einzigen Steuerelement vereint. Sie kann Verknüpfungen zu häufig verwendeten Aktionen bereitstellen und Zugriff auf sekundäre Befehle bereitstellen, 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.

Befehlsfeedback geben

Das Befehlsfeedback teilt Benutzern mit, dass eine Interaktion oder ein Befehl erkannt wurde, wie der Befehl interpretiert und behandelt wurde und ob der Befehl erfolgreich war oder nicht. Dies hilft Benutzern zu verstehen, was sie getan haben, und was sie als Nächstes tun können. Im Idealfall sollte Feedback natürlich in Ihre Benutzeroberfläche integriert werden, sodass Benutzer nicht unterbrochen werden müssen oder zusätzliche Maßnahmen ergreifen müssen, es sei denn, es ist unbedingt erforderlich.

Hinweis

Geben Sie Feedback nur, wenn notwendig, und nur, wenn es nicht an anderer Stelle verfügbar ist. Sorgen Sie dafür, dass die Benutzeroberfläche der Anwendung sauber und übersichtlich bleibt, es sei denn, Sie fügen Wert hinzu.

Hier sind einige Möglichkeiten, Feedback in Ihrer App bereitzustellen.

Befehlsleiste

Der Inhaltsbereich der CommandBar- ist ein intuitiver Ort, um den Benutzern den Status mitzuteilen, wenn sie Rückmeldungen erhalten möchten.

Flyouts

Flyouts sind einfache kontextbezogene Popups, die durch Tippen oder Klicken außerhalb des Flyouts geschlossen werden können.

Dialogsteuerelemente

Dialogsteuerelemente sind modale UI-Überlagerungen, die kontextbezogene App-Informationen bereitstellen. 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 Wann Aktionen bestätigt oder rückgängig gemacht werden sollten.

Tipp

Achten Sie darauf, wie oft Ihre App Bestätigungsdialoge verwendet; sie können sehr hilfreich sein, wenn der Benutzer einen Fehler begeht, 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 gut die Benutzeroberfläche Ihrer Anwendung entworfen wurde, führen alle Benutzer eine Aktion aus, die sie nicht wünschen. Ihre App kann in diesen Situationen hilfreich sein, indem sie sowohl eine Bestätigung für eine Aktion erfordert, als auch eine Möglichkeit bietet, um kürzlich vorgenommene Aktionen rückgängig zu machen.

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
• Eine Datei nicht speichern, bevor sie geschlossen wird
• Bestätigung des dauerhaften Löschens einer Datei oder Daten
• Einen Kauf tätigen (es sei denn, der Benutzer wählt die Option ab, eine Bestätigung zu verlangen)
• Ein Formular senden, z. B. sich für etwas anmelden

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 Benutzererlebnisse für einen bestimmten Eingabetyp oder ein spezifisches Gerät finden Sie im Interaktionsleitfaden.