パイメニュー

要素が円形に配置されているソフトウェアメニュー
パイメニュー

ユーザーインターフェースデザインにおいてパイメニューまたはラジアルメニューとは、方向に応じて選択内容が変化する円形の コンテキストメニューです。これはグラフィカルなコントロール要素です。パイメニューは、非アクティブな中心を囲む複数の「パイスライス」で構成され、スタイラス入力やマウス入力に最適です。パイスライスの中央には穴が開いているため、メニューを簡単に終了できます。

パイメニューは、特に4項目と8項目のメニューでは、カーソルキーとテンキーのキーボードアクセラレーションと相性が良いです。パイメニューの目的は、初心者と熟練者の両方にとって、スムーズで信頼性の高いジェスチャースタイルのインタラクションを提供することです。[1]スライスから別のパイメニューに移動することができ、これを選択すると、ポインターが新しいメニューの中央に表示されることがあります。

マーキングメニュー[2]はこの技術のバリエーションであり、ジェスチャのサイズの変化に対してメニューがあまり敏感にならないようにします。[3]

コンテキストメニューの一種であるパイメニューは、多くの場合コンテキスト依存であり、[4]メニューが要求されたときにポインターが指していたものに応じて異なるオプションを表示します。

歴史

最初に記録された放射状メニューは、1969年のPIXIEと呼ばれるシステムによるものとされています。いくつかの大学では、代替となる視覚的なレイアウトが検討されました。[5]

1986年、マイク・ギャラハーとドン・ホプキンスは独立して、原点からの角度に基づいたコンテキストメニューの概念を考案しました。このコンテキストメニューでは、正確な角度と半径をコマンドにパラメータとして渡し、マウスのクリックで項目やサブメニューをトリガーできるようになりました。[6]

リニアメニューとの最初のパフォーマンス比較は1988年に実施され、パフォーマンスが15%向上し、選択エラーも減少したことが示されました。[7]

ロールプレイングビデオゲーム「聖剣伝説2」は1993年に革新的なアイコンベースのラジアルメニューシステムを採用しました。[8]このリングメニューシステムは後のビデオゲームにも採用されました。[9]

使用法

パイ メニューは、自己表示するジェスチャ インターフェースです。ユーザーに複数のオプションを表示し、その中から 1 つを選択するように指示します。

ユーザーは、選択肢として表示されるラベルまたはアイコンを確認し、ポインタを目的の方向に動かし、クリックして選択することでメニューを操作します。この動作は「マークアヘッド」(マウスの場合は「マウスアヘッド」、データグローブの場合は「ウェーブアヘッド」)と呼ばれます。[要出典]

動作の繰り返しとインターフェースの記憶は、ユーザーエクスペリエンスをさらに簡素化します。パイメニューは、対応する記号ラベルを脳が忘れてしまっても、筋肉の動きと方向を記憶する身体能力を活用しています[1]

他のインタラクション技術との比較

パイメニューは、選択が距離ではなく方向に依存するため、リニアメニューよりも選択が高速で信頼性があります。円形のメニュースライスはサイズが大きく、ポインタの近くにあるため、対話を高速化できます(フィッツの法則を参照)。経験豊富なユーザーは、選択中にメニューを見ずに筋肉の記憶を使用します。 [1] [10]ネストされたパイメニューは多くのオプションを効率的に提供でき、一部のパイメニューはリニアメニューをポップアップ表示して、同じメニューでリニア項目と放射状項目を組み合わせることができます。[11]パイメニューは、ポップアップメニューと同様に、要求された場合にのみ表示されるため、常に表示されるツールバーやメニューバーよりも視覚的な集中力と認知負荷が少なくなります。

パイメニューは、目に見えないマウスジェスチャとは対照的に、利用可能なオプションを表示します。ポインターが静止するまで表示を遅らせるパイメニューは、経験豊富なユーザーにとってはマウスジェスチャと同程度まで煩わしさを軽減します。パイメニューはリニアメニューよりも多くの画面スペースを占有するため、サブメニューを使用して個々のメニューのスライス数を少なくすることで、効率性を高める必要があります。パイメニューを使用する場合、サブメニューは親メニューと重なる可能性がありますが、親メニューは半透明になったり非表示になったりすることがあります。

