Show HN: Pie Menu para macOS - menú radial

• Pie Menu es una herramienta para Mac que muestra, alrededor del cursor, un menú radial con atajos de teclado usados con frecuencia según la app, para ejecutarlos rápido sin tener que memorizarlos
• También se puede abrir en apps como Figma, Slack y Things con una sola tecla de activación definida por el usuario
• Aunque cambie la app, la forma de invocarlo se mantiene igual, y solo cambian los atajos específicos por app que aparecen en el menú según la aplicación actual
• El menú se puede personalizar para cada app; usa SF Symbols de Apple como íconos, y la opción de agregar íconos de usuario está marcada como “coming soon”
• En Shortcut-rolodex se pueden encontrar atajos existentes y agregarlos con un solo clic, y la descarga está disponible a través de App Store y Setapp

---

Menú de atajos por app que se abre alrededor del cursor

• Pie Menu es una app de menú radial que permite ejecutar comandos de varias apps de Mac sin memorizar atajos de teclado
• El usuario puede definir directamente una sola tecla de activación para usar en todos los programas
• Al activarlo, el menú se abre alrededor del cursor del mouse y los atajos más usados de esa app se organizan como porciones de un pastel
• Incluso si estás usando otro programa, puedes abrir el menú con la misma tecla de activación, y la lista de atajos disponibles cambia según la app
• Se muestra ⇧ + z como ejemplo de tecla de activación

Agregar atajos y mensaje de ahorro de tiempo

• Permite acceder rápidamente a atajos usados con frecuencia en Figma, Slack, Things y otras apps
• Se indica que los menús por app permiten personalización infinita
• Los íconos pueden usar SF Symbols de Apple, y la función para importar íconos de usuario estará disponible más adelante
• En Shortcut-rolodex se pueden buscar atajos y agregarlos a Pie Menu con un solo clic
• Citando un estudio según el cual usar el mouse en lugar de atajos de teclado desperdicia 2 segundos por minuto, se indica que se pueden ahorrar 64 horas al año sin necesidad de memorizar nuevos atajos
• El enlace Download Pie Menu and start saving time immediately. ofrece la descarga desde App Store, y también se muestra un botón de Setapp

[GN⁺]

Opiniones de Hacker News

• ¡Muy bueno! Alguna vez hice un paquete de Swift que hacía algo parecido, en forma de widget para iOS: https://github.com/RiftValleySoftware/RVS_Spinner
  Al usarlo yo mismo, al final no terminé usándolo en mis propios proyectos; se sentía demasiado como un widget que “salta en tu cara”
  También intenté hacer una versión en SwiftUI, pero lo dejé porque pensé que probablemente no la usaría, y creo que macOS, donde la navegación se centra más en el cursor, encaja mejor para esto

  • Pie Menu se usa sobre todo en apps donde cambias de herramienta con frecuencia. Por ejemplo, apps como Figma, Photoshop, Illustrator, o apps con distintos modos como Hoy/Semana/Mes en Calendar, Hoy/Bandeja de entrada en Things, o Nota diaria/Vista de grafo/Backlinks en Obsidian
    En otras apps, cuando los atajos de teclado se parecen más a acciones rápidas comunes, no termino usándolo tanto

• Está muy bien hecho. Los menús radiales están demasiado subestimados
  Si pudiera pedir una función, me gustaría que el menú se moviera siguiendo la trayectoria del cursor, para que básicamente evolucionara hacia una GUI gestual
  Hace 8 años intenté una implementación en SVG: https://rawgit.com/lgrkvst/d3-sunburst-menu/master/demo/d3-s...

  • Hace unos meses alguien mostró algo así por aquí: era un enfoque donde encadenabas gestos para ir entrando más profundo en el árbol del menú
    La idea al principio era brillante, pero cada vez que intentaba hacer un gesto cerca del borde chocaba contra una pared, y además se sentía como lanzar hechizos en Witcher 3
  • Yo diría que más bien están sobrevalorados. Son demasiado difíciles de leer, y prefiero al 100% una lista lineal simple
  • Es una interacción realmente interesante, y creo que es una dirección que valdría la pena explorar cuando más adelante trabaje en submenús
  • Quizás están valorados justo como corresponde. Si de verdad estuvieran subestimados, habrían prosperado más después de la llegada del iPhone/Android. En móvil existe el problema de que el dedo tapa cosas, pero no es una falla decisiva, y podrían haberse popularizado solo por verse geniales más que por su utilidad
    Pero los menús tipo dona no llegaron a consolidarse: https://news.ycombinator.com/item?id=39206966
    Son atractivos, pero hasta ahí; como se argumenta en el hilo enlazado, la ventaja según la ley de Fitts es demasiado pequeña, y la sensación de que se ven geniales parece desaparecer bastante rápido para la mayoría. Aun así, a veces dan ganas de tener uno
    Además, podría ser interesante si https://github.com/kando-menu/kando pudiera migrarse fácilmente de Electron a Tauri: https://github.com/kando-menu/kando/issues/410

• Siempre me gustó el menú circular de Secret of Mana, pero nunca encontré una forma de trasladarlo realmente bien a una computadora

  • El sonido de ese menú todavía aparece en mis pesadillas

