Menú de tarta

En el diseño de interfaces de usuario , un menú circular o 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 varias secciones circulares alrededor de un centro inactivo y funciona mejor con lápiz óptico , aunque también con ratón . Cada sección circular tiene un orificio en el centro para facilitar la salida del menú.

Los menús circulares funcionan bien con la aceleración del teclado, especialmente los menús de cuatro y ocho elementos, en las teclas de cursor y el teclado numérico . Uno de los objetivos de los menús circulares es proporcionar un estilo de interacción gestual fluido y fiable tanto para principiantes como para expertos. ^{[ 1 ]} Una porción puede llevar a otro menú circular; al seleccionarlo, el puntero puede centrarse 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 suelen ser sensibles al contexto , ^{[ 4 ]} mostrando diferentes opciones dependiendo de a qué apuntaba el puntero cuando se solicitó el menú.

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 llegaron juntos e independientemente al concepto de un menú contextual basado en el ángulo al origen, donde el ángulo y el radio exactos podían pasarse como parámetros a un comando, y un clic del ratón podía usarse para activar un elemento o submenú. ^{[ 6 ]}

La primera comparación de rendimiento con menús lineales se realizó en 1988 y mostró un aumento en el rendimiento de un 15 % menos de tiempo y una reducción de errores de selección. ^{[ 7 ]}

El videojuego de rol Secret of Mana presentó un innovador sistema de menú radial basado en iconos en 1993. ^{[ 8 ]} Su sistema de menú circular fue adoptado por videojuegos posteriores. ^{[ 9 ]}

Los menús circulares son una interfaz gestual autoexplicativa : muestran múltiples opciones al usuario y lo dirigen a seleccionar una.

Los usuarios manejan el menú observando las etiquetas o iconos que se presentan como opciones, moviendo el puntero en la dirección deseada y luego haciendo clic para seleccionar una. Esta acción se denomina "marcar por adelantado" ("avanzar con el ratón" en el caso de un ratón , "avanzar con la mano" en el caso de un guante de datos ).

La repetición de acciones y la memorización de la interfaz simplifican aún más la experiencia del usuario. Los menús circulares aprovechan la capacidad del cuerpo para recordar el movimiento y la dirección muscular , incluso cuando la mente ha olvidado las etiquetas simbólicas correspondientes. ^{[ 1 ]}

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 grandes y están cerca del puntero para una interacción rápida (véase la ley de Fitts ). Los usuarios experimentados utilizan la memoria muscular sin mirar el menú mientras seleccionan. ^{[ 1 ] [ 10 ]} Los menús circulares anidados pueden ofrecer eficientemente muchas opciones, y algunos menús circulares pueden mostrar menús lineales emergentes 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 resulta en menos distracción visual y carga cognitiva que las barras de herramientas y las barras de menú que siempre están visibles.

Los menús circulares muestran las opciones disponibles, a diferencia de los gestos invisibles del ratón . Estos menús, que tardan en aparecer hasta que el puntero deja de moverse, reducen la intrusión al mismo nivel que los gestos del ratón para usuarios experimentados. Los menús circulares ocupan más espacio en la pantalla que los menús lineales, y para que sean efectivos, es necesario mantener bajo el número de secciones de cada menú mediante el uso de submenús. Al usar menús circulares, los submenús pueden superponerse al menú principal, pero este último puede volverse translúcido u ocultarse.

Los menús circulares son más adecuados para acciones diseñadas por humanos y con opciones de agrupación lógica. Los menús lineales son más adecuados para menús dinámicos y extensos con muchas opciones posibles, sin agrupación lógica, ^{[ 1 ]} ya que los menús circulares solo pueden mostrar un número limitado de elementos. En un diseño radial se pueden acomodar razonablemente entre 3 y 12 elementos, pero añadir más elementos tiende a contrarrestar las ventajas de usar menús circulares. Esto se puede solucionar 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 tanto con menús circulares como lineales para mesas digitales desordenadas, donde los objetos físicos pueden ocultar 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 suelen requerir el desarrollo de widgets personalizados, por lo que el coste de los menús circulares es menor en ese caso particular.

• Interfaz basada en cruces
• Menú (informática)
• Gráfico circular

• Wiseman, NE; Lemke, HU; Hiles, JO "PIXIE: Un nuevo enfoque para las comunicaciones gráficas hombre-máquina". Actas de la Conferencia CAD de 1969, Southampton, Publicación de la Conferencia IEEE 51. pág.  463.

• Plugin Radmenu de JavaScript/jQuery , código abierto.
• El menú Flower , archivado el 15 de agosto de 2015 en Wayback Machine , es una implementación de menú de marcado para Qt.
• Tcl/Tk : una implementación sencilla en Tcl/Tk puro.
• Menús circulares en la wiki de c2
• Menús circulares para Qt
• Menús circulares para la interfaz de usuario OLPC Sugar, en Python con módulos GTK, Cairo y Pango.
• Artículo con barra diagonal: Menús circulares en Mozilla
• Componente de menú circular Asymetrix [ToolBook], por Paolo Tosolini . Código fuente: Piemenu.com Piemenu.com .
• Python - Menús circulares de código abierto para Python para interfaces de usuario GTK/Cairo/Pango/OLPC/Sugar, por Don Hopkins .
• OpenLaszlo - Menús circulares de código abierto OpenLaszlo para Flash, por Don Hopkins.
• JavaScript - Menús circulares de código abierto en JavaScript para el navegador Internet Explorer, por Don Hopkins.
• Plugin Radmenu de JavaScript/jQuery , menús radiales/circulares de JavaScript de código abierto para TODOS los navegadores, por Nirvana Tikku.
• ActiveX - Menús circulares ActiveX de código abierto en C++ para el navegador Internet Explorer, por Don Hopkins.
• X11 - Gestor de ventanas X11 de código abierto "piewm" con menús circulares, creado por Don Hopkins y mantenido por Russ Nelson .
• TCL/Tk - Software libre. Menús circulares para TCL/Tk, escritos en 1992 para SimCity por Don Hopkins.
• NeWS - Software gratuito. Menús circulares para NeWS 1.1, escritos en marzo de 1988 por Don Hopkins.
• X10 - Software gratuito. Menús circulares para el gestor de ventanas X10 "uwm", escrito en junio de 1986 por Don Hopkins.
• Suntools - Software gratuito: Menús circulares para Suntools, escritos en enero de 1987 por Mark Weiser .
• X10 - Software libre. Menús Theta, prototipo de prueba de concepto para X10, escrito en junio de 1986 por Don Hopkins.
• Artículos sobre menús circulares de Don Hopkins .
• Menús circulares , de Greg Bronevetsky.
• Variación del menú de círculo 3D - Menú de cubo Archivado el 4 de julio de 2009 en Wayback Machine , por conquex con código fuente.
• Componente de menú circular Asymetrix [ToolBook], por Paolo Tosolini . Código fuente: Piemenu.com Piemenu.com .
• Pie Menus para Windows , Dr. Dobb's Journal, noviembre de 1992, págs. 30–39, por Carl Rollo.
• Demostración de menús circulares en Java , por Carl Rollo.
• Menú circular para libGDX, una biblioteca de código abierto para desarrolladores de juegos Java. Demostración disponible.
• Menú circular WPF , de Christoph Menge.
• wheelnav.js , componente de navegación animado de JavaScript basado en Raphaël (biblioteca de JavaScript) (SVG/VML) por softwaretailoring.net.
• Bibliografía anotada de referencias a gestos, pantallas táctiles e informática con lápiz óptico .
• RadialMenu , software gratuito y ligero para Windows programado con AutoHotkey.