En el diseño de la interfaz de usuario , un menú circular (también conocido como menú radial ) es un menú contextual circular donde la selección depende de la dirección. Es un elemento de control gráfico . Un menú circular se compone de varios "sectores circulares" alrededor de un centro inactivo y funciona mejor con la entrada de lápiz y bien con el mouse . Las rebanadas de pastel se dibujan con un agujero en el medio para una manera fácil de salir del menú.
Los menús circulares funcionan bien con la aceleración del teclado, particularmente los menús de cuatro y ocho elementos, en las teclas del cursor y el teclado numérico . Un objetivo de los menús circulares es proporcionar un estilo de interacción gestual fluido y confiable para principiantes y expertos. [1] Una porción puede llevar a otro menú circular; seleccionar esto puede centrar el puntero en el nuevo menú.
Un menú de marcado [2] es una variante de esta técnica que hace que el menú sea menos sensible a la variación en el tamaño del gesto. [3]
Como una especie de menú contextual, los menús circulares a menudo son sensibles al contexto , [4] mostrando diferentes opciones dependiendo de a qué apuntaba el puntero cuando se solicitó el menú.
Historia
El primer menú radial documentado se atribuye a un sistema llamado PIXIE en 1969. Algunas universidades exploraron diseños visuales alternativos. [5]
En 1986, Mike Gallaher y Don Hopkins juntos llegaron de forma independiente al concepto de un menú contextual basado en el ángulo al origen donde el ángulo y el radio exactos podrían pasarse como parámetros a un comando, o el radio podría usarse para activar un submenú. . [6]
La primera comparación de rendimiento con menús lineales se realizó en 1988 mostrando un aumento en el rendimiento de un 15% menos de tiempo y una reducción de los errores de selección. [7]
El videojuego de rol Secret of Mana presentó un innovador sistema de menú radial basado en íconos en 1993. [8] Su sistema de menú circular fue adoptado por videojuegos posteriores. [9]
Uso
Para los usuarios novatos, los menús circulares son fáciles porque son una interfaz gestual que se revela a sí misma : muestran lo que puede hacer y le indican cómo hacerlo. Al hacer clic y abrir un menú circular, mirar las etiquetas, mover el puntero en la dirección deseada, luego hacer clic para hacer una selección, los usuarios aprenden el menú y practican el gesto para "marcar adelante" ("mouse adelante" en el caso de un mouse , "avance" en el caso de un dataglove ). Con un poco de práctica, resulta bastante fácil marcar por delante incluso a través de menús circulares anidados.
Para el experto, los menús de tarta son más eficientes. Porque es posible que hayan acumulado memoria muscular para ciertas acciones del menú y puedan seleccionar la opción que desean sin mirar las selecciones emergentes. En algunos casos, solo cuando se usa más lentamente como un menú tradicional, aparece un menú circular en la pantalla para revelar las selecciones disponibles. Además, los principiantes pueden convertirse gradualmente en expertos cuando practican la misma selección de menú circular muchas veces y comienzan a recordar el menú y el movimiento. Como ha señalado Jaron Lanier de VPL Research , "la mente puede olvidar, pero el cuerpo recuerda". Los menús circulares aprovechan la capacidad del cuerpo para recordar el movimiento y la dirección de los músculos , incluso cuando la mente ha olvidado las etiquetas simbólicas correspondientes. [1]
Comparación con otras técnicas de interacción
Los menús circulares son más rápidos y fiables para seleccionar que los menús lineales, porque la selección depende de la dirección en lugar de la distancia. Las secciones circulares del menú son de gran tamaño y están cerca del puntero para una interacción rápida (consulte la ley de Fitts ). Los usuarios experimentados usan la memoria muscular sin mirar el menú mientras seleccionan de él. [1] [10] Los menús circulares anidados pueden ofrecer eficazmente muchas opciones, y algunos menús circulares pueden mostrar menús lineales y combinar elementos lineales y radiales en el mismo menú. [11] Los menús circulares, al igual que cualquier menú emergente, se muestran solo cuando se solicitan, lo que genera menos distracción visual y carga cognitiva que las barras de herramientas y las barras de menús que siempre se muestran.
Los menús circulares muestran las opciones disponibles, en contraste con los gestos invisibles del mouse . Los menús circulares, que retrasan la aparición hasta que el puntero no se mueve, reducen la intrusión al mismo nivel que los gestos del mouse para usuarios experimentados. Los menús circulares ocupan más espacio en la pantalla que los menús lineales, y el número de porciones en un menú individual debe mantenerse bajo para que sean efectivos mediante el uso de submenús. Cuando se utilizan menús circulares, los submenús pueden superponerse con el menú principal, pero el menú principal puede volverse traslúcido u oculto.
Los menús circulares son más adecuados para acciones que han sido diseñadas por humanos y tienen opciones de agrupación lógicas. Los menús lineales son más adecuados para menús dinámicos y grandes que tienen muchas opciones posibles, sin ningún agrupamiento lógico, [1] ya que los menús circulares solo pueden mostrar un número limitado de elementos de menú. Se pueden acomodar razonablemente alrededor de 3 a 12 elementos en un diseño radial, pero los elementos adicionales anteriores tienden a contrarrestar los beneficios de usar menús circulares en primer lugar. Esto se puede superar con técnicas relacionadas que permiten encadenar comandos en un solo gesto a través de submenús. [3] [12]
Sin embargo, el uso de técnicas de interacción que no se basan en punteros ha demostrado ser problemático con menús circulares y lineales para mesas digitales desordenadas, donde los objetos físicos pueden obstruir los elementos del menú. [13]
Los menús circulares no están disponibles como elemento de control gráfico estándar en los kits de herramientas comerciales comunes . Los videojuegos a menudo requieren el desarrollo de widgets personalizados, por lo que el costo del menú circular es menor en ese escenario particular.
Implementaciones notables
- Secret of Mana [14] y su sucesor Secret of Evermore (donde el menú se utilizó para acelerar el ritmo del combate [15] )
- Blender , un programa de modelado 3D de código abierto, que actualmente tiene menús circulares como característica opcional
- Grand Theft Auto V , para la selección de armas y estaciones de radio [16]
- PowerAnimator , un programa comercial de modelado 3D que utilizaba menús de marcado [17]
- Extensiones de Mozilla y Mozilla Firefox RadialContext [18] [19] y easyGestures [20]
- Autodesk Maya , un programa comercial de modelado 3D [21]
- Entorno de escritorio Metisse y Unix , gestores de ventanas para el sistema X Window
- modo , un paquete avanzado de modelado de superficies de subdivisión y polígono
- Songza , un motor de búsqueda de música y una máquina de discos de Internet que utiliza un menú circular para su modo principal de interacción, por Aza Raskin
- Quicksilver a través del complemento Constellation
- Azúcar (GUI) , aplicación GUI para el One Laptop per Child proyecto
- BumpTop , un escritorio de computadora creado para imitar archivos en papel en un escritorio del mundo real que usa menús circulares como muchos de sus menús de control
- Navegador de Android en Android
- Aplicación OneNote para Windows 8 y Windows RT
- El controlador del mouse Cherry para el mouse Power Pad M-1000 ofrece opcionalmente un menú contextual circular
- The Temple of Elemental Evil (videojuego)
- Mass Effect (videojuego)
- Los Sims (videojuego) , que utilizaba ampliamente menús circulares para la interacción dirigida por el jugador. Estos menús de tarta fueron desarrollados principalmente por Don Hopkins . [22]
- Segunda vida
Ver también
- Interfaz basada en cruces
- Menú (informática)
- Gráfico circular
Referencias
- ↑ a b c d Hopkins, Don (diciembre de 1991). "El Diseño e Implementación de Pie Menus" . Diario del Dr. Dobb . Archivado desde el original el 25 de diciembre de 2009 . Consultado el 15 de diciembre de 2009 .
- ^ Gordon Kurtenbach1 y William Buxton. "Rendimiento y aprendizaje del usuario con menús de marcado" .
- ^ Don Hopkins. "Menús dinámicos de tarta" . Archivado desde el original el 20 de noviembre de 2009 . Consultado el 29 de diciembre de 2009 .
- ^ Gord Kurtenbach (abril de 2004). "Notas sobre el historial de menús radiales, menús circulares y menús de marcado" .
- ^ Don Hopkins. "Propuesta de menús Theta y diseños de menús circulares - mayo de 1986" . Archivado desde el original el 11 de junio de 2011 . Consultado el 7 de abril de 2010 .
- ^ Callahan, Jack; Hopkins, Don; Weiser, Mark; Shneiderman, Ben (1988). "Una comparación empírica de menús circulares vs. lineales". Actas de la Conferencia ACM CHI sobre factores humanos en sistemas informáticos. págs. 95-100. http://doi.acm.org/10.1145/57167.57182 .
- ^ Mazmorras y escritorios: la historia de los juegos de rol de computadora . Prensa CRC . 2008. p. 220. ISBN 9781439865248.
- ^ "Retrospectiva: Secret Of Mana" . Edge . Future plc . 2014-06-01. Archivado desde el original el 15 de julio de 2014 . Consultado el 20 de agosto de 2014 .
- ^ Shneiderman, Ben ; Plaisant, Catherine; Botafogo, Rodrigo; Hopkins, Don ; Weiland, William. "Diseño para facilitar la navegación: una mirada al navegador de la estación de trabajo Hyperties" . Universidad de Maryland : Laboratorio de interacción humano-computadora. Archivado desde el original el 25 de diciembre de 2009 . Consultado el 15 de diciembre de 2009 . Cite journal requiere
|journal=
( ayuda ) - ^ Hopkins, Don . "Pie de menús en Python / GTK / Cairo para OLPC Sugar" . Archivado desde el original el 27 de abril de 2007 . Consultado el 15 de diciembre de 2009 .
- ^ "www.markingmenus.org" . Archivado desde el original el 28 de marzo de 2010 . Consultado el 7 de abril de 2010 .
- ^ Leithinger, D; Haller, M (10 al 12 de octubre de 2007). "Mejora de la interacción del menú para configuraciones de mesa desordenadas con menús de ruta dibujados por el usuario". Sistemas Horizontales Interactivos Humano-Computadora, 2007. TABLETOP '07. Segundo Taller Internacional Anual de IEEE sobre . Newport, RI. págs. 121-128. doi : 10.1109 / TABLETOP.2007.24 . ISBN 978-0-7695-2013-1.
- ^ Campbell, Greg. "Secret of Mana - Retroview" . RPGamer. Archivado desde el original el 18 de enero de 2014 . Consultado el 24 de diciembre de 2008 .
- ^ "Ring of Fire: cómo Secret of Mana perfeccionó el RPG de acción" . videogamesarerad.com. Archivado desde el original el 28 de julio de 2020 . Consultado el 29 de febrero de 2012 .
- ^ Seitz, Dan (17 de septiembre de 2013). " ' Grand Theft Auto V' se reproduce como un juego completamente nuevo" . Uproxx . Consultado el 5 de febrero de 2015 .
- ^ PC máxima de octubre de 1998
- ^ John Breslin . "Una historia de dos átomos: AtomPub y Atom Interface" . newtechpost.com.[ enlace muerto permanente ]
- ^ AUUGN marzo de 2003
- ^ Mozilla Firefox 4 (en alemán)
- ^ Comprensión de la animación 3-D usando Maya por John Edgar Park
- ^ Hopkins, Don (7 de julio de 2018). "Los Sims, Pie Menus, Edith Editing y SimAntics Visual Programming Demo" . medium.com . Consultado el 18 de diciembre de 2018 .
- Wiseman, NE; Lemke, HU; Hiles, JO "PIXIE: Un nuevo enfoque para las comunicaciones gráficas hombre-máquina". Actas de 1969 CAD Conference Southampton, IEEE Conference Publication 51 . pag. 463.
enlaces externos
- Complemento JavaScript / jQuery Radmenu , código abierto = enlaces externos ==
- El menú de flores es una implementación de menú de marcado para Qt (software)
- Tcl / Tk - Una implementación simple en Tcl / Tk puro
- Menús de tarta en c2 wiki
- Menús de tarta para Qt
- Pie Menus para la interfaz de usuario OLPC Sugar, en Python con módulos GTK, Cairo y Pango
- Artículo de Slashdot: menús circulares en Mozilla
- Componente de menú circular Asymetrix [ToolBook], de Paolo Tosolini . Código fuente: [1] [2] .
- Python : menús de tarta de Python de código abierto para la interfaz de usuario GTK / Cairo / Pango / OLPC / Sugar, de Don Hopkins .
- OpenLaszlo - Menús circulares OpenLaszlo de código abierto para Flash, de Don Hopkins.
- JavaScript : menús circulares de JavaScript de código abierto para el navegador Internet Explorer, de Don Hopkins.
- JavaScript / jQuery Radmenu Plugin , menús circulares / circulares de JavaScript de código abierto para TODOS los navegadores, por Nirvana Tikku.
- ActiveX : menús circulares de código abierto C ++ ActiveX para el navegador Internet Explorer, de Don Hopkins.
- X11 - Administrador de ventanas X11 de código abierto "piewm" con menús circulares, de Don Hopkins, mantenido por Russ Nelson .
- TCL / Tk - Pie Menus de software libre para TCK / Tk, escrito en 1992 para SimCity por Don Hopkins.
- NeWS - Pie Menus de software libre para NeWS 1.1 escrito en marzo de 1988 por Don Hopkins.
- X10 - Pie Menus de software libre para X10 "uwm" Window Manager, escrito en junio de 1986 por Don Hopkins.
- Suntools - Pie Menus de software libre para Suntools, escrito en enero de 1987 por Mark Weiser .
- X10 - Menús Theta de software libre, prototipo de prueba de concepto para X10, escrito en junio de 1986 por Don Hopkins.
- Artículos del menú circular de Don Hopkins
- Menús circulares, por Greg Bronevetsky.
- Variación del menú del círculo 3D - Menú del cubo , por conquex con el código fuente.
- Componente de menú circular Asymetrix [ToolBook], de Paolo Tosolini . Código fuente: [3] [4] .
- Pie Menus para Windows , Dr. Dobb's Journal, noviembre de 1992, págs. 30–39, por Carl Rollo.
- Demostración de menús de tarta en Java , por Carl Rollo.
- Pie Menu para libGDX, una biblioteca de código abierto para desarrolladores de juegos Java. Demostración disponible.
- Menú circular de WPF , por Christoph Menge
- wheelnav.js , componente de navegación JavaScript animado basado en Raphaël (biblioteca JavaScript) (SVG / VML) de softwaretailoring.net
- Bibliografía comentada de referencias a gestos, pantallas táctiles y computación con lápiz