パイメニューは、人間がレイアウトし、論理的にグループ化された選択肢を持つアクションに最適です。リニアメニューは、論理的なグループ化がなく、多くの選択肢を持つ動的で大規模なメニューに最適です。[1]パイメニューは表示できるメニュー項目の数が限られているためです。放射状レイアウトでは3~12項目程度であれば問題なく表示できますが、それ以上の項目を追加すると、パイメニューを使用するメリットが損なわれる傾向があります。この問題は、サブメニューを介して1つのジェスチャーでコマンドを連鎖させる関連技術によって克服できます。[3] [12]

しかし、ポインタベースではないインタラクション技術を使用すると、物理的なオブジェクトがメニュー項目を隠してしまうような乱雑なデジタルテーブルトップでは、パイメニューとリニアメニューの両方で問題が発生することが判明しています。[13]

パイメニューは、一般的な商用ツールキットの標準的なグラフィカルコントロール要素としては利用できません。ビデオゲームではカスタムウィジェットの開発が必要になることが多いため、そのようなシナリオではパイメニューのコストが低くなります。

注目すべき実装

ソフトウェア

Sugarデスクトップ環境のパイメニュー
  • Mac OSのPieメニューは、アクティブなアプリごとにPieメニューを起動できます。
  • macOS用のPieoneerを使用すると、ユーザーは実行中のアプリを切り替えたり、お気に入りのアプリを起動したりできます。
  • AndroidAndroidブラウザ
  • オートデスクマヤ、商用3Dモデリングプログラム[14]
  • Blender はオープンソースの 3D モデリング プログラムであり、現在はオプション機能としてパイ メニューを備えています。
  • BumpTop は、実際のデスク上の紙のファイルを模倣するために作成されたコンピュータデスクトップで、コントロールメニューの多くとしてパイメニューを使用しています。
  • PowerAnimator、マーキングメニューを使用した商用3Dモデリングプログラム[15]
  • MozillaMozilla Firefoxの拡張機能RadialContext [16] [17]とeasyGestures [18]
  • Metisseと Unix デスクトップ環境、X Window Systemウィンドウ マネージャー
  • modo、高度なポリゴンおよびサブディビジョンサーフェスモデリングパッケージ
  • 3DモデリングソフトウェアであるSolidWorks 。
  • Songza は、パイメニューを主な操作モードとする音楽検索エンジンおよびインターネット ジュークボックスです ( Aza Raskin著)。
  • Constellationプラグイン経由のQuicksilver
  • Sugar 、 One Laptop per ChildプロジェクトのためのGUI実装
  • Windows 8およびWindows RT用のOneNoteアプリ
  • Power PadマウスM-1000用のCherryマウスドライバは、オプションで円形のコンテキストメニューを提供します
  • サムスンギャラクシーノートシリーズ(Note 3から始まる) [19] [20] [21]
  • RadialMenu、AutoHotkeyでプログラムされたWindows用の軽量無料ソフトウェア

ゲーム

参照

