Show HN: Pie Menu für macOS – radiales Menü

 (pie-menu.com)
2 Punkte von GN⁺ 2024-08-07 | 1 Kommentare | Auf WhatsApp teilen
  • Pie Menu ist ein Tool, das häufig verwendete Shortcuts pro App auf dem Mac als radiales Menü rund um den Cursor anzeigt, damit sie sich schnell ausführen lassen, ohne Tastenkürzel auswendig zu lernen
  • Auch in Apps wie Figma, Slack oder Things lässt sich das Menü mit einem vom Nutzer festgelegten Aufruf-Shortcut öffnen
  • Auch wenn die App wechselt, bleibt die Aufrufmethode gleich, und nur die angezeigten app-spezifischen Shortcuts ändern sich passend zur aktuellen App
  • Das Menü kann für jede App angepasst werden, verwendet Apple-SF Symbols als Icons, und das Hinzufügen eigener Icons ist als „coming soon“ angekündigt
  • Im Shortcut-Rolodex lassen sich vorhandene Shortcuts finden und mit einem Klick hinzufügen; der Download wird über den App Store und Setapp angeboten

App-spezifisches Shortcut-Menü rund um den Cursor

  • Pie Menu ist eine radiale Menü-App, mit der sich Befehle in verschiedenen Mac-Apps ausführen lassen, ohne Tastenkürzel auswendig lernen zu müssen
  • Nutzer können einen einzigen Aufruf-Shortcut selbst festlegen, der in allen Programmen verwendet wird
  • Beim Auslösen öffnet sich das Menü rund um den Mauszeiger, und häufig genutzte Shortcuts der jeweiligen App werden wie Tortenstücke angeordnet
  • Auch wenn gerade ein anderes Programm verwendet wird, lässt sich das Menü mit demselben Aufruf-Shortcut öffnen, während sich die auswählbare Shortcut-Liste passend zur App ändert
  • Als Beispiel für die Aufruftaste wird ⇧ + z genannt

