Barra de ferramentas vs. Barra de menus (macOS)
Uma barra de ferramentas põe ações comuns dentro de uma janela. A barra de menu mantém todos os comandos do app no topo da tela.
Coloque ações comuns de documento ou seleção na barra de ferramentas. Mantenha todos os comandos, atalhos de teclado e ações menos comuns na barra de menu.
Veja o que cada padrão faz
Experimente cada exemplo. Depois leia sobre o trabalho para o qual ele foi feito.
Unified Title Bar Toolbar
Uma Unified Title Bar Toolbar é uma fileira de comandos construída na área de título da janela. As pessoas podem mudá-la, e ela guarda ações comuns de documento ou visão.
Um app de notas combina o botão da barra lateral, a busca, o compartilhamento e as ferramentas de formatação em uma área da barra de título que você pode arrastar.
- Use-o quando
- Use-o para comandos comuns ligados à janela atual quando o acesso direto e a escolha personalizada ajudam no trabalho abaixo.
- Não o use quando
- Não sobrecarregue com comandos raros ou destrutivos. Itens dependentes de seleção podem permanecer no lugar e atualizar seu estado habilitado ou selecionado. Evite mudanças desnecessárias no layout e mantenha comandos essenciais discoveríveis na barra de menu.
- Nome usado no código
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
A Barra de Menu do macOS é a faixa no topo da tela. O aplicativo ativo coloca seu conjunto completo de comandos ali em menus claros.
Um aplicativo de escrita mantém os comandos de New, Export, Find e de janela em menus previsíveis de File, Edit e Window.
- Use-o quando
- Coloque aqui o conjunto completo de comandos do aplicativo. Inclua comandos que as pessoas encontram pelo nome do menu ou executam com um atalho de teclado.
- Não o use quando
- Não o use como navegação dentro de uma janela. Mantenha um comando aqui mesmo que ele também apareça em uma barra de ferramentas ou menu de contexto. Atualize os comandos que dependem do estado atual.
- Nome usado no código
AppKit NSMenu / SwiftUI Commands
Comparação rápida
| Padrão de UI | Melhor para | Não para | Nome usado no código |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | Use-o para comandos comuns ligados à janela atual quando o acesso direto e a escolha personalizada ajudam no trabalho abaixo. | Não sobrecarregue com comandos raros ou destrutivos. Itens dependentes de seleção podem permanecer no lugar e atualizar seu estado habilitado ou selecionado. Evite mudanças desnecessárias no layout e mantenha comandos essenciais discoveríveis na barra de menu. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | Coloque aqui o conjunto completo de comandos do aplicativo. Inclua comandos que as pessoas encontram pelo nome do menu ou executam com um atalho de teclado. | Não o use como navegação dentro de uma janela. Mantenha um comando aqui mesmo que ele também apareça em uma barra de ferramentas ou menu de contexto. Atualize os comandos que dependem do estado atual. | AppKit NSMenu / SwiftUI Commands |
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 Unified Title Bar Toolbar (Unified Title Bar Toolbar), macOS Menu Bar (macOS Menu Bar) para o nosso fluxo real de usuário. Use esta regra: Uma barra de ferramentas põe ações comuns dentro de uma janela. A barra de menu mantém todos os comandos do app no topo da tela. 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.