Symbolleiste vs. Menüleiste (macOS)
Eine Toolbar legt gängige Aktionen in ein Fenster. Die Menüleiste behält die gesamten Befehle der App am oberen Bildschirmrand.
Legen Sie gängige Dokument- oder Auswahlaktionen in der Symbolleiste ab. Behalten Sie alle Befehle, Tastenkombinationen und weniger gängige Aktionen in der Menüleiste.
Sieh, was jedes Muster macht
Probieren Sie jedes Beispiel. Lesen Sie dann über den Job, für den es gemacht ist.
Unified Title Bar Toolbar
Eine Unified Title Bar Toolbar ist eine Befehlsreihe direkt im Fenstertitelbereich. Leute können sie anpassen, und sie enthält gängige Dokument- oder Ansichtsaktionen.
Eine Notizen-App kombiniert Seitenleisten-Umschalter, Suche, Teilen und Formatierungs-Werkzeuge in einem verschiebbaren Bereich der Titelleiste.
- Verwenden Sie es, wenn
- Verwenden Sie es für gängige Befehle, die mit dem aktuellen Fenster verknüpft sind, wenn direkter Zugriff und individuelle Auswahl die darunterliegende Arbeit unterstützen.
- Nutze es nicht, wenn
- Überlade es nicht mit seltenen oder zerstörerischen Befehlen. Auswahlabhängige Punkte können bleiben und ihren aktivierten oder ausgewählten Zustand aktualisieren. Vermeide unnötige Layout-Sprünge und halte wichtige Befehle in der Menüleiste sichtbar.
- In Code verwendeter Name
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
Die macOS-Menüleiste ist der Streifen oben auf dem Bildschirm. Die aktive App stellt dort ihr komplettes Befehlsmenü in klaren Menüs bereit.
Eine Schreib-App behält Neu-, Export-, Such- und Fensterbefehle in vorhersehbaren Datei-, Bearbeiten- und Fenster-Menüs.
- Verwenden Sie es, wenn
- Legen Sie hier den vollständigen Befehlssatz der App ab. Beinhaltet Befehle, die Benutzer über Menünamen finden oder mit einer Tastenkombination ausführen.
- Nutze es nicht, wenn
- Nutze es nicht zur Navigation innerhalb eines Fensters. Behalte einen Befehl hier, auch wenn er in einer Toolbar oder einem Kontextmenü auftaucht. Aktualisiere Befehle, die vom aktuellen Zustand abhängen.
- In Code verwendeter Name
AppKit NSMenu / SwiftUI Commands
Schneller Vergleich
| UI-Muster | Am besten für | Nicht für | In Code verwendeter Name |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | Verwenden Sie es für gängige Befehle, die mit dem aktuellen Fenster verknüpft sind, wenn direkter Zugriff und individuelle Auswahl die darunterliegende Arbeit unterstützen. | Überlade es nicht mit seltenen oder zerstörerischen Befehlen. Auswahlabhängige Punkte können bleiben und ihren aktivierten oder ausgewählten Zustand aktualisieren. Vermeide unnötige Layout-Sprünge und halte wichtige Befehle in der Menüleiste sichtbar. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | Legen Sie hier den vollständigen Befehlssatz der App ab. Beinhaltet Befehle, die Benutzer über Menünamen finden oder mit einer Tastenkombination ausführen. | Nutze es nicht zur Navigation innerhalb eines Fensters. Behalte einen Befehl hier, auch wenn er in einer Toolbar oder einem Kontextmenü auftaucht. Aktualisiere Befehle, die vom aktuellen Zustand abhängen. | AppKit NSMenu / SwiftUI Commands |
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 Unified Title Bar Toolbar (Unified Title Bar Toolbar), macOS Menu Bar (macOS Menu Bar) für unseren echten Nutzerfluss. Nutze diese Regel: Eine Toolbar legt gängige Aktionen in ein Fenster. Die Menüleiste behält die gesamten Befehle der App am oberen Bildschirmrand. 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.