Kontextmenü vs. Dropdown
Ein Kontextmenü zeigt Aktionen für das Element, das du anklickst oder drückst. Ein Dropdown öffnet sich von einem sichtbaren Button mit einem klaren Zweck.
Verwenden Sie ein Kontextmenü als zusätzlichen Shortcut, nicht als einzigen Weg. Verwenden Sie ein Dropdown, wenn die Benutzer sehen müssen, wo das Menü geöffnet wird.
Sieh, was jedes Muster macht
Probieren Sie jedes Beispiel. Lesen Sie dann über den Job, für den es gemacht ist.
macOS Context Menu
Ein macOS Context Menu ist eine kurze Liste von Aktionen für das Element unter dem Zeiger. Es öffnet sich mit einem Sekundär-Klick, wie zum Beispiel einem Rechtsklick.
Ein Rechtsklick auf eine ausgewählte Datei zeigt Umbenennen, Duplizieren, Teilen und In den Papierkorb verschieben, ohne die Liste zu verlassen.
- Verwenden Sie es, wenn
- Verwenden Sie es für eine kurze Reihe weniger häufiger Aktionen, die vom Element oder der Auswahl unter dem Zeiger abhängen.
- Nutze es nicht, wenn
- Mach niemals ein Kontextmenü zum einzigen Weg für einen wichtigen Befehl. Halte app-weite Befehle von Aktionen für ein einzelnes Element fern.
- In Code verwendeter Name
AppKit NSMenu / SwiftUI contextMenu
Dropdown & Kontextmenü — Lernpaket
Dieses Lernpaket vergleicht Menüs danach, wie sie sich öffnen. Ein Dropdown öffnet sich von einer Steuerung aus. Ein Kontextmenü gehört zu einem Objekt und öffnet sich oft am Zeiger. Das Paket ist kein einheitlicher Menütitel.
DropdownMenu / ContextMenuDie Schaltfläche „Mehr“ öffnet allgemeine Aktionen. Ein Rechtsklick auf eine Datei öffnet nur Aktionen für diese Datei.
- Verwenden Sie es, wenn
- Wähle ein Menü, dessen Auslöser und Objekt zur Aufgabe passen. Baue dann sein Tastatur-Verhalten.
- Nutze es nicht, wenn
- Legen Sie niemals Formularfelder oder die Hauptnavigation der Seite in ein Befehlsmenü.
- In Code verwendeter Name
DropdownMenu / ContextMenu
Schneller Vergleich
| UI-Muster | Am besten für | Nicht für | In Code verwendeter Name |
|---|---|---|---|
| macOS Context MenumacOS Context Menu | Verwenden Sie es für eine kurze Reihe weniger häufiger Aktionen, die vom Element oder der Auswahl unter dem Zeiger abhängen. | Mach niemals ein Kontextmenü zum einzigen Weg für einen wichtigen Befehl. Halte app-weite Befehle von Aktionen für ein einzelnes Element fern. | AppKit NSMenu / SwiftUI contextMenu |
| Dropdown & Kontextmenü — LernpaketDropdown & Context Menu — Learning Bundle | Wähle ein Menü, dessen Auslöser und Objekt zur Aufgabe passen. Baue dann sein Tastatur-Verhalten. | Legen Sie niemals Formularfelder oder die Hauptnavigation der Seite in ein Befehlsmenü. | DropdownMenu / ContextMenu |
Vor dem Ausliefern
- 01
Schreibe auf, was die Person tun muss.
- 02
Testen Sie Tastatur, Fokus, Berührung, Zoom, Laden, leere und Fehlerzustände.
- 03
Sicherstellen, dass Leute dieselben Informationen ohne Hover oder Bewegung erhalten können.
- 04
Testen Sie mit echtem Inhalt auf kleinen und großen Bildschirmen.
Vergleichsanfrage zum Kopieren
Kopiere das, wenn dein Team Hilfe bei der Wahl zwischen den Mustern braucht.
Wähle das beste Muster aus macOS Context Menu (macOS Context Menu), Dropdown & Kontextmenü — Lernpaket (Dropdown & Context Menu — Learning Bundle) für unseren echten Nutzerfluss. Nutze diese Regel: Ein Kontextmenü zeigt Aktionen für das Element, das du anklickst oder drückst. Ein Dropdown öffnet sich von einem sichtbaren Button mit einem klaren Zweck. Schreibe die Aufgabe, die Inhaltsmenge und die Kosten eines Abbruchs auf. Prüfe Tastatur, Touch, Laden, Fehler und das Verhalten bei reduzierter Bewegung. Erkläre deine Wahl und baue dann die kleinste zugängliche Version mit dem Design-System des Projekts.