Show HN: Pie Menu cho macOS - menu dạng xuyên tâm

 (pie-menu.com)
2 điểm bởi GN⁺ 2024-08-07 | 1 bình luận | Chia sẻ qua WhatsApp
  • Pie Menu là công cụ trên Mac hiển thị các phím tắt thường dùng theo từng ứng dụng dưới dạng menu xuyên tâm quanh con trỏ, giúp thực thi nhanh mà không cần ghi nhớ phím tắt
  • Ngay cả trong các ứng dụng như Figma, Slack, Things, người dùng cũng có thể mở menu bằng một phím tắt gọi duy nhất do mình đặt
  • Dù chuyển ứng dụng, cách gọi vẫn giữ nguyên; chỉ các phím tắt theo từng ứng dụng hiển thị trong menu thay đổi cho phù hợp với ứng dụng hiện tại
  • Menu có thể tùy chỉnh cho từng ứng dụng; dùng Apple SF Symbols làm biểu tượng, còn tính năng thêm biểu tượng của người dùng đang ở trạng thái “coming soon”
  • Có thể tìm phím tắt hiện có trong Shortcut-rolodex và thêm vào chỉ với một cú nhấp; bản tải xuống được cung cấp qua App Store và Setapp

Menu phím tắt theo từng ứng dụng mở quanh con trỏ

  • Pie Menu là ứng dụng menu xuyên tâm giúp thực thi lệnh trong nhiều ứng dụng Mac mà không cần ghi nhớ phím tắt bàn phím
  • Người dùng có thể tự đặt một phím tắt gọi duy nhất dùng trong mọi chương trình
  • Khi gọi, menu sẽ mở quanh con trỏ chuột, với các phím tắt thường dùng trong ứng dụng đó được bố trí như các lát bánh
  • Ngay cả khi đang dùng chương trình khác, vẫn có thể mở menu bằng cùng phím tắt gọi đó; danh sách phím tắt có thể chọn sẽ thay đổi phù hợp với ứng dụng
  • Phím gọi ví dụ được giới thiệu là ⇧ + z

