Barra degli strumenti vs. Barra dei menu (macOS)
Una barra degli strumenti mette le azioni comuni dentro una finestra. La barra dei menu tiene l'intero set di comandi dell'app in alto nello schermo.
Metti le azioni comuni su documenti o selezioni nella barra degli strumenti. Mantieni tutti i comandi, le scorciatoie da tastiera e le azioni meno comuni nella barra dei menu.
Vedi cosa fa ogni modello
Prova ogni esempio. Poi leggi del lavoro che è stato creato per fare.
Unified Title Bar Toolbar
Una Unified Title Bar Toolbar è una fila di comandi integrata nell'area del titolo della finestra. Le persone possono modificarla e contiene le azioni comuni per documenti o viste.
Un'app di note combina l'interruttore della barra laterale, la ricerca, la condivisione e gli strumenti di formattazione in un'area trascinabile della barra del titolo.
- Usalo quando
- Usalo per comandi comuni legati alla finestra corrente quando l'accesso diretto e la scelta personalizzata aiutano il lavoro sottostante.
- Non usarlo quando
- Non sovraccaricare con comandi rari o distruttivi. Gli elementi dipendenti dalla selezione possono rimanere al loro posto e aggiornare il loro stato abilitato o selezionato. Evita spostamenti di layout inutili e mantieni i comandi essenziali facilmente individuabili nella barra dei menu.
- Nome usato nel codice
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
La barra dei menu di macOS è la striscia nella parte superiore dello schermo. L'app attiva mette lì il suo set completo di comandi in menu chiari.
Un'app di scrittura tiene i comandi Nuovo, Esporta, Trova e quelli per le finestre nei menu prevedibili File, Modifica e Finestra.
- Usalo quando
- Metti qui l'intero insieme di comandi dell'app. Includi comandi che le persone trovano con il nome del menu o eseguono con una scorciatoia da tastiera.
- Non usarlo quando
- Non usarlo come navigazione all'interno di una finestra. Mantieni un comando qui anche se appare anche in una barra degli strumenti o nel menu contestuale. Aggiorna i comandi che dipendono dallo stato corrente.
- Nome usato nel codice
AppKit NSMenu / SwiftUI Commands
Confronto rapido
| Pattern UI | Migliore per | Non per | Nome usato nel codice |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | Usalo per comandi comuni legati alla finestra corrente quando l'accesso diretto e la scelta personalizzata aiutano il lavoro sottostante. | Non sovraccaricare con comandi rari o distruttivi. Gli elementi dipendenti dalla selezione possono rimanere al loro posto e aggiornare il loro stato abilitato o selezionato. Evita spostamenti di layout inutili e mantieni i comandi essenziali facilmente individuabili nella barra dei menu. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | Metti qui l'intero insieme di comandi dell'app. Includi comandi che le persone trovano con il nome del menu o eseguono con una scorciatoia da tastiera. | Non usarlo come navigazione all'interno di una finestra. Mantieni un comando qui anche se appare anche in una barra degli strumenti o nel menu contestuale. Aggiorna i comandi che dipendono dallo stato corrente. | AppKit NSMenu / SwiftUI Commands |
Prima di spedire
- 01
Scrivi cosa la persona deve fare.
- 02
Testare tastiera, focus, touch, zoom, caricamento, stati vuoti e di errore.
- 03
Assicurati che le persone possano ottenere le stesse informazioni senza hover o movimento.
- 04
Testare con contenuti reali sia su schermi piccoli che grandi.
Richiesta di confronto che puoi copiare
Copia questo quando il tuo team ha bisogno di aiuto per scegliere tra i modelli.
Scegli il modello migliore da Unified Title Bar Toolbar (Unified Title Bar Toolbar), macOS Menu Bar (macOS Menu Bar) per il nostro reale flusso utente. Usa questa regola: Una barra degli strumenti mette le azioni comuni dentro una finestra. La barra dei menu tiene l'intero set di comandi dell'app in alto nello schermo. Scrivi il compito, la quantità di contenuti e il costo di interrompere il flusso. Controlla il comportamento della tastiera, del touch, del caricamento, degli errori e della modalità ridotta. Spiega la tua scelta, quindi costruisci la versione più piccola accessibile con il sistema di design del progetto.