Barra de herramientas vs. Barra de menús (macOS)
Una barra de herramientas pone las acciones más habituales dentro de una ventana. La barra de menús guarda todos los comandos de la app arriba del todo en la pantalla.
Coloca las acciones comunes de documentos o selecciones en la barra de herramientas. Mantén todos los comandos, atajos de teclado y acciones menos comunes en la barra de menús.
Ver lo que hace cada patrón
Prueba cada ejemplo. Luego lea sobre el trabajo para el que fue hecho.
Unified Title Bar Toolbar
Una Unified Title Bar Toolbar es una fila de comandos integrada en la barra de título de la ventana. Se puede cambiar y guarda las acciones comunes del documento o de la vista.
Una app de notas combina el toggle de la barra lateral, la búsqueda, compartir y las herramientas de formato en una zona de la barra de título que se puede arrastrar.
- Úsalo cuando
- Úselo para comandos comunes vinculados a la ventana actual cuando el acceso directo y la elección personalizada ayuden al trabajo de abajo.
- No lo uses cuando
- No lo llenes de comandos raros o destructivos. Los elementos según la selección se pueden quedar en su sitio y cambiar a activado o seleccionado. Evita cambios de diseño innecesarios y mantén los comandos esenciales visibles en la barra de menús.
- Nombre usado en código
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
La barra de menús de macOS es la franja en la parte superior de la pantalla. La aplicación activa coloca allí su conjunto completo de comandos en menús claros.
Una app de escritura mantiene los comandos de Nuevo, Exportar, Buscar y de ventana en los menús predecibles de File, Edit y Window.
- Úsalo cuando
- Coloca aquí el conjunto completo de comandos de la aplicación. Incluye los comandos que las personas encuentran por el nombre del menú o ejecutan con un atajo de teclado.
- No lo uses cuando
- No lo uses para navegar dentro de una ventana. Pon aquí un comando aunque también aparezca en una barra de herramientas o menú contextual. Actualiza los comandos que dependen del estado actual.
- Nombre usado en código
AppKit NSMenu / SwiftUI Commands
Comparación rápida
| Patrón de UI | Mejor para | No para | Nombre usado en código |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | Úselo para comandos comunes vinculados a la ventana actual cuando el acceso directo y la elección personalizada ayuden al trabajo de abajo. | No lo llenes de comandos raros o destructivos. Los elementos según la selección se pueden quedar en su sitio y cambiar a activado o seleccionado. Evita cambios de diseño innecesarios y mantén los comandos esenciales visibles en la barra de menús. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | Coloca aquí el conjunto completo de comandos de la aplicación. Incluye los comandos que las personas encuentran por el nombre del menú o ejecutan con un atajo de teclado. | No lo uses para navegar dentro de una ventana. Pon aquí un comando aunque también aparezca en una barra de herramientas o menú contextual. Actualiza los comandos que dependen del estado actual. | AppKit NSMenu / SwiftUI Commands |
Antes de lanzarlo
- 01
Escribe lo que la persona necesita hacer.
- 02
Probar el teclado, enfoque, tacto, zoom, carga, estados vacíos y de error.
- 03
Asegurarse de que las personas puedan obtener la misma información sin pasar el cursor o movimiento.
- 04
Probar con contenido real en pantallas pequeñas y grandes.
Petición de comparación que puedes copiar
Copia esto cuando tu equipo necesite ayuda para elegir entre los patrones.
Elige el mejor patrón de Unified Title Bar Toolbar (Unified Title Bar Toolbar), macOS Menu Bar (macOS Menu Bar) para nuestro flujo de usuario real. Usa esta regla: Una barra de herramientas pone las acciones más habituales dentro de una ventana. La barra de menús guarda todos los comandos de la app arriba del todo en la pantalla. Anota la tarea, la cantidad de contenido y el costo de detener el flujo. Comprueba el teclado, toque, carga, errores y movimiento reducido. Explica tu elección y luego crea la versión accesible más pequeña usando el sistema de diseño del proyecto.