Menu de Contexto vs. Dropdown
Um menu de contexto mostra ações para o item que você clica ou pressiona. Um dropdown abre a partir de um botão visível com um propósito claro.
Use um menu de contexto como um atalho extra, não como o único caminho. Use um dropdown quando as pessoas precisarem ver de onde o menu abre.
Veja o que cada padrão faz
Experimente cada exemplo. Depois leia sobre o trabalho para o qual ele foi feito.
macOS Context Menu
Um macOS Context Menu é uma lista curta de ações para o item sob o cursor. Ele abre com um clique secundário, como um clique direito.
Clicar com o botão direito em um arquivo selecionado mostra Renomear, Duplicar, Compartilhar e Mover para Lixo sem sair da lista.
- Use-o quando
- Use-o para um conjunto curto de ações menos comuns que dependam do item ou seleção sob o ponteiro.
- Não o use quando
- Nunca faça de um menu de contexto o único caminho para um comando importante. Mantenha comandos de toda a aplicação longe de ações de um único item.
- Nome usado no código
AppKit NSMenu / SwiftUI contextMenu
Menu Dropdown & Contextual — Pacote de Aprendizado
Este pacote de aprendizado compara menus pelo modo como eles se abrem. Um menu suspenso abre a partir de um controle. Um menu de contexto pertence a um objeto e frequentemente abre no ponteiro. O pacote não é um único termo padrão de menu.
DropdownMenu / ContextMenuO botão Mais abre ações gerais. Clicar com o botão direito em um arquivo abre ações apenas para esse arquivo.
- Use-o quando
- Escolha um menu cujo gatilho e objeto cabem na tarefa. Depois, crie o comportamento dele no teclado.
- Não o use quando
- Nunca coloque campos de formulário ou a navegação principal do site dentro de um menu de comandos.
- Nome usado no código
DropdownMenu / ContextMenu
Comparação rápida
| Padrão de UI | Melhor para | Não para | Nome usado no código |
|---|---|---|---|
| macOS Context MenumacOS Context Menu | Use-o para um conjunto curto de ações menos comuns que dependam do item ou seleção sob o ponteiro. | Nunca faça de um menu de contexto o único caminho para um comando importante. Mantenha comandos de toda a aplicação longe de ações de um único item. | AppKit NSMenu / SwiftUI contextMenu |
| Menu Dropdown & Contextual — Pacote de AprendizadoDropdown & Context Menu — Learning Bundle | Escolha um menu cujo gatilho e objeto cabem na tarefa. Depois, crie o comportamento dele no teclado. | Nunca coloque campos de formulário ou a navegação principal do site dentro de um menu de comandos. | DropdownMenu / ContextMenu |
Antes de lançar
- 01
Anote o que a pessoa precisa fazer.
- 02
Teste o teclado, foco, toque, zoom, carregamento, estados vazio e de erro.
- 03
Certifique-se de que as pessoas podem obter as mesmas informações sem passar o mouse ou movimento.
- 04
Teste com conteúdo real em telas pequenas e grandes.
Pedido de comparação para copiar
Copie isso quando o seu time precisar de ajuda para escolher entre os padrões.
Escolha o melhor padrão de macOS Context Menu (macOS Context Menu), Menu Dropdown & Contextual — Pacote de Aprendizado (Dropdown & Context Menu — Learning Bundle) para o nosso fluxo real de usuário. Use esta regra: Um menu de contexto mostra ações para o item que você clica ou pressiona. Um dropdown abre a partir de um botão visível com um propósito claro. Anote a tarefa, a quantidade de conteúdo e o custo de parar o fluxo. Teste o comportamento de teclado, toque, carregamento, erro e movimento reduzido. Explique sua escolha e depois construa a menor versão acessível com o sistema de design do projeto.