Shortcuts hinzufügen und Zeit sparen

  • In Figma, Slack, Things und anderen Apps lässt sich schnell auf häufig verwendete Shortcuts zugreifen
  • Es wird darauf hingewiesen, dass sich die Menüs pro App unbegrenzt anpassen lassen
  • Als Icons können Apples SF Symbols verwendet werden; eine Importfunktion für eigene Icons soll später bereitgestellt werden
  • Im Shortcut-rolodex lassen sich Shortcuts finden und mit einem Klick zu Pie Menu hinzufügen
  • Unter Verweis auf eine Studie, nach der die Nutzung der Maus statt Tastenkürzeln 2 Sekunden pro Minute verschwendet, wird erklärt, dass sich ohne das Lernen neuer Shortcuts jährlich 64 Stunden sparen lassen
  • Über den Link Download Pie Menu and start saving time immediately. steht der Download im App Store bereit; zusätzlich wird ein Setapp-Button angeboten

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-08-07
Hacker-News-Kommentare

  • Sieht gut aus! Ich habe einmal ein Swift-Paket mit ähnlicher Funktion als iOS-Widget gebaut: https://github.com/RiftValleySoftware/RVS_Spinner
    Als ich es selbst benutzt habe, stellte sich heraus, dass ich es in meinen eigenen Projekten am Ende doch nicht weiter verwendet habe, weil es sich wie ein Widget anfühlte, das einem zu sehr „ins Gesicht springt“
    Ich wollte auch eine SwiftUI-Version bauen, habe das aber abgebrochen, weil ich dachte, dass ich sie vermutlich ebenfalls nicht nutzen würde, und macOS scheint als cursorzentrierte Umgebung ohnehin besser dazu zu passen

    • Pie Menus kommen vor allem in Apps zum Einsatz, in denen man oft zwischen Werkzeugen wechselt. Zum Beispiel in Figma, Photoshop, Illustrator oder in Apps mit unterschiedlichen Modi wie Heute/Woche/Monat im Calendar, Heute/Posteingang in Things oder Tagesnotizen/Graph-Ansicht/Backlinks in Obsidian
      In anderen Apps, in denen Tastenkürzel eher normalen Shortcut-Aktionen entsprechen, nutzt man sie nicht besonders häufig

  • Gut gemacht. Radiale Menüs sind viel zu unterschätzt
    Als Feature-Wunsch fände ich es spannend, wenn sich das Menü entlang der Cursorbahn bewegen könnte und sich damit praktisch zu einer Gesture-GUI weiterentwickelt
    Ich habe vor 8 Jahren einmal eine SVG-Implementierung versucht: https://rawgit.com/lgrkvst/d3-sunburst-menu/master/demo/d3-s...

    • Vor ein paar Monaten hat hier jemand so etwas gezeigt, bei dem man Gesten hintereinander verketten konnte, um tiefer in den Menübaum zu gelangen
      Die Idee war anfangs großartig, aber jedes Mal, wenn man in Randnähe eine Geste machen wollte, stieß man gegen eine Wand, und es fühlte sich ein bisschen so an, als würde man in Witcher 3 Zauber wirken
    • Ich würde eher sagen, sie werden überschätzt. Sie sind viel zu schwer zu lesen, und ich bevorzuge eine einfache lineare Liste zu 100 %
    • Das ist eine wirklich interessante Interaktion, und falls später Untermenüs dazukommen, wäre das eine Richtung, die man erkunden könnte
    • Vielleicht sind sie auch genau richtig bewertet. Wenn sie wirklich unterschätzt wären, hätten sie nach dem Erscheinen von iPhone/Android stärker Fuß fassen müssen; auf Mobilgeräten gibt es zwar das Problem, dass der Finger etwas verdeckt, aber das ist kein tödlicher Makel, und allein der coole Look hätte für Verbreitung sorgen können
      Donut-Chart-artige Menüs haben sich aber nicht durchgesetzt: https://news.ycombinator.com/item?id=39206966
      Sie sehen cool aus, aber mehr auch nicht, und wie im verlinkten Thread argumentiert wird, ist der Vorteil nach Fitts’ Law zu klein, und auch der Coolness-Effekt scheint bei den meisten ziemlich schnell zu verfliegen. Trotzdem will man so etwas manchmal doch haben
      Nebenbei: Wenn sich https://github.com/kando-menu/kando leicht von Electron auf Tauri portieren ließe, könnte das interessant sein: https://github.com/kando-menu/kando/issues/410

  • Ich mochte das kreisförmige Menü aus Secret of Mana schon immer, habe aber nie einen wirklich guten Weg gefunden, es auf den Computer zu übertragen

    • Dieser Menü-Sound verfolgt mich immer noch bis in meine Albträume

  • Anfangs gab es auf der Website das Problem, dass bei jedem Shift-Z-Klick der gesamte Text markiert wurde. Das ließe sich leicht beheben, indem man auf der Seite per CSS Textauswahl deaktiviert
    Ich würde das nicht für alle Websites empfehlen, aber in diesem Fall würde es die Demo wahrscheinlich verbessern
    https://stackoverflow.com/questions/826782/how-to-disable-te...

    • Das Problem hatte ich nicht bemerkt, aber ich werde es mal ausprobieren

  • Es freut mich, dass jemand etwas in eine ähnliche Richtung umgesetzt hat wie in einem Text, den ich vor einigen Jahren geschrieben habe: https://ubiquity.acm.org/article.cfm?id=1086454

    • Don Hopkins, der auch hier postet, hat 1991 einen interessanten Text über Entwurf und Implementierung von Pie Menus geschrieben: https://donhopkins.medium.com/the-design-and-implementation-...
    • Danke fürs Teilen, und diese Ideen sind auch heute noch gültig. Tatsächlich gilt das früheste dokumentierte radiale Menü als ein System namens PIXIE aus dem Jahr 1969: https://en.m.wikipedia.org/wiki/Pie_menu
    • Ein Argument gegen radiale Menüs ist, dass der Kreis mehrzeilige Textinhalte im Hintergrund teilweise verdeckt
      Ein einzeiliges Menü kann mit etwas Abstand über oder unter dem Cursor platziert werden und verdeckt dann nur eine einzige Zeile
      Außerdem ändert sich beim Hinzufügen oder Entfernen von Menüeinträgen, anders als bei radialen Menüs, nicht die Größe der übrigen Einträge

  • Ich weiß nicht, warum nicht mehr Mobile-Apps radiale Menüs haben.
    Es wirkt wie eine ziemlich sinnvolle Wahl für die Bedienung mit nur einem Daumen.

    • Die Anzahl der Einträge dürfte das Problem sein. Radiale Menüs funktionieren vermutlich nur mit höchstens 6 Einträgen gut.
      Eine scrollbare Liste kann dagegen jede beliebige Anzahl aufnehmen, und viele Pop-ups haben eine variable Zahl an Optionen.
    • Stimme zu. Sehr bequem und natürlich, und es gab sie bereits in vielen Formen.
      Dass man sie nicht oft sieht, könnte auch an Patenten auf radiale Menüs liegen, und diese Patente sollten für ungültig erklärt werden. Pie-Menüs gibt es schon seit den 60ern, also lange vor den Patenten, und in diesem Thread gibt es viele Beispiele.
      Ich freue mich jedenfalls, dass es so etwas gibt. Die Leute sollten das sehen und sagen können: „Ah, das sieht aus wie die Tasten einer Fernbedienung.“
    • Radiale Menüs sprechen bei mir auf seltsame Weise einen Zwangsimpuls an. Zwischen lauter rechteckigen Menüs wirken sie völlig fehl am Platz, und wenn es eine Option gäbe, würde ich sie abschalten.
      Außerdem verdecken sie Inhalte rund um den Cursor. Das erinnert mich an Autovervollständigungsfenster, die beim Tippen benötigte Informationen in der Zeile darunter überdecken, und das nervt mich wirklich.
      Für mich ist das überhaupt nichts.
    • In den lustigen wilden Zeiten, als auf Android Custom-ROMs wucherten, ungefähr um Version 2.6 bis 4, gab es viele solche Versuche.
      Viele Entwickler bauten sie direkt standardmäßig in ihre ROMs ein, aber die Exemplare, die ich gesehen habe, waren meist eher schmutzige Hacks, die gerade so funktionierten.
    • Ein Nachteil ist, dass der Daumen immer mindestens eine der Optionen verdeckt.

  • Wusstet ihr, dass DonHopkins von Hacker News Pie-Menüs im X11-Port von SimCity implementiert hat?

  • Die Vorschaufunktion auf der Website war gut, aber auf einer deutschen Tastatur ist Shift + Z ein furchtbares Tastenkürzel. Wollte ich nur mal anmerken.

    • Über die Vorschaufunktion habe ich viel nachgedacht. Im Browser kann man für dieselbe Art Vorschau cmd/option nicht zuverlässig verwenden, deshalb habe ich mich am Ende für Shift + Z entschieden.
      In der App kann ich dieses Kürzel aber nicht verwenden, weil es jedes Mal ausgelöst würde, wenn man ein großes Z tippt.

  • Ist interessant, fühlt sich aber nicht sofort unsympathisch an wie Ideen, die nach einem Problem suchen. Was mir im Moment, wo es noch sehr neu ist, direkt ins Auge springt, ist die Verwendung von Icons statt Text.
    Ich verstehe, dass das gestalterisch gut aussieht, aber jetzt muss ich mir die Icons im Kopf merken. Aktionen wie Move, Copy oder Scale sind kurze Wörter, deshalb müsste es mit Text nicht zwangsläufig unübersichtlich aussehen. Vielleicht wäre das als Option gut.
    Und könnte es auch einen anderen Auslöser als eine Tastenkombination geben? Wenn ich dafür ohnehin eine Modifikatortaste auf der Tastatur drücken muss, würde ich wahrscheinlich einfach direkt das Tastenkürzel verwenden. Wie wäre es mit etwas, das komplett nur mit der Maus funktioniert, etwa Mittelklick oder Dreifingerklick bei macOS-Multitouch?

    • Die Verwendung von Icons statt Text soll Verwechslungen mit dem Rechtsklick-Pop-up-Menü vermeiden :-)
    • Mit Text würde die Absurdität des radialen Menümusters sichtbar werden. Entweder passt er nicht sauber in einen kreisförmigen Container, oder man muss ihn an die Krümmung des radialen Menüs anpassen, wodurch er schwer lesbar und in Sachen Barrierefreiheit schlecht würde.

  • Ich habe vor ein paar Jahren so etwas fürs Web gebaut.
    https://github.com/victorqribeiro/radialMenu
    Ich wollte es mit SVG statt Canvas neu bauen, habe es dann aber am Ende nicht geschafft.

    • Hätte ich das gekannt, hätte ich mir bei der Umsetzung für die Website wahrscheinlich viel Trial-and-Error-Zeit sparen können.
      Die aktuelle Website-Version ist allerdings nur mit CSS und React gebaut.