Show HN: Pie Menu para macOS - menu radial

 (pie-menu.com)
2 pontos por GN⁺ 2024-08-07 | 1 comentários | Compartilhar no WhatsApp
  • Pie Menu é uma ferramenta que exibe, ao redor do cursor, um menu radial com atalhos usados com frequência em cada app no Mac, permitindo executá-los rapidamente sem precisar memorizar os atalhos
  • Em apps como Figma, Slack e Things, o usuário também pode abrir o menu com um único atalho de chamada definido por ele
  • Mesmo quando o app muda, a forma de chamar continua a mesma, e apenas os atalhos específicos de cada app exibidos no menu mudam de acordo com o app atual
  • O menu pode ser personalizado para cada app, usa SF Symbols da Apple como ícones, e a adição de ícones personalizados está marcada como “coming soon”
  • No Shortcut-rolodex, é possível encontrar atalhos existentes e adicioná-los com um clique, e o download é oferecido pela App Store e pelo Setapp

Menu de atalhos por app aberto ao redor do cursor

  • Pie Menu é um app de menu radial que permite executar comandos de vários apps do Mac sem precisar memorizar atalhos de teclado
  • O usuário pode definir diretamente um único atalho de chamada para usar em todos os programas
  • Ao chamar, o menu se abre ao redor do cursor do mouse, e os atalhos usados com frequência naquele app são organizados como fatias de uma torta
  • Mesmo usando outro programa, é possível abrir o menu com o mesmo atalho de chamada, e a lista de atalhos disponíveis muda de acordo com o app
  • O atalho de chamada de exemplo indicado é ⇧ + z

Adição de atalhos e mensagem de economia de tempo

  • É possível acessar rapidamente atalhos usados com frequência em Figma, Slack, Things e outros
  • É informado que os menus por app permitem customização ilimitada
  • Os ícones podem usar SF Symbols da Apple, e o recurso de importar ícones personalizados será oferecido futuramente
  • Em Shortcut-rolodex, é possível encontrar atalhos e adicioná-los ao Pie Menu com um clique
  • Com base em um estudo que afirma que usar o mouse em vez de atalhos de teclado desperdiça 2 segundos por minuto, é informado que é possível economizar 64 horas por ano sem precisar memorizar novos atalhos
  • O link Download Pie Menu and start saving time immediately. oferece o download pela App Store, e também há um botão do Setapp

Leituras relacionadas