• Al principio, cada vez que hacía shift-z-clic en el sitio web, se seleccionaba todo el texto. Se puede arreglar fácilmente deshabilitando la selección de texto con CSS en el sitio
  No recomendaría aplicarlo a todos los sitios, pero en este caso creo que mejoraría la demo
  https://stackoverflow.com/questions/826782/how-to-disable-te...

  • No me había dado cuenta de ese problema; voy a probarlo

• Me alegra ver que alguien implemente una dirección parecida a la de un artículo que escribí hace unos años: https://ubiquity.acm.org/article.cfm?id=1086454

  • Don Hopkins, que también publica por aquí, tiene un artículo interesante de 1991 sobre el diseño y la implementación de menús circulares: https://donhopkins.medium.com/the-design-and-implementation-...
  • Gracias por compartirlo; esas ideas siguen siendo válidas. De hecho, se sabe que el primer menú radial documentado fue un sistema de 1969 llamado PIXIE: https://en.m.wikipedia.org/wiki/Pie_menu
  • El argumento en contra de los menús radiales es que el círculo cubre parcialmente el contenido de texto de varias líneas que queda detrás
    Un menú de una sola línea puede colocarse con espacio por encima o por debajo del cursor y tapar solo una línea
    Además, aunque agregues o quites elementos del menú, a diferencia de un menú radial, no cambia el tamaño de los demás elementos

• No estoy muy seguro de por qué más apps móviles no tienen menús radiales
  Parece una opción bastante razonable para manejarlas con un solo pulgar

  • Creo que el problema sería la cantidad de elementos. Los radiales probablemente solo funcionan bien con 6 o menos
    Una lista desplazable puede tener cualquier cantidad, y muchos pop-ups tienen un número variable de opciones
  • De acuerdo. Son muy cómodos y naturales, y ya han existido en varias formas
    Quizás no se ven mucho por las patentes relacionadas con los menús radiales, y esas patentes deberían invalidarse. Los menús circulares existen desde los años 60, mucho antes que las patentes, y en este hilo hay muchos ejemplos
    En todo caso, me alegra que esto exista. La gente debería poder verlo y decir: “Ah, esto es como los botones de un control remoto”
  • Los menús radiales me disparan una especie de compulsión rara. Se ven fuera de lugar cuando todos los menús son rectangulares, y si hubiera una opción, probablemente los desactivaría
    También tapan lo que está alrededor del cursor. Me recuerdan a esas ventanas de autocompletado que aparecen mientras escribes y cubren la información que necesitas en la línea de abajo; son realmente molestas
    Para mí, definitivamente no
  • En los tiempos salvajes y divertidos en que abundaban las ROM personalizadas en Android, más o menos entre las versiones 2.6 y 4, hubo muchos intentos de esto
    Muchos desarrolladores incluso los integraban directamente por defecto en sus ROM, pero los que vi en general eran hacks desprolijos que apenas funcionaban
  • Una desventaja es que el pulgar siempre va a tapar al menos una de las opciones

• ¿Sabías que DonHopkins, de Hacker News, implementó menús circulares en el port X11 de SimCity?

• La función de vista previa del sitio web estaba buena, pero en un teclado alemán shift + z es un atajo horrible. Solo quería avisarlo

  • Le dimos muchas vueltas a la función de vista previa. En el navegador no se puede usar cmd/option de forma confiable para previsualizar el mismo efecto, así que al final elegimos shift + z
    Pero en la app no podemos usar ese atajo, porque se activaría cada vez que escribas una Z mayúscula

• Es interesante y, a diferencia de esas ideas que parecen estar buscando un problema, no me produce rechazo inmediato. Lo que salta a la vista de entrada, sobre todo porque todavía es muy nuevo, es el uso de íconos en lugar de texto
  Entiendo que se ve bien desde el diseño, pero ahora tienes que recordar los íconos mentalmente. Acciones como Move, Copy, Scale son palabras cortas, así que usar texto quizá no se vería tan recargado. Me pregunto si podría ser opcional
  Además, ¿podría haber algún disparador que no sea una tecla del teclado? Si voy a presionar una tecla modificadora para activar esto, probablemente simplemente presionaría el atajo directamente. ¿Qué tal si pudiera activarse solo con el mouse, por ejemplo con clic medio o un clic de tres dedos en el multitouch de macOS?

  • Usar íconos en lugar de texto es para que no se confunda con un menú contextual de clic derecho :-)
  • Si usas texto, quedaría en evidencia lo ridículo del patrón de menú radial. O no encaja prolijamente dentro de un contenedor circular, o si lo ajustas a la curvatura del menú radial se vuelve difícil de leer y tiene poca accesibilidad

• Hace unos años hice algo así para la web
  https://github.com/victorqribeiro/radialMenu
  Quise rehacerlo usando SVG en lugar de canvas, pero al final no lo hice

  • Si hubiera sabido de esto, probablemente me habría ahorrado mucho tiempo en pruebas y errores al implementarlo en el sitio web
    Aunque la versión actual del sitio web está hecha solo con CSS y React