2 points par GN⁺ 2024-08-07 | 1 commentaires | Partager sur WhatsApp
  • Pie Menu est un outil pour Mac qui affiche les raccourcis fréquemment utilisés de chaque application dans un menu radial autour du curseur, afin de les exécuter rapidement sans avoir à les mémoriser
  • Dans des applications comme Figma, Slack ou Things, l’utilisateur peut aussi ouvrir le menu avec un seul raccourci d’appel qu’il a défini
  • Même si l’application change, la façon d’ouvrir le menu reste la même, et seuls les raccourcis propres à l’application affichés dans le menu s’adaptent à l’app active
  • Le menu peut être personnalisé pour chaque application, utilise les SF Symbols d’Apple comme icônes, et l’ajout d’icônes utilisateur est indiqué comme « coming soon »
  • Depuis le Shortcut-rolodex, il est possible de retrouver des raccourcis existants et de les ajouter en un clic, et le téléchargement est proposé via l’App Store et Setapp

Menu de raccourcis par application ouvert autour du curseur

  • Pie Menu est une application de menu radial qui permet d’exécuter des commandes dans plusieurs applications Mac sans mémoriser les raccourcis clavier
  • L’utilisateur peut définir lui-même un raccourci d’appel unique à utiliser dans tous les programmes
  • Lors de l’appel, le menu s’ouvre autour du curseur de la souris, et les raccourcis fréquemment utilisés dans l’application concernée sont disposés comme des parts de tarte
  • Même en utilisant un autre programme, il est possible d’ouvrir le menu avec le même raccourci d’appel, tandis que la liste des raccourcis sélectionnables change selon l’application
  • ⇧ + z est donné comme exemple de touche d’appel

Ajout de raccourcis et message sur le gain de temps

  • Il permet d’accéder rapidement aux raccourcis fréquemment utilisés dans Figma, Slack, Things, etc.
  • Il est indiqué que les menus par application sont personnalisables à l’infini
  • Les icônes peuvent utiliser les SF Symbols d’Apple, et la fonction d’import d’icônes utilisateur est prévue pour plus tard
  • Il est possible de rechercher des raccourcis sur Shortcut-rolodex et de les ajouter à Pie Menu en un clic
  • En s’appuyant sur une étude affirmant que remplacer les raccourcis clavier par la souris fait perdre 2 secondes par minute, il est indiqué qu’il est possible d’économiser 64 heures par an sans avoir à mémoriser de nouveaux raccourcis
  • Le téléchargement via l’App Store est proposé avec le lien Download Pie Menu and start saving time immediately., avec également un bouton Setapp