参考文献

  1. ^ abcd Hopkins, Don (1991年12月). 「パイメニューの設計と実装」. Dr. Dobb's Journal . 2009年12月25日時点のオリジナルよりアーカイブ2009年12月15日閲覧。
  2. ^ Gordon Kurtenbach1 と William Buxton. 「マーキングメニューによるユーザー学習とパフォーマンス」{{cite web}}: CS1 maint: 数値名: 著者リスト (リンク)
  3. ^ ab "非常に効率的なメニュー選択: Flash プラットフォームのメニューのマーク付け » b-log – betriebsraum weblog".
  4. ^ Don Hopkins. 「Dynamic Pie Menus」. 2009年11月20日時点のオリジナルよりアーカイブ2009年12月29日閲覧。
  5. ^ Gord Kurtenbach (2004年4月). 「ラジアルメニュー、パイメニュー、マーキングメニューの歴史に関するメモ」
  6. ^ ドン・ホプキンス. 「シータ・メニュー提案とパイ・メニュー・デザイン - 1986年5月」. 2011年6月11日時点のオリジナルよりアーカイブ2010年4月7日閲覧。
  7. ^ Callahan, Jack; Hopkins, Don; Weiser, Mark; Shneiderman, Ben (1988). 「パイメニューとリニアメニューの実証的比較」 ACM CHI Conference on Human Factors in Computing Systems の議事録. pp. 95–100. http://doi.acm.org/10.1145/57167.57182.
  8. ^ 『ダンジョンズ・アンド・デスクトップ:コンピュータロールプレイングゲームの歴史』CRC Press . 2008年. p. 220. ISBN 9781439865248
  9. ^ “Retrospective: Secret Of Mana”. Edge . Future plc . 2014年6月1日. 2014年7月15日時点のオリジナルよりアーカイブ。 2014年8月20日閲覧
  10. ^ ベン・シュナイダーマン、キャサリン・プレイザント、ロドリゴ・ボタフォゴ、ドン・ホプキンス、ウィリアム・ウェイランド。「ブラウジングを容易にするデザイン:Hypertiesワークステーションブラウザの振り返り」メリーランド大学:ヒューマンコンピュータインタラクション研究所。2009年12月25日時点のオリジナルよりアーカイブ。 2009年12月15日閲覧
  11. ^ Hopkins, Don . 「OLPC Sugar用Python/GTK/Cairoのパイメニュー」。2007年4月27日時点のオリジナルよりアーカイブ2009年12月15日閲覧。
  12. ^ “www.markingmenus.org”. 2010年3月28日時点のオリジナルよりアーカイブ2010年4月7日閲覧。
  13. ^ Leithinger, D; Haller, M (2007年10月10日~12日). 「ユーザー描画パスメニューによる乱雑な卓上環境におけるメニューインタラクションの改善」. Horizo​​ntal Interactive Human-Computer Systems, 2007. TABLETOP '07. 第2回IEEE国際ワークショップ. ニューポート, ロードアイランド州. pp.  121– 128. doi :10.1109/TABLETOP.2007.24. ISBN 978-0-7695-2013-1
  14. ^ John Edgar Park著「Mayaを使った3Dアニメーションの理解」
  15. ^ 「Maximum PC 1998年10月号」1998年10月。
  16. ^ John Breslin . 「2つの原子の物語:AtomPubとAtomインターフェース」newtechpost.com.[永久リンク切れ]
  17. ^ "AUUGN 2003年3月号". 2003年3月.
  18. ^ Mozilla Firefox 4(ドイツ語)
  19. ^ グラツィアーノ、ダン。「Sペンを正しく使っているか確認しましょう」CNET
  20. ^ “Note 4のSペンはこれまで以上に優れている:機能フォーカス”. Android Authority . 2014年10月2日. 2022年1月19日時点のオリジナルよりアーカイブ2022年1月19日閲覧。
  21. ^ スタッフ、GreenBot(2015年8月14日)。「Galaxy Note 5のS nの注目すべき4つの新機能」
  22. ^ Hopkins, Don (2018年7月7日). 「The Sims、Pieメニュー、Edith編集、そしてSimAnticsビジュアルプログラミングデモ」medium.com . 2018年12月19日時点のオリジナルよりアーカイブ。 2018年12月18日閲覧
  23. ^ Seitz, Dan (2013年9月17日). 「『グランド・セフト・オートV』はまるで新しいゲームのようにプレイできる」Uproxx . 2015年2月5日閲覧
  24. ^ キャンベル、グレッグ. 「Secret of Mana - Retroview」. RPGamer. 2014年1月18日時点のオリジナルよりアーカイブ。 2008年12月24日閲覧
  25. ^ 「Ring of Fire: How Secret of Mana Perfected the Action RPG」. videogamesarerad.com. 2020年7月28日時点のオリジナルよりアーカイブ。 2012年2月29日閲覧
  26. ^ 「レビュー:Unavowed」. davidyat.es . 2019年2月3日.
  27. ^ 「モンキー・アイランドの呪い - ゲーマーウォークスルー」gamerwalkthroughs.com
  • ワイズマン, NE; レムケ, HU; ハイルズ, JO「PIXIE:グラフィカルなマンマシンコミュニケーションへの新しいアプローチ」1969年CADカンファレンス・サウサンプトン議事録、IEEEカンファレンス出版物51、p.463。
  • JavaScript/jQuery Radmenu プラグイン、オープンソース
  • フラワーメニューはQtのマーキングメニュー実装です
  • Tcl/Tk - 純粋なTcl/Tkによるシンプルな実装
  • c2 wikiのパイメニュー
  • Qt のパイメニュー
  • OLPC Sugar ユーザーインターフェースのパイメニュー (Python、GTK、Cairo、Pango モジュールを使用)
  • Slashdot の記事: Mozilla のパイメニュー
  • Asymetrix [ToolBook] パイメニューコンポーネント、Paolo Tosolini作。ソースコード: Piemenu.com Piemenu.com。
  • Python - Don Hopkinsによる、GTK/Cairo/Pango/OLPC/Sugar ユーザー インターフェイス用のオープン ソース Python パイ メニュー
  • OpenLaszlo - Don Hopkins による Flash 用のオープンソース OpenLaszlo パイ メニュー。
  • JavaScript - Don Hopkins による、Internet Explorer ブラウザー用のオープン ソース JavaScript パイ メニュー。
  • JavaScript/jQuery Radmenu プラグイン、Nirvana Tikku による、すべてのブラウザーに対応するオープンソースの JavaScript ラジアル/パイ メニュー。
  • ActiveX - Don Hopkins による、Internet Explorer ブラウザー用のオープン ソース C++ ActiveX パイ メニュー。
  • X11 - Don Hopkins が開発し、 Russ Nelsonがメンテナンスする、パイ メニューを備えたオープン ソースの「piewm」X11 ウィンドウ マネージャー
  • TCL/Tk - 1992 年にDon Hopkins によってSimCity用に作成された、TCK/Tk 用のフリー ソフトウェア Pie Menus。
  • NeWS - 1988 年 3 月に Don Hopkins によって書かれた NeWS 1.1 用のフリー ソフトウェア Pie Menus。
  • X10 - 1986 年 6 月に Don Hopkins によって書かれた、X10 "uwm" ウィンドウ マネージャー用のフリー ソフトウェア Pie メニュー。
  • Suntools - 1987 年 1 月にMark Weiserによって書かれた、Suntools 用のフリー ソフトウェア Pie Menus
  • X10 - フリーソフトウェア Theta メニュー、X10 の概念実証プロトタイプ。1986 年 6 月に Don Hopkins によって作成されました。
  • ドン・ホプキンスによるパイメニューの記事。
  • 「サークルメニュー」、グレッグ・ブロネツキー著。
  • 3D 円形メニューのバリエーション - キューブ メニューは、2009 年 7 月 4 日にWayback Machineにアーカイブされ、conquex によってソース コードとともに公開されました。
  • Asymetrix [ToolBook] パイメニューコンポーネント、Paolo Tosolini作。ソースコード: Piemenu.com Piemenu.com。
  • Windows 用のパイ メニュー、Dr. Dobb's Journal、1992 年 11 月、30 ~ 39 ページ、Carl Rollo 著。
  • Carl Rollo による Java でのパイ メニューのデモンストレーション。
  • Javaゲーム開発者向けのオープンソースライブラリ、libGDX用のパイメニュー。デモ版もご用意しています。
  • WPF Pie Menu、Christoph Menge著。
  • wheelnav.js、 softwaretailoring.net によるRaphaël (JavaScript ライブラリ) (SVG/VML)に基づくアニメーション JavaScript ナビゲーション コンポーネント。
  • ジェスチャ、タッチスクリーン、ペン コンピューティングに関する参考文献の注釈付き書誌。
  • RadialMenu は、AutoHotkey でプログラムされた Windows 用の軽量無料ソフトウェアです。
「https://en.wikipedia.org/w/index.php?title=Pie_menu&oldid=1319676084」から取得