Thêm phím tắt và thông điệp tiết kiệm thời gian

  • Có thể truy cập nhanh các phím tắt thường dùng trong Figma, Slack, Things, v.v.
  • Menu theo từng ứng dụng được giới thiệu là có thể tùy chỉnh không giới hạn
  • Có thể dùng SF Symbols của Apple làm biểu tượng; tính năng nhập biểu tượng của người dùng dự kiến sẽ được cung cấp sau
  • Có thể tìm phím tắt trong Shortcut-rolodex và thêm vào Pie Menu chỉ với một cú nhấp
  • Dựa trên nghiên cứu cho rằng dùng chuột thay vì phím tắt bàn phím làm lãng phí 2 giây mỗi phút, sản phẩm cho biết bạn có thể tiết kiệm 64 giờ mỗi năm mà không cần ghi nhớ phím tắt mới
  • Cung cấp tải xuống từ App Store qua liên kết Download Pie Menu and start saving time immediately., đồng thời cũng có nút Setapp

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-08-07
Ý kiến trên Hacker News

  • Hay đấy! Tôi từng làm một gói Swift có chức năng tương tự dưới dạng widget iOS: https://github.com/RiftValleySoftware/RVS_Spinner
    Tự dùng thử thì cuối cùng tôi lại không tiếp tục dùng nó trong dự án của mình, cảm giác như một widget quá “nhảy xổ ra trước mắt”
    Tôi cũng định làm phiên bản SwiftUI nhưng dừng lại vì nghĩ chắc mình cũng sẽ không dùng; có lẽ macOS, nơi điều hướng xoay quanh con trỏ, là chỗ phù hợp hơn

    • Pie Menu thường được dùng trong các ứng dụng phải đổi công cụ thường xuyên. Ví dụ như Figma, Photoshop, Illustrator, hoặc các ứng dụng có nhiều chế độ khác nhau như Hôm nay/Tuần/Tháng trong Calendar, Hôm nay/Hộp thư đến trong Things, hay Ghi chú hằng ngày/Chế độ xem biểu đồ/Backlink trong Obsidian
      Ở các ứng dụng khác, khi phím tắt bàn phím chỉ gần giống các thao tác tắt thông thường, tôi không dùng nhiều lắm

  • Làm tốt đấy. Menu hình quạt bị đánh giá quá thấp
    Nếu được yêu cầu tính năng, tôi muốn có cách cho menu di chuyển theo quỹ đạo của con trỏ, để về cơ bản tiến hóa thành một GUI theo cử chỉ
    8 năm trước tôi từng thử triển khai bằng SVG: https://rawgit.com/lgrkvst/d3-sunburst-menu/master/demo/d3-s...

    • Vài tháng trước có người ở đây cho xem một thứ như vậy, theo kiểu nối tiếp các cử chỉ để đi sâu hơn vào cây menu
      Ý tưởng ban đầu rất hay, nhưng mỗi lần định thực hiện cử chỉ gần mép màn hình lại đụng tường, và còn có cảm giác như niệm phép trong Witcher 3
    • Tôi lại nghĩ nó bị đánh giá quá cao. Quá khó đọc, và tôi 100% thích danh sách tuyến tính đơn giản hơn
    • Đây thực sự là một kiểu tương tác thú vị, và tôi nghĩ nếu sau này làm menu con thì đây là hướng đáng để khám phá
    • Có khi nó đang được đánh giá đúng mức cũng nên. Nếu thật sự bị đánh giá thấp, lẽ ra sau khi iPhone/Android xuất hiện nó đã phát triển mạnh hơn; trên di động đúng là có vấn đề ngón tay che mất thứ gì đó, nhưng đó không phải khiếm khuyết chí mạng, và chỉ riêng hiệu ứng trông ngầu cũng có thể khiến nó lan rộng hơn tính thực dụng
      Nhưng kiểu menu dạng biểu đồ donut đã không bám rễ: https://news.ycombinator.com/item?id=39206966
      Nó đẹp, nhưng chỉ đến thế; như lập luận trong thread được liên kết, lợi thế theo định luật Fitts là quá nhỏ, và cảm giác ngầu có vẻ cũng phai khá nhanh với đa số người dùng. Dù vậy, đôi lúc tôi vẫn muốn có nó
      Nói thêm, nếu có thể dễ dàng chuyển https://github.com/kando-menu/kando từ Electron sang Tauri thì có thể sẽ thú vị: https://github.com/kando-menu/kando/issues/410

  • Tôi luôn thích menu hình tròn trong Secret of Mana, nhưng chưa tìm được cách nào thật sự chuyển nó lên máy tính cho tốt

    • Âm thanh của menu đó đến giờ vẫn xuất hiện trong ác mộng của tôi

  • Ban đầu trên website, mỗi lần shift-z-click thì toàn bộ văn bản đều bị chọn. Có thể sửa dễ bằng cách vô hiệu hóa chọn văn bản bằng CSS trên site
    Tôi không khuyên áp dụng cho mọi site, nhưng trong trường hợp này có lẽ demo sẽ tốt hơn
    https://stackoverflow.com/questions/826782/how-to-disable-te...

    • Tôi không nhận ra vấn đề đó, sẽ thử xem

  • Thật vui khi thấy có người triển khai theo hướng tương tự bài tôi viết vài năm trước: https://ubiquity.acm.org/article.cfm?id=1086454

    • Don Hopkins, người cũng đăng bài ở đây, có một bài viết thú vị từ năm 1991 về thiết kế và triển khai pie menu: https://donhopkins.medium.com/the-design-and-implementation-...
    • Cảm ơn đã chia sẻ; những ý tưởng đó đến nay vẫn còn giá trị. Trên thực tế, menu hình quạt đầu tiên được ghi nhận trong tài liệu được biết đến là một hệ thống năm 1969 tên PIXIE: https://en.m.wikipedia.org/wiki/Pie_menu
    • Lập luận phản đối menu hình quạt là hình tròn sẽ che một phần nội dung văn bản nhiều dòng ở phía sau
      Menu một dòng có thể được đặt với khoảng trống phía trên hoặc dưới con trỏ, nên chỉ che một dòng
      Ngoài ra, khi thêm hoặc xóa mục menu, kích thước các mục khác không thay đổi, khác với menu hình quạt

  • Không rõ vì sao nhiều ứng dụng di động hơn lại không có menu dạng radial
    Trông có vẻ là một lựa chọn khá hợp lý để thao tác chỉ bằng một ngón cái

    • Có lẽ vấn đề nằm ở số lượng mục. Radial có lẽ chỉ hoạt động tốt khi có từ 6 mục trở xuống
      Danh sách cuộn được thì bao nhiêu mục cũng được, và nhiều popup có số lượng tùy chọn thay đổi
    • Đồng ý. Rất tiện và tự nhiên, và thực ra đã tồn tại dưới nhiều hình thức
      Lý do ít thấy có thể là do bằng sáng chế liên quan đến menu radial, và bằng sáng chế đó cần bị vô hiệu hóa. Pie menu đã có từ thập niên 60, từ rất lâu trước bằng sáng chế, và trong luồng này cũng có nhiều ví dụ
      Dù sao thì cũng mừng là thứ như thế này tồn tại. Mọi người nên có thể nhìn vào và nói “à, cái này giống nút trên điều khiển từ xa nhỉ”
    • Menu radial kỳ lạ là chạm vào cảm giác ám ảnh cưỡng chế của tôi. Giữa nơi mọi menu đều là hình chữ nhật, nó trông lạc lõng, và nếu có tùy chọn thì có lẽ tôi sẽ tắt đi
      Nó cũng che nội dung xung quanh con trỏ. Nó làm tôi nhớ đến cửa sổ tự động hoàn thành bật lên khi đang gõ và che mất thông tin cần thiết ở dòng bên dưới, thật sự rất khó chịu
      Với tôi thì hoàn toàn không
    • Vào thời kỳ hoang dã vui vẻ khi custom ROM tràn lan trên Android, khoảng các phiên bản 2.6~4, đã có nhiều thử nghiệm như thế này
      Nhiều nhà phát triển còn tự đưa mặc định vào ROM, nhưng những gì tôi thấy phần lớn giống các bản hack bẩn thỉu chỉ vừa đủ chạy
    • Một nhược điểm là ngón cái luôn che ít nhất một trong các tùy chọn

  • Bạn có biết DonHopkins trên Hacker News đã triển khai pie menu trong bản port X11 của SimCity không?

  • Tính năng xem trước trên website thì hay, nhưng shift + z trên bàn phím tiếng Đức là phím tắt tệ hại. Chỉ muốn báo vậy thôi

    • Tôi đã suy nghĩ rất nhiều về tính năng xem trước. Trong trình duyệt, không có cách ổn định để dùng cmd/option nhằm xem trước cùng hiệu ứng, nên cuối cùng tôi chọn shift + z
      Nhưng trong ứng dụng thì không thể dùng phím tắt đó. Vì mỗi lần nhập chữ Z hoa là nó sẽ kích hoạt

  • Khá thú vị, nhưng tôi không lập tức có cảm giác ghét như với những ý tưởng đang đi tìm vấn đề để giải quyết. Điều nổi bật ngay vì nó còn rất mới là phần dùng biểu tượng thay vì văn bản
    Tôi hiểu về mặt thiết kế thì trông đẹp, nhưng giờ người dùng phải ghi nhớ các biểu tượng trong đầu. Các thao tác như Move, Copy, Scale là những từ ngắn, nên dùng văn bản có thể cũng không trông rối. Không biết có thể làm thành tùy chọn không
    Ngoài ra có thể có trigger khác ngoài phím bàn phím không? Nếu để bật cái này mà phải nhấn phím bổ trợ trên bàn phím, thì tôi có lẽ sẽ nhấn thẳng phím tắt luôn. Sẽ thế nào nếu có thể bật hoàn toàn chỉ bằng chuột, như nhấp giữa, hoặc nhấp ba ngón trong multitouch của macOS?

    • Việc dùng biểu tượng thay vì văn bản là để không bị nhầm với menu popup khi nhấp chuột phải :-)
    • Nếu dùng văn bản, sự lố bịch của mẫu menu radial sẽ lộ ra. Nó sẽ không nằm gọn trong container hình tròn, hoặc nếu ép theo độ cong của menu radial thì sẽ khó đọc và giảm khả năng truy cập

  • Vài năm trước tôi từng làm một thứ như thế này cho web
    https://github.com/victorqribeiro/radialMenu
    Tôi đã định làm lại bằng SVG thay vì canvas, nhưng rốt cuộc không làm được

    • Nếu biết cái này, chắc tôi đã tiết kiệm được rất nhiều thời gian thay vì thử sai khi triển khai trên website
      Tuy nhiên phiên bản website hiện tại chỉ được làm bằng CSS và React