1 commentaires

 
GN⁺ 2024-08-07
Avis Hacker News
  • Sympa ! J’avais créé un package Swift qui fait quelque chose de similaire sous forme de widget iOS : https://github.com/RiftValleySoftware/RVS_Spinner
    Après l’avoir utilisé moi-même, j’ai fini par ne jamais vraiment m’en servir dans mes propres projets ; j’avais l’impression que c’était un widget trop « tape-à-l’œil »
    J’avais aussi prévu d’en faire une version SwiftUI, mais j’ai abandonné en me disant que je ne l’utiliserais probablement pas, et que macOS, avec une navigation centrée sur le curseur, serait sans doute un meilleur terrain pour ce type d’interface

    • Les Pie Menus servent surtout dans les apps où l’on change souvent d’outil. Par exemple des apps comme Figma, Photoshop, Illustrator, ou des apps avec différents modes, comme aujourd’hui/semaine/mois dans Calendar, aujourd’hui/boîte de réception dans Things, ou note quotidienne/vue graphe/backlinks dans Obsidian
      Dans les autres apps, quand les raccourcis clavier ressemblent davantage à de simples actions rapides, on finit par ne pas vraiment les utiliser
  • Beau travail. Les menus radiaux sont vraiment trop sous-estimés
    Si je devais faire une demande de fonctionnalité, ce serait de permettre au menu de suivre la trajectoire du curseur, pour le faire évoluer en pratique vers une GUI gestuelle
    J’avais tenté une implémentation en SVG il y a 8 ans : https://rawgit.com/lgrkvst/d3-sunburst-menu/master/demo/d3-s...

    • Il y a quelques mois, quelqu’un avait montré ici quelque chose de ce genre : on enchaînait les gestes pour descendre plus profondément dans l’arborescence du menu
      L’idée était excellente au départ, mais dès qu’on essayait de faire un geste près d’un bord, on se heurtait au mur, et ça donnait aussi l’impression de lancer un sort dans Witcher 3
    • Je dirais plutôt qu’ils sont surestimés. C’est beaucoup trop difficile à lire, et je préfère à 100 % une simple liste linéaire
    • C’est une interaction vraiment intéressante, et si je travaille plus tard sur des sous-menus, je pense que c’est une piste qui mérite d’être explorée
    • Peut-être qu’ils sont évalués à leur juste valeur. S’ils étaient vraiment sous-estimés, ils auraient davantage prospéré après l’arrivée de l’iPhone/Android ; sur mobile, il y a bien le problème du doigt qui masque des éléments, mais ce n’est pas un défaut rédhibitoire, et l’effet « ça a l’air cool » aurait pu suffire à les faire se répandre, même si leur utilité pratique était limitée
      Mais les menus façon diagramme en anneau ne se sont pas imposés : https://news.ycombinator.com/item?id=39206966
      C’est cool, mais ça s’arrête là ; comme le soutient le fil lié, l’avantage au regard de la loi de Fitts est trop faible, et l’impression de nouveauté semble s’estomper assez vite pour la plupart des gens. Cela dit, il m’arrive quand même d’en vouloir un de temps en temps
      Au passage, s’il était possible de porter facilement https://github.com/kando-menu/kando d’Electron vers Tauri, ce serait intéressant : https://github.com/kando-menu/kando/issues/410
  • J’ai toujours aimé le menu circulaire de Secret of Mana, mais je n’ai jamais trouvé comment le transposer vraiment correctement sur ordinateur

    • Le son de ce menu hante encore mes cauchemars
  • Au début, sur le site web, chaque shift-z-clic sélectionnait tout le texte. On peut facilement corriger ça en désactivant la sélection de texte via CSS sur le site
    Je ne recommanderais pas de l’appliquer à tous les sites, mais dans ce cas précis, je pense que la démo serait meilleure
    https://stackoverflow.com/questions/826782/how-to-disable-te...

    • Je n’avais pas remarqué ce problème, mais je vais essayer
  • Je suis content de voir quelqu’un implémenter une idée proche de ce que j’avais écrit il y a quelques années : https://ubiquity.acm.org/article.cfm?id=1086454

    • Don Hopkins, qui publie aussi ici, a écrit en 1991 un article intéressant sur la conception et l’implémentation des pie menus : https://donhopkins.medium.com/the-design-and-implementation-...
    • Merci pour le partage, et ces idées restent tout à fait pertinentes aujourd’hui. En fait, le premier menu radial documenté est connu comme étant le système PIXIE, en 1969 : https://en.m.wikipedia.org/wiki/Pie_menu
    • L’argument contre les menus radiaux, c’est que le cercle masque partiellement du contenu textuel multiligne derrière lui
      Un menu sur une seule ligne peut être placé avec une marge au-dessus ou au-dessous du curseur, et ne masquer qu’une seule ligne
      De plus, quand on ajoute ou retire des éléments de menu, la taille des autres éléments ne change pas, contrairement à un menu radial
  • Je ne comprends pas bien pourquoi davantage d’apps mobiles n’ont pas de menus radiaux
    Ça semble être un choix assez logique pour une utilisation avec un seul pouce

    • Le nombre d’éléments risque d’être le problème. Le radial ne fonctionne sans doute bien qu’avec 6 éléments ou moins
      Une liste déroulante peut en accepter n’importe quel nombre, et beaucoup de pop-ups ont un nombre d’options variable
    • D’accord. C’est très pratique et naturel, et ça a déjà existé sous plusieurs formes
      Si on en voit peu, c’est peut-être à cause des brevets liés aux menus radiaux, et ces brevets devraient être invalidés. Les pie menus existaient bien avant les brevets, dès les années 60, et il y a beaucoup d’exemples dans ce fil
      Quoi qu’il en soit, je suis content que ça existe. Les gens devraient pouvoir voir ça et dire « ah, on dirait les boutons d’une télécommande »
    • Les menus radiaux déclenchent chez moi une sorte de malaise compulsif. Au milieu d’interfaces où tous les menus sont rectangulaires, ils ont l’air complètement à part, et s’il y avait une option, je pense que je les désactiverais
      Ils masquent aussi ce qui se trouve autour du curseur. Ça me rappelle ces fenêtres d’autocomplétion qui apparaissent pendant qu’on tape et recouvrent les informations nécessaires sur la ligne du dessous, c’est vraiment agaçant
      Pour moi, c’est clairement non
    • À la grande époque joyeusement sauvage où les ROM custom pullulaient sur Android, vers les versions 2.6 à 4 environ, il y a eu beaucoup de tentatives de ce genre
      Beaucoup de développeurs les intégraient directement par défaut dans leurs ROM, mais celles que j’ai vues ressemblaient surtout à des hacks bricolés et à peine fonctionnels
    • Un inconvénient, c’est que le pouce masque toujours au moins une des options
  • Saviez-vous que DonHopkins de Hacker News avait implémenté des pie menus dans le port X11 de SimCity ?

  • La fonction de prévisualisation du site web était sympa, mais sur un clavier allemand, shift + z est un raccourci horrible. Je voulais juste le signaler

    • J’ai beaucoup réfléchi à la fonction de prévisualisation. Dans le navigateur, il n’est pas possible d’utiliser cmd/option de manière fiable pour prévisualiser le même effet, donc j’ai fini par choisir shift + z
      Mais dans l’app, ce raccourci est inutilisable. Il se déclencherait à chaque fois qu’on tape un Z majuscule
  • C’est intéressant, et contrairement à certaines idées en quête d’un problème, ça ne me donne pas immédiatement envie de dire non. Ce qui saute aux yeux, parce que c’est encore très nouveau, c’est l’usage d’icônes au lieu de texte
    Je comprends que ce soit plus agréable visuellement, mais il faut maintenant mémoriser les icônes. Des actions comme Move, Copy ou Scale sont des mots courts, donc le texte ne paraîtrait pas forcément trop chargé. Ce serait bien que ce soit une option
    Aussi, pourrait-on avoir un déclencheur autre qu’une touche du clavier ? Si je dois appuyer sur une touche modificatrice pour l’ouvrir, j’aurai probablement plutôt tendance à utiliser directement le raccourci clavier. Et si on pouvait l’ouvrir entièrement à la souris, par exemple avec le clic du milieu, ou un clic à trois doigts avec le multitouch de macOS ?

    • L’usage d’icônes au lieu de texte sert à éviter la confusion avec un menu contextuel au clic droit :-)
    • Avec du texte, le côté ridicule du motif de menu radial deviendrait évident. Soit il ne rentrerait pas proprement dans un conteneur circulaire, soit, si on l’adaptait à la courbure du menu radial, il deviendrait difficile à lire et peu compatible avec l’accessibilité
  • Il y a quelques années, j’avais créé quelque chose comme ça pour le web
    https://github.com/victorqribeiro/radialMenu
    J’avais prévu de le refaire en utilisant SVG au lieu de canvas, mais je ne l’ai finalement jamais fait

    • Si j’avais connu ça, j’aurais probablement gagné beaucoup de temps lors de l’implémentation sur le site, au lieu de tâtonner
      Cela dit, la version actuelle du site est faite uniquement avec CSS et React