1 comentários

 
GN⁺ 2024-08-07
Comentários do Hacker News

  • Ficou legal! Já cheguei a criar um pacote Swift que faz algo parecido em formato de widget para iOS: https://github.com/RiftValleySoftware/RVS_Spinner
    Quando usei na prática, acabei não continuando a usar nos meus próprios projetos, e parecia um widget muito “saltando na sua cara”
    Também tentei fazer uma versão em SwiftUI, mas parei porque achei que provavelmente não usaria, e isso parece se encaixar melhor no macOS, onde a navegação gira em torno do cursor

    • Pie Menu tende a ser mais usado em apps em que você troca de ferramenta com frequência. Por exemplo, apps como Figma, Photoshop, Illustrator, ou apps com modos diferentes, como hoje/semana/mês no Calendar, hoje/caixa de entrada no Things, ou nota diária/visualização de grafo/backlinks no Obsidian
      Em outros apps, quando os atalhos de teclado ficam mais próximos de ações rápidas comuns, eu acabo não usando tanto

  • Muito bem feito. Menus radiais são subestimados demais
    Como pedido de recurso, seria legal se o menu pudesse se mover seguindo a trajetória do cursor, evoluindo na prática para uma GUI por gestos
    Tentei uma implementação em SVG 8 anos atrás: https://rawgit.com/lgrkvst/d3-sunburst-menu/master/demo/d3-s...

    • Alguém mostrou algo assim aqui alguns meses atrás, em que você continuava encadeando gestos para entrar cada vez mais fundo na árvore de menus
      A ideia era excelente no começo, mas toda vez que eu tentava fazer um gesto perto da borda, batia na parede, e também parecia meio como lançar uma magia em Witcher 3
    • Eu diria que, na verdade, são superestimados. É muito difícil de ler, e eu prefiro uma lista linear simples 100%
    • É uma interação realmente interessante, e se eu vier a trabalhar em submenus depois, acho uma direção que vale explorar
    • Talvez estejam avaliados exatamente como deveriam. Se fossem realmente subestimados, teriam prosperado mais depois que iPhone/Android apareceram; no mobile existe o problema de o dedo cobrir coisas, mas não é um defeito fatal, e eles poderiam ter se espalhado só pelo efeito visual de parecerem legais, mesmo que fossem menos práticos
      Mas menus em estilo gráfico de rosca não se firmaram: https://news.ycombinator.com/item?id=39206966
      São legais, mas é só isso; como argumentado no tópico linkado, a vantagem em termos da Lei de Fitts é pequena demais, e a sensação de serem legais também parece desaparecer bem rápido para a maioria das pessoas. Ainda assim, às vezes dá vontade de ter um
      Além disso, se fosse fácil portar https://github.com/kando-menu/kando de Electron para Tauri, poderia ser interessante: https://github.com/kando-menu/kando/issues/410

  • Sempre gostei do menu circular de Secret of Mana, mas nunca encontrei uma forma realmente boa de levar isso para o computador

    • O som daquele menu ainda aparece nos meus pesadelos

  • No começo, havia um problema em que, sempre que eu fazia shift-z-clique no site, o texto inteiro era selecionado. Dá para corrigir isso facilmente desativando a seleção de texto com CSS no site
    Não recomendaria aplicar isso em todo site, mas neste caso acho que deixaria a demo melhor
    https://stackoverflow.com/questions/826782/how-to-disable-te...

    • Eu não tinha percebido esse problema, mas vou tentar

  • Fico feliz de ver alguém implementando algo numa direção parecida com um texto que escrevi alguns anos atrás: https://ubiquity.acm.org/article.cfm?id=1086454

    • O Don Hopkins, que também posta aqui, tem um texto interessante de 1991 sobre o design e a implementação de pie menus: https://donhopkins.medium.com/the-design-and-implementation-...
    • Obrigado por compartilhar; essas ideias continuam válidas até hoje. Na verdade, o primeiro menu radial documentado é conhecido por ter sido o sistema PIXIE, em 1969: https://en.m.wikipedia.org/wiki/Pie_menu
    • Um argumento contra menus radiais é que o círculo obscurece parcialmente várias linhas do conteúdo de texto ao fundo
      Um menu de linha única pode ser colocado com espaço acima ou abaixo do cursor para cobrir apenas uma linha
      Além disso, adicionar ou remover itens de menu não altera o tamanho dos outros itens, ao contrário de um menu radial

  • Não entendo por que não há mais apps móveis com menus radiais
    Parece uma escolha bem razoável para operar só com o polegar

    • Acho que o problema deve ser a quantidade de itens. Radial provavelmente só funciona bem com 6 ou menos
      Uma lista com rolagem funciona com qualquer quantidade, e muitos pop-ups têm número variável de opções
    • Concordo. É muito confortável e natural, e já existia de várias formas
      Talvez não apareça tanto por causa de patentes relacionadas a menus radiais, e essas patentes precisam ser invalidadas. Pie menus já existiam desde os anos 60, muito antes de patentes, e há muitos exemplos nesta thread
      De qualquer forma, fico feliz que isso exista. As pessoas precisam poder ver isso e dizer “ah, isso parece os botões de um controle remoto”
    • Menus radiais mexem com uma compulsão de um jeito estranho. No meio de menus todos retangulares, ele parece totalmente deslocado, e se houvesse opção eu desativaria
      Também cobre o conteúdo ao redor do cursor. Lembra aquelas janelas de autocompletar que aparecem enquanto você digita e cobrem a informação de que você precisa na linha de baixo, o que é muito irritante
      Definitivamente não é para mim
    • Na época divertida e selvagem em que custom ROMs pipocavam no Android, mais ou menos nas versões 2.6 a 4, houve muitas tentativas assim
      Muitos desenvolvedores até colocavam isso por padrão nas ROMs, mas os que eu vi em geral eram mais hacks bagunçados que mal funcionavam
    • Uma desvantagem é que o polegar sempre vai cobrir pelo menos uma das opções

  • Você sabia que o DonHopkins do Hacker News implementou pie menus no port X11 de SimCity?

  • O recurso de pré-visualização no site era bom, mas shift + z é um atalho horrível em teclado alemão. Só queria avisar

    • Pensei bastante no recurso de pré-visualização. No navegador, não dava para usar cmd/option de forma confiável para pré-visualizar o mesmo efeito, então no fim escolhi shift + z
      Mas no app não dá para usar esse atalho, porque ele dispararia toda vez que alguém digitasse Z maiúsculo

  • É interessante, mas não me passa aquela sensação imediata de “odeio isso”, como várias ideias que parecem estar procurando um problema para resolver. O que chama atenção logo de cara, por ainda ser muito novo, é o uso de ícones em vez de texto
    Entendo que visualmente fica legal, mas agora eu preciso lembrar dos ícones na cabeça. Ações como Move, Copy e Scale são palavras curtas, então talvez usar texto não deixasse tudo visualmente complicado. Talvez pudesse ser uma opção
    Também queria saber se poderia haver outro gatilho além de tecla do teclado. Se eu tiver que apertar uma tecla modificadora para abrir isso, provavelmente vou preferir usar o atalho direto. E se pudesse ser aberto de forma totalmente só com o mouse, como clique do meio ou clique com três dedos no multitouch do macOS?

    • Usar ícones em vez de texto é para não confundir com o menu pop-up do clique direito :-)
    • Se usasse texto, ficaria evidente o quão ridículo é o padrão de menu radial. Não caberia de forma limpa dentro de um contêiner circular, ou, se acompanhasse a curvatura do menu radial, ficaria difícil de ler e ruim em termos de acessibilidade

  • Fiz algo assim para a web alguns anos atrás
    https://github.com/victorqribeiro/radialMenu
    Queria refazer usando SVG em vez de canvas, mas no fim não consegui

    • Se eu soubesse disso, provavelmente teria economizado muito tempo e tentativas na implementação do site
      Mas a versão atual do site foi feita só com CSS e React