web-dev-qa-db-ja.com

コンテキストメニューの項目の順序

コンテキストメニュー内でアイテムを注文する方法のスタイルガイド、推奨事項、ベストプラクティスはありますか?彼らの質問は古典的なコンテキストメニューに関するものですが、私は放射状またはより実験的なアプローチについても興味があります。

基本的に、私がWindows(およびApple)ガイドラインで見つけたもの:

コンテキストメニューのコマンドのグループ間にセパレータを使用すると、次のことができます。

  • 関連するコマンドのグループを区別します。
  • コマンドのセットをグループ化します。
  • クリップボードコマンド(切り取り/コピー/貼り付け)などの予測可能なコマンドセットを、アプリ固有またはビュー固有のコマンドから分割します。

Context menu of a mp3

8
Gustav

Googleのガイドライン メニューの項目の順序について明示的に言及します。

静的コンテンツのメニューでは、最も頻繁に使用されるメニュー項目をメニューの上部に配置する必要があります。

動的コンテンツを含むメニューは、以前に使用したフォントをメニューの上部に配置するなど、他の動作をする場合があります。順序は、ユーザーのアクションに基づいて変更できます。

そして、それはほとんどの場合理にかなっているようです。特定のアイテムグループ内では、順序付けも直感的に行う必要があります。一部のアイテムには独自の論理的な順序があります(XS-S-M-L-XL)。他の人にとっては、アルファベット順(アップル-バナナ-チェリー)を使いたいだけかもしれません。

規約

通常、最初の数項目は最も重要な項目で構成されますが、リストの最後の項目も特別です。リストの最後の項目を見つけるのは非常に簡単です。

通常最後になるいくつかの例:

  • ログアウト
  • 名前を付けて保存...
  • について/情報/プロパティ
  • 環境設定
  • もっと...

ステップ

  1. 含めるものを選択します。どのアイテムが本当に必要ですか?すべてのユーザーがそれらを必要としますか?同じ機能にアクセスする別の方法はありますか?

  2. Group。類似アイテムをグループ化します。 (ここでカード分類を使用して、適切な構造に到達することもできます。)

  3. 効率性を目指します。最も重要な/最も使用されているアイテムが上部にあります。難解な機能が一番下にあります(または、いまだに:まったくありません)。これはすべての人にとって同じソリューションである必要はありません-最近使用したコマンドを一番上に置くことが理にかなっているかどうかを検討してください。

  4. テストして調整します。メニューで作業している実際の人を観察すると、何が機能し、何が機能しないかについて多くの洞察が得られます。

5
Marielle

デスクトップアプリの場合は、radialを使用しません。ボタン/アクションを選択する必要があるときは、マウスを動かす必要があります。ラジアルアプローチでは、2方向に移動するのがより困難になります。

モバイルデバイスでも、一方向のコンテキストメニューを好みます。あなたの目はカーソルでもあり、リストを見やすくなります。

グループ化されたリストが最良のアプローチだと思います。重要なものを出発点の近くに置きます。例のように:アイテムをクリックすると、カーソルがアイテムの上にあると、コンテキストメニューがその下に開きます。最初の重要なアクションは、それを再生するか、現在のカーソル位置の近くのプレイリストに追加することです。

しかし、あなたは順序付けについて言及しました、この場合、ユーザーは追加と順序付けを同時に行うことができるので、この場合はドラッグアンドドロップで便利なソリューションになります。

0
Iamzozo

あなたが見つけたガイドラインは良いスタートです。他の基本的なガイドラインは知りませんが、次のガイドラインを検討することをお勧めします。

  • 最も頻度の高いアイテムを一番上に配置します。これらはマウスに最も近く、最初に読み取られます。
  • 類似したコマンドの下に、より具体的なコマンドまたはバリエーションコマンドを配置します。たとえば、「16進数として編集」および「インターフェースビルダーで編集」は「編集」の直下にある場合があります。
  • 「情報」ボタンが含まれている場合は、下部に配置します。 WindowsとOS Xのどちらにもこれのいくつかのバージョンがあり、どちらもメニューの下部に配置されます。
  • あまり多くのアイテムを含めないでください。 Windowsコンテキストメニューのオプションの多くは、ほとんどのユーザーが使用することはほとんどありません。あまり使用されないオプションがあるが、[その他のコマンド]項目またはその他のメニューの下にある場合。
0
mginn