Menu contestuale vs. menu a discesa
Un context menu mostra le azioni per l'elemento su cui clicchi o premi. Un menu a discesa si apre da un pulsante visibile con uno scopo chiaro.
Usa un menu contestuale come scorciatoia extra, non come unica modalità. Usa un menu a tendina quando le persone devono vedere dove si apre il menu.
Vedi cosa fa ogni modello
Prova ogni esempio. Poi leggi del lavoro che è stato creato per fare.
macOS Context Menu
Un macOS Context Menu è un breve elenco di azioni per l'elemento sotto il puntatore. Si apre con un clic secondario, come un clic destro.
Fare clic destro su un file selezionato mostra Rinomina, Duplica, Condividi e Sposta nel Cestino senza uscire dall'elenco.
- Usalo quando
- Usalo per un breve insieme di azioni meno comuni che dipendono dall'elemento o dalla selezione sotto il puntatore.
- Non usarlo quando
- Non fare mai in modo che un menu contestuale sia l’unico percorso verso un comando importante. Mantieni i comandi dell’app separati dalle azioni per un singolo elemento.
- Nome usato nel codice
AppKit NSMenu / SwiftUI contextMenu
Menu a discesa & Menu contestuale — Pacchetto di apprendimento
Questo pacchetto di apprendimento confronta i menu in base a come si aprono. Un menu a discesa si apre da un controllo. Un menu contestuale appartiene a un oggetto e spesso si apre al puntatore. Il pacchetto non è un unico termine standard per i menu.
DropdownMenu / ContextMenuIl pulsante Altro apre azioni generali. Fare clic con il tasto destro su un file apre azioni solo per quel file.
- Usalo quando
- Scegli un menu il cui trigger e oggetto corrispondono al compito. Quindi costruisci il comportamento della tastiera.
- Non usarlo quando
- Non mettere mai campi di un modulo o la navigazione principale del sito all'interno di un menu comandi.
- Nome usato nel codice
DropdownMenu / ContextMenu
Confronto rapido
| Pattern UI | Migliore per | Non per | Nome usato nel codice |
|---|---|---|---|
| macOS Context MenumacOS Context Menu | Usalo per un breve insieme di azioni meno comuni che dipendono dall'elemento o dalla selezione sotto il puntatore. | Non fare mai in modo che un menu contestuale sia l’unico percorso verso un comando importante. Mantieni i comandi dell’app separati dalle azioni per un singolo elemento. | AppKit NSMenu / SwiftUI contextMenu |
| Menu a discesa & Menu contestuale — Pacchetto di apprendimentoDropdown & Context Menu — Learning Bundle | Scegli un menu il cui trigger e oggetto corrispondono al compito. Quindi costruisci il comportamento della tastiera. | Non mettere mai campi di un modulo o la navigazione principale del sito all'interno di un menu comandi. | DropdownMenu / ContextMenu |
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 macOS Context Menu (macOS Context Menu), Menu a discesa & Menu contestuale — Pacchetto di apprendimento (Dropdown & Context Menu — Learning Bundle) per il nostro reale flusso utente. Usa questa regola: Un context menu mostra le azioni per l'elemento su cui clicchi o premi. Un menu a discesa si apre da un pulsante visibile con uno scopo chiaro. 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.