Menú contextual vs. Desplegable
Un menú contextual muestra acciones para el elemento que presionas. Un dropdown se abre desde un botón visible con un propósito claro.
Usa un menú contextual como un atajo adicional, no como la única vía. Usa un menú desplegable cuando la gente necesite ver dónde se abre el menú.
Ver lo que hace cada patrón
Prueba cada ejemplo. Luego lea sobre el trabajo para el que fue hecho.
macOS Context Menu
Un macOS Context Menu es una lista corta de acciones para el elemento bajo el cursor. Se abre con un clic secundario, como un clic derecho.
Hacer clic derecho en un archivo seleccionado muestra Renombrar, Duplicar, Compartir y Mover a la papelera sin salir de la lista.
- Úsalo cuando
- Úsalo para un conjunto corto de acciones menos comunes que dependen del elemento o selección bajo el puntero.
- No lo uses cuando
- Nunca hagas que un menú contextual sea la única forma de acceder a un comando importante. Mantén los comandos de toda la aplicación alejados de las acciones de un solo elemento.
- Nombre usado en código
AppKit NSMenu / SwiftUI contextMenu
Menú desplegable y menú contextual — Paquete de aprendizaje
Este paquete de aprendizaje compara menús según cómo se abren. Un desplegable se abre desde un control. Un menú contextual pertenece a un objeto y a menudo se abre en el puntero. El paquete no es un término estándar único de menú.
DropdownMenu / ContextMenuEl botón Más abre acciones generales. Hacer clic derecho en un archivo abre acciones solo para ese archivo.
- Úsalo cuando
- Elige un menú cuyo disparador y objeto encajen con la tarea. Luego crea su comportamiento de teclado.
- No lo uses cuando
- Nunca pongas campos de formulario o la navegación principal del sitio dentro de un menú de comandos.
- Nombre usado en código
DropdownMenu / ContextMenu
Comparación rápida
| Patrón de UI | Mejor para | No para | Nombre usado en código |
|---|---|---|---|
| macOS Context MenumacOS Context Menu | Úsalo para un conjunto corto de acciones menos comunes que dependen del elemento o selección bajo el puntero. | Nunca hagas que un menú contextual sea la única forma de acceder a un comando importante. Mantén los comandos de toda la aplicación alejados de las acciones de un solo elemento. | AppKit NSMenu / SwiftUI contextMenu |
| Menú desplegable y menú contextual — Paquete de aprendizajeDropdown & Context Menu — Learning Bundle | Elige un menú cuyo disparador y objeto encajen con la tarea. Luego crea su comportamiento de teclado. | Nunca pongas campos de formulario o la navegación principal del sitio dentro de un menú de comandos. | DropdownMenu / ContextMenu |
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 macOS Context Menu (macOS Context Menu), Menú desplegable y menú contextual — Paquete de aprendizaje (Dropdown & Context Menu — Learning Bundle) para nuestro flujo de usuario real. Usa esta regla: Un menú contextual muestra acciones para el elemento que presionas. Un dropdown se abre desde un botón visible con un propósito claro. 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.