Share via


Windows 7 メニュー (デザインの基本)

Note

この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。 ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には 現在の設計ガイダンスは反映されていません。

メニューは、現在のコンテキストでユーザーが使用できるコマンドまたはオプションの階層リストです。

ドロップダウン メニューは、マウス クリックまたはホバー時に必要に応じて表示されるメニューです。 通常、それらはビューから隠されているため、画面スペースを節約するための効率的な手段です。 サブメニューまたはカスケード メニューは、メニュー内からオンデマンドで表示されるセカンダリ メニューです。 これらはサブメニュー ラベルの末尾にある矢印で示されます。 メニュー項目は、メニュー内の個々のコマンドまたはオプションです。

メニューは、多くの場合、メニュー バーから表示されます。これは、通常、ウィンドウの上部付近にあるラベル付きのメニュー カテゴリの一覧です。 これに対し、ユーザーがコンテキスト メニューをサポートするオブジェクトまたはウィンドウ領域を右クリックすると、コンテキスト メニューがドロップダウンされます。

メニューとサブメニューを含むメニュー バーのスクリーン ショット

ドロップダウン メニューとサブメニューを表示する一般的なメニュー バー。

Note

コマンド ボタンツール バーキーボードに関連するガイドラインについては、別の記事で説明します。

使用パターン

メニューには、いくつかの使用パターンがあります。

使用法
メニュー バー
メニュー バーには、ドロップダウン メニューにコマンドとオプションが表示されます。
メニューバーは非常に一般的で見つけやすく、スペースの効率的な使用です。
ドロップダウン メニューを含むメニュー バーのスクリーン ショット
Windows メールのメニュー バー。
ツール バー メニュー
ツールバーとして実装されたメニュー バー。
ツール バー メニューは、主に メニュー ボタン 内のコマンドと分割ボタンで構成されるツール バーであり、直接コマンドがある場合はごくわずかです。
ドロップダウン メニューを含むツール バー メニューのスクリーン ショット
Windows フォト ギャラリーのツール バー メニュー。
このパターンのガイドラインについては、「 ツール バー」を参照してください。
タブ メニュー
ドロップダウン メニューのタブに関連するコマンドとオプションの小さなセットを表示するタブ内のボタン。
メニューを含むタブは、下部にドロップダウン矢印付きのボタンがある点を除き、通常のタブのように見えます。 ボタンをクリックすると、タブを選択する代わりにドロップダウン メニューが表示されます。
ドロップダウン メニューを含むタブ メニューのスクリーン ショット
タブ メニューは、Windows メディア プレーヤーで使用されます。
メニュー ボタン
関連するコマンドの小さなセットをドロップダウン メニューに表示するコマンド ボタン。
メニュー ボタンは、通常の コマンド ボタンのように見えますが、その中にドロップダウン矢印があります。 ボタンをクリックすると、コマンドを実行する代わりにドロップダウン メニューが表示されます。
分割ボタン は、コマンドのバリエーションである点を除き、メニュー ボタンに似ています。ボタンの左側をクリックすると、ラベルに対してアクションが直接実行されます。
ドロップダウン コマンドを含むメニュー ボタンのスクリーン ショット
関連するコマンドの小さなセットを含むメニュー ボタン。
コンテキスト メニュー
現在のコンテキストに関連するコマンドとオプションの小さなセットを表示するドロップダウン メニュー。
ユーザーがコンテキスト メニューをサポートするオブジェクトまたはウィンドウ領域を右クリックすると、コンテキスト メニュードロップダウンが表示されます。
コマンドを表示するコンテキスト メニューのスクリーン ショット
エクスプローラーからコンテキスト メニューを開きます。
コンテキスト メニューが最適なメニュー選択であるが、すべてのユーザーに適したソリューションが必要な場合は、メニュードロップダウン矢印ボタンを使用できます。
ドロップダウン メニュー ボタンを使用した写真のスクリーン ショット
メニュー ドロップダウン ボタンで表示されるコンテキスト メニュー。
作業ウィンドウ メニュー
選択したオブジェクトまたはプログラム モードに関連するコマンドの小さなセット。
コンテキスト メニューとは異なり、必要に応じてではなく、ウィンドウ ウィンドウ内に自動的に表示されます。
右に作業ウィンドウ メニューがある写真のスクリーン ショット
Windows フォト ギャラリー ビューアーの作業ウィンドウ メニュー。

これは適切なユーザー インターフェイスですか?

それを判断するには、以下の質問を考えます。

次の条件が適用されます。

  • ウィンドウはプライマリ ウィンドウですか?
  • メニュー項目は多数ありますか?
  • メニュー カテゴリは多数ありますか?
  • メニュー項目の大部分は、プログラムとプライマリ ウィンドウ全体に適用されますか?
  • メニューはすべてのユーザーに対して機能する必要がありますか?

その場合は、メニュー バーの使用を検討してください。

ツール バー メニュー

次の条件が適用されます。

  • ウィンドウはプライマリ ウィンドウですか?
  • ウィンドウにツール バーがありますか?
  • いくつかのメニュー カテゴリはありますか?
  • メニューはすべてのユーザーに対して機能する必要がありますか?

その場合は、メニュー バーの代わりに、または メニュー バーに加えてツール バー メニューを使用することを検討してください。

タブ メニュー

次の条件が適用されます。

  • ウィンドウはプライマリ ウィンドウですか?
  • ウィンドウにはタブがあり、各タブは(タブを使用して異なるビューを表示するのではなく)専用のタスクセットに使用されますか?
  • 各タブに適用されるメニュー カテゴリは 1 つありますか?
  • 多くのコマンドとオプションがありますが、タブごとに小さなセットしかありませんか?

その場合は、メニュー バーではなくタブ メニューを使用することを検討してください。

コンテキスト メニュー

次の条件が適用されます。

  • 選択したオブジェクトまたはウィンドウ領域に適用されるコンテキスト コマンドとオプションの小さなセットはありますか?
  • これらのメニュー項目は冗長ですか?
  • ターゲット ユーザーはコンテキスト メニューに精通していますか?

その場合は、それらを必要とするオブジェクトとウィンドウ領域のコンテキスト メニューを提供することを検討してください。

ブラウザーベースのプログラムの場合、作業ウィンドウ メニューはコンテキスト コマンドのより一般的なソリューションです。 現在、ユーザーはブラウザー ベースのプログラムのコンテキスト メニューが汎用的で役に立たなかったと想定しています。

作業ウィンドウ メニュー

次の条件が適用されます。

  • ウィンドウはプライマリ ウィンドウですか?
  • 選択したオブジェクトまたはプログラム モードに適用されるコンテキスト コマンドとオプションの小さなセットはありますか?
  • いくつかのメニュー カテゴリはありますか?
  • メニューはすべてのユーザーに対して機能する必要がありますか?

その場合は、コンテキスト メニューではなく作業ウィンドウ メニューを使用することを検討してください。

設計概念

優れたユーザー エクスペリエンスを促進する効果的なメニュー:

  • プログラムの種類、ウィンドウの種類、コマンドの使用状況、およびターゲット ユーザーに一致するコマンド プレゼンテーションを使用します。
  • 必要に応じて標準メニュー organizationを使用して、適切に整理されています。
  • メニュー バー、ツールバー、コンテキスト メニューを効果的に使用します。
  • アイコンを効果的に使用します。
  • アクセス キーとショートカット キーを効果的に使用します。

1 つだけの操作を行う場合...

プログラムの種類、ウィンドウの種類、コマンドの使用状況、およびターゲット ユーザーに一致するコマンド プレゼンテーションを選択します。

ガイドライン

全般

  • メニュー バーを除くすべてのメニュー パターンには、プルダウン メニューの存在を示すドロップダウン矢印が必要です。 メニューバーにメニューが存在することは言うまでもありませんが、他のパターンでは言うまでもありません。
  • メニュー項目名を動的に変更しないでください。 これを行うと、混乱し、予期しない結果になります。 たとえば、縦モード オプションを選択時に横モードに変更しないでください。 モードの場合は、代わりに 行頭文字とチェックマークを 使用します。
    • 例外: オブジェクト名に基づくメニュー項目名は動的に変更できます。 たとえば、最近使用したファイルやウィンドウ名のリストは動的にすることができます。
  • メニュー カテゴリが 3 つ以下のメニュー バーを削除することを検討してください。 コマンドが少ない場合は、ツール バー メニューなどのより軽い代替手段を使用するか、コマンド ボタンやリンクなどの直接的な代替手段を使用します。
  • 10 個を超えるメニュー カテゴリはありません。 メニュー カテゴリが多すぎると、メニュー バーが使いにくくなります。
  • ほとんどのユーザーが必要とするすべてのコマンドがツールバーまたは直接コマンドで提供されている場合は、メニュー バーを非表示にすることを検討してください。 ツールバー メニューの [メニュー バー] チェックマーク オプションを使用して、ユーザーが表示または非表示を切り替えることを許可します。

メニュー バーが選択されたオプション リストのスクリーン ショット

この例では、Windows インターネット エクスプローラーにメニュー バー オプションが用意されています。

詳細については、「 メニュー バーを非表示にする」を参照してください。

メニュー バーを非表示にする

一般に、ツール バーはメニュー バーと共に優れた機能を備えています。両方を使用すると、それぞれが妥協することなく長所に集中できるためです。

  • ツール バーのデザインでメニュー バーが冗長になる場合は、既定でメニュー バーを非表示にします。
  • メニュー バーはキーボード ユーザーがアクセスしやすくなるため、メニュー バーを完全に削除する代わりに非表示にします。
  • メニュー バーを復元するには、[表示] (プライマリ ツール バーの場合) または [ツール] (セカンダリ ツール バーの場合) メニュー カテゴリにメニュー バーのチェックマーク オプションを指定します。 詳細については、「 標準メニューと分割ボタン」を参照してください。
  • メニュー カテゴリの 1 つの単語名を選択します。 複数の単語を使用すると、カテゴリ間の分離がわかりにくくなります。
  • ドキュメントを作成または表示するプログラムの場合は、ファイル、 編集、表示、ツール、ヘルプなどの標準メニュー カテゴリを使用します。 そうすることで、一般的なメニュー項目を予測しやすく、見つけやすくなります。
  • 他の種類のプログラムの場合は、プログラムの目的と 、ユーザーが自分のタスクと目標について考える方法に基づいて、コマンドとオプションをより便利で自然なカテゴリに整理することを検討してください。 プログラムに適していない場合は、標準メニュー organizationを使用する義務を感じないでください。
  • 標準以外のメニュー カテゴリを使用する場合は、適切なカテゴリ名を選択する必要があります。 詳細については、「 ラベル 」セクションを参照してください。
  • 一般的なカテゴリよりもタスク指向のメニュー カテゴリを優先します。 タスク指向のカテゴリを使用すると、メニュー項目を見つけやすくなります。

リップ、バーン、同期を含むメニュー バーのスクリーン ショット

この例では、Windows メディア プレーヤーはタスク指向のメニュー カテゴリを使用します。

  • メニュー項目が 1 つまたは 2 つしかないメニュー カテゴリは避けてください。 賢明な場合は、サブメニューを使用して、他のメニュー カテゴリと統合します。
  • 次の場合にのみ、同じメニュー項目を複数のカテゴリに配置することを検討してください。
    • メニュー項目は論理的に複数のメニュー カテゴリに属します。
    • ユーザーが 1 つのメニュー カテゴリでアイテムを見つけるのに問題があることを示すデータがあります。
    • 複数のカテゴリに 1 つまたは 2 つの見つけにくいメニュー項目しかありません。
  • 同じ名前を使用する別のメニュー項目を複数のカテゴリに配置しないでください。 たとえば、複数のカテゴリに異なる [オプション] メニュー項目を含めないでください。
    • 例外: タブ メニュー パターンには、各タブ メニューの [オプション] メニュー項目と [ヘルプ] メニュー項目が異なる場合があります。

繰り返しメニュー項目があるタブ メニューのスクリーン ショット

この例では、Windows メディア プレーヤーの各タブ メニューに [オプション] メニュー項目と [ヘルプ] メニュー項目があります。

  • メニュー項目を 7 つ以下の強い関連項目のグループに整理します。 この場合、サブメニューは親メニューの 1 つのメニュー項目としてカウントされます。
  • メニューの 1 つのレベル内に 25 個を超える項目を配置しないでください (サブメニューをカウントしません)。
  • メニュー内のグループ間に区切り記号を配置します。 区切り記号は、メニューの幅にまたがる 1 行です。
  • メニュー内で、グループを論理的な順序で配置します。 論理的な順序がない場合は、最もよく使用されるグループを最初に配置します。
  • グループ内で、項目を論理的な順序で配置します。 論理的な順序がない場合は、最も一般的に使用される項目を最初に配置します。 数値項目 (ズーム率など) を数値順に配置します。
  • サブメニューを不必要に使用しないでください。 サブメニューを使用するには、より多くの物理的な作業が必要であり、一般的にメニュー項目の検索が困難になります。
  • 頻繁に使用されるメニュー項目をサブメニューに配置しないでください。 これを行うと、これらのコマンドの使用が非効率的になります。 ただし、頻繁に使用されるコマンドは、ツールバーなど、通常より直接アクセスされる場合はサブメニューに配置できます。
  • 次の場合は、サブメニューの使用を検討してください。
    • これにより、多くの項目 (20 個以上) が含まれているか、サブメニューが 7 つ以上の項目のグループに含まれているため、親メニューが簡略化されます。
    • サブメニュー内の項目は、親メニューの項目よりも使用頻度が低くなります。
    • サブメニューには 3 つ以上の項目があります。
    • 同じ単語で始まる 3 つ以上のコマンドがあります。 この場合は、その単語をサブメニュー ラベルとして使用します。

4 つのサブメニュー項目を含む [新規] メニューのスクリーン ショット

この例では、[新しい] サブメニューは、[新しいメール メッセージ]、[新しいニュース メッセージ]、[新しいフォルダー]、[新しい連絡先] の個別のコマンドを置き換えます。

  • メニューの最大 3 つのレベルを使用します。 つまり、プライマリ メニューと、最大 2 つのレベルのサブメニューを使用できます。 サブメニューの 2 つのレベルはまれである必要があります。

プレゼンテーション

  • メニュー項目を削除するのではなく、現在のコンテキストに適用されないメニュー項目を無効にします 。 これにより、メニュー バーの内容が安定し、見つけやすくなります。 例外:
    • コンテキスト メニュー カテゴリの場合は、 現在のコンテキストに適用されないコンテキスト メニュー項目を無効にするのではなく、 を削除します。 メニュー カテゴリは、特定のオブジェクトの種類が選択されている場合など、特定のモードでのみ表示される場合にコンテキストに応じて表示されます。 詳細については、コンテキスト メニューの 削除と無効化 のガイドラインに関するページを参照してください。
    • メニュー項目を無効にするタイミングを決定すると、顕著なパフォーマンスの問題が発生する場合は、メニュー項目をアクティブのままにし、必要に応じて選択するとエラー メッセージが表示されます。

タブ メニュー

  • 各タブ メニューには、コンテキスト固有の [オプション] メニュー項目と [ヘルプ] メニュー項目が含まれる場合があります。 これは、他のすべてのメニュー パターンとは対照的です。 各タブは専用のタスク セットに使用されるため、タブ メニュー間の冗長性は混乱しません。

コンテキスト メニュー

  • コンテキスト メニューは、コンテキスト コマンドとオプションにのみ使用します。 メニュー項目は、選択した (またはクリックされた) オブジェクトまたはウィンドウ領域にのみ適用され、プログラム全体には適用されません。
  • コマンドをコンテキスト メニューでのみ使用できるようにしないでください。 ショートカット キーと同様に、コンテキスト メニューは、コマンドを実行してオプションを選択する代替手段です。 たとえば、[プロパティ] コマンドは、メニュー バーまたは Alt + Enter アクセス キーでも使用できます。
  • コンテキスト コマンドとオプションの小さなセットの恩恵を受けるすべてのオブジェクトとウィンドウ領域のコンテキスト メニューを提供します。 多くのユーザーは定期的に右クリックし、どこでもコンテキスト メニューを見つけることを期待しています。
  • すべてのユーザーを対象とするコンテキスト メニューには、メニュー ドロップダウン矢印ボタンを使用することを検討してください。 通常、コンテキスト メニューは、高度なユーザーを対象とするコマンドとオプションに適しています。 ただし、コンテキスト メニューが最適なメニュー選択であり、すべてのユーザーを対象とする必要がある場合は、メニュー ドロップダウン ボタンを使用できます。

ドロップダウン メニュー ボタンを使用した写真のスクリーン ショット

この例では、メニュー ドロップダウン ボタンを使用してコンテキスト メニューを表示します。

メニュー項目のorganizationと順序

  • メニュー項目を 7 つ以下の厳密に関連する項目のグループに整理します。
  • サブメニューを使用して コンテキスト メニューをシンプル、ダイレクト、効率的に保つ必要があります。
  • コンテキスト メニュー内に 15 個を超える項目を配置しないでください。
  • メニュー内のグループ間に区切り記号を配置します。 区切り記号は、メニューの幅にまたがる 1 行です。
  • 次の順序でメニュー項目を表示します。
プライマリ (最もよく使用される) コマンド
Run Play 印刷 <区切り記号を開く>
オブジェクトでサポートされているセカンダリ コマンド
<separator>
転送コマンド
切り取りコピー 貼り付け区切り <記号>
オブジェクトの設定
<separator>
オブジェクト コマンド
区切り記号>のプロパティの名前変更<を削除する

プレゼンテーション

  • 太字を使用して既定のコマンドを表示します。 実用的な場合は、最初のメニュー項目にもしてください。 既定のコマンドは、ユーザーがオブジェクトをダブルクリックまたは選択して Enter キーを押すと呼び出されます。
  • 現在のコンテキストに適用されないコンテキスト メニュー項目を無効にするのではなく、 を削除します。 これにより、コンテキスト メニューがコンテキストに応じて効率的になります。
    • 例外: メニュー項目を使用できる妥当な期待がある場合は、適用されないメニュー項目を無効にします。
      • [切り取り]、[コピー]、[貼り付け]、[削除]、[名前の変更] など、関連する標準コンテキスト メニュー コマンドを常に用意します。
      • 常に、関連するセットを完了するコマンドを使用します。 たとえば、[戻る] がある場合は、[転送] も存在する必要があります。 切り取りがある場合は、常にコピーと貼り付けを行います。

箇条書きとチェックマーク

  • オプションであるメニュー項目では、行頭文字とチェックマークを使用できます。 コマンドは実行できません。
  • 箇条書きを使用して、相互に排他的な選択肢の小さなセットから 1 つのオプションを選択します。 グループには常に少なくとも 2 つの箇条書きが含まれる必要があります。 詳細については、「 ラジオ ボタン」を参照してください。
  • チェック マークを使用して、独立した設定のオンとオフを切り替えます。 選択した状態とクリアされた状態が明確で明確でない場合は、代わりに箇条書きのセットを使用します。 詳細については、「 チェック ボックス」を参照してください。
  • 混合チェックマーク状態の場合は、チェックマークなしでメニュー項目を表示します。 混合状態は複数選択に使用され、オプションが一部のオブジェクト (すべてではなく) に設定されていることを示します。そのため、個々のオブジェクトには選択状態またはクリア状態があります。 混合状態は、個々のアイテムの 3 番目の状態として使用されません。
  • 関連する一連のチェックマークまたは行頭文字の間に区切り記号を配置します。 区切り記号は、メニューの幅にまたがる 1 行です。

アイコン

  • 次のようなメニュー項目のアイコンを用意することを検討します。
    • 最もよく使用されるメニュー項目。
    • アイコンが標準でよく知られているメニュー項目。
    • アイコンがコマンドの役割を適切に示すメニュー項目。
  • アイコンを使用する場合は、すべてのメニュー項目にアイコンを提供する義務を感じないでください。 わかりづらいアイコンは役に立たず、視覚的な混乱をもたらし、ユーザーが重要なメニュー項目に集中できなくなります。

アイコンの有無に関係なくメニュー項目のスクリーン ショット

この例では、[整理] メニューには、最もよく使用されるメニュー項目のアイコンのみが表示されます。

  • メニュー アイコンが Aero スタイルのアイコンガイドラインに準拠していることを確認します。

詳細と例については、「 アイコン」を参照してください。

アクセス キー

  • すべてのメニュー項目にアクセス キーを割り当てます。 例外。
  • 可能な限り、標準アクセス キーの割り当てに従って、一般的に使用されるコマンドにアクセス キーを割り当てます。 一貫性のあるアクセス キーの割り当ては常に可能なわけではありませんが、特に頻繁に使用されるコマンドの場合は、確実に推奨されます。
  • 動的メニュー項目 (最近使用したファイルなど) の場合は、アクセス キーを数値で割り当てます。

数値アクセス キーを使用したメニュー項目のスクリーン ショット

この例では、Windows の Paint プログラムによって、最近使用されたファイルに数値アクセス キーが割り当てられます。

  • メニュー レベル内で一意のアクセス キーを割り当てます。 アクセス キーは、さまざまなメニュー レベルで再利用できます。
  • アクセス キーを簡単に見つけられるようにする:
    • 最も頻繁に使用されるメニュー項目の場合は、ラベルの最初または 2 番目の単語の先頭にある文字 (できれば最初の文字) を選択します。
    • 使用頻度の低いメニュー項目の場合は、ラベル内の独特の子音または母音である文字を選択します。
  • が広い文字 (w、m、大文字など) を優先します。
  • "Exit" の "x" など、独特の子音または母音を好みます
  • (最も問題のある文字から最も問題の少ないものまで) など、下線が見えにくい文字は使用しないでください
    • 幅が 1 ピクセルの文字 (i や l など)。
    • g、j、p、q、y などの降順の文字。
    • 降順の文字の横の文字。

その他のガイドラインと例については、「 キーボード」を参照してください。

ショートカット キー

  • 最もよく使用されるメニュー項目にショートカット キーを割り当てます。 使用頻度の低いメニュー項目では、ユーザーが代わりにアクセス キーを使用できるため、ショートカット キーは必要ありません。
  • ショートカット キーをタスクを実行する唯一の方法にしないでください。 ユーザーは、Tab キー、矢印キー、アクセス キーを使用してマウスまたはキーボードを使用することもできます。
  • 既知のショートカット キーの場合は、標準の割り当てを使用します。
  • 既知のショートカット キーに異なる意味を割り当てないでください。 それらは記憶されているため、よく知られているショートカットの一貫性のない意味はフラストレーションを感じ、エラーが発生しやすくなります。 Windows プログラムで使用されるよく知られたショートカット キーについては、「Windows キーボード ショートカット キー」を参照してください。
  • システム全体のプログラム ショートカット キーを割り当てないでください。 プログラムのショートカット キーは、プログラムに入力フォーカスがある場合にのみ有効です。
  • すべてのショートカット キーを文書化します。 これにより、ユーザーはショートカット キーの割り当てを学習できます。
    • 例外: ショートカット キーの割り当てをコンテキスト メニュー内に表示しないでください。 ショートカット メニューは、効率のために最適化されているため、ショートカット キーの割り当ては表示されません。
  • 標準以外のキー割り当ての場合:
    • 標準の割り当てがないショートカット キーを選択します。 標準ショートカット キーを再割り当てしないでください。
    • プログラム全体で、標準以外のキー割り当てを一貫して使用します。 異なるウィンドウで異なる意味を割り当てないでください。
    • 可能な場合は、特に頻繁に使用されるコマンドのニーモニック キーの割り当てを選択 します。
    • 選択したオブジェクトに適用されるコマンドなど、小規模な効果を持つコマンドにはファンクション キーを使用します。 たとえば、F2 は選択した項目の名前を変更します。
    • 文書全体に適用されるコマンドなど、大規模な効果を持つコマンドには、Ctrl キーの組み合わせを使用します。 たとえば、Ctrl + S キーを押して現在の文書を保存します。
    • 標準のショートカット キーのアクションを拡張または補完するコマンドには、Shift キーの組み合わせを使用します。 たとえば、Alt キーを押しながら Tab キーを押すと、開いているプライマリ ウィンドウが切り替わり、Alt + Shift + Tab キーは逆の順序で切り替えます。 同様に、F1 ではヘルプが表示されますが、Shift + F1 では状況依存のヘルプが表示されます。
    • ショートカット キーには次の文字を使用しないでください: @ $ {} [] \ ~ | ^ ' <>。 これらの文字は、言語間で異なるキーの組み合わせを必要とするか、ロケール固有です。
    • 一部の言語バージョンでは、この組み合わせが英数字を生成する AltGR キーとして解釈されるため、Ctrl + Alt の組み合わせを使用しないでください
  • プログラムで多数のショートカット キーが割り当てられている場合は、割り当てをカスタマイズする機能を提供します。 これにより、ユーザーは競合するショートカット キーを再割り当てし、他の製品から移行できます。 ほとんどのプログラムでは、この機能を必要とするのに十分なショートカット キーが割り当てられません。

その他のガイドラインと標準のショートカット キーの割り当てについては、「 キーボード」を参照してください。

標準メニュー

  • ドキュメントを作成または表示するプログラムには、標準メニュー organizationを使用します。 標準メニュー organizationを使用すると、一般的なメニュー項目を予測しやすく、見つけやすくなります。
  • その他の種類のプログラムの場合は、それが理にかなっている場合にのみorganization標準メニューを使用します。 プログラムの目的と、ユーザーが自分のタスクや目標について考える方法に基づいて、コマンドとオプションをより便利で自然なカテゴリに整理することを検討してください。

標準メニュー バー

標準メニュー バーの構造は次のとおりです。 この一覧には、メニュー カテゴリと項目ラベル、区切り記号付きの順序、アクセス キーとショートカット キー、および省略記号が表示されます。

[最近使ったファイル]

新しい Ctrl + N
開く。。。Ctrl + O
Ctrl + S キーを押して保存を閉じる
名前を付けて保存...印刷に送信...Ctrl + P
印刷プレビュー
ページ設定

1 <filename>
2 <filename>
3 <filename>
...

Alt + F4 キーを押して終了します (通常、ショートカットは指定されません)

編集

元に戻す Ctrl + Z
やり直し Ctrl + Y
<separator>
Ctrl + X を切り取る
Ctrl + C キーをコピーする
Ctrl + V キーを貼り付ける
<separator>
すべての Ctrl + A キーを押して選択する
<separator>
Del の削除 (通常はショートカットが指定されていません)
<separator>
見つける。。。Ctrl + F
次の F3 を検索します (コマンドは通常指定されません)
置き換える。。。Ctrl + H
行きます。。。Ctrl + G

表示

ツールバー
ステータス バー
<separator>
Zoom Zoom in Ctrl++
縮小 Ctrl + -
<separator>
全画面表示 F11
F5 キーを更新する

ツール

<separator>
オプション ヘルプ <program name> F1
<separator>
<program name> のバージョン情報

標準のツール バー メニュー ボタン

標準のツール バー メニュー ボタンは次のとおりです。 この一覧には、メニュー カテゴリと項目ラベル、区切り記号付きの順序、ショートカット キー、および省略記号が表示されます。

ツール
全画面表示F11(Find も使用されている場合はアクセス キーを再割り当てします。Toolbars(Menu bar コマンドがここに表示されることに注意してください。) <separator> Print...見つける。。。 <区切り記号> ズーム テキスト サイズ <区切り記号> オプション
整理
新しいフォルダーCtrl + N <区切り記号> CutCtrl + X CopyCtrl + C PasteCtrl + V <区切り記号> すべて選択Ctrl + A <区切り記号> DeleteDel(通常は指定されていません) 区切り記号>の名前の変更<オプション
ページ
新しいウィンドウCtrl + N <区切り記号> ズーム テキスト サイズ

標準コンテキスト メニュー

標準のコンテキスト メニューの内容は次のとおりです。 この一覧には、メニュー項目のラベル、区切り記号付きの順序、アクセス キー、および省略記号が表示されます。 ショートカット メニューにはショートカット キーは表示されません。

[Run Play Edit Print..] を開きます。 <区切り記号> 切り取りコピー 貼り付け区切り <記号> 削除 区切り文字の名前を変更 <する>

をロックします。 <object name>(checkmark)

プロパティ

省略記号の使用

メニュー コマンドは即時アクションに使用されますが、アクションを実行するには詳細情報が必要になる場合があります。 ラベルの末尾に省略記号を追加して、追加情報 (確認を含む) が必要なコマンドを示します。

印刷コマンドと印刷ダイアログ ボックスのスクリーン ショット

この例では、Print...コマンドを実行すると、[印刷] ダイアログ ボックスが表示され、詳細情報が収集されます。

省略記号を適切に使用することは、ユーザーがアクションを実行する前にさらに選択したり、アクションを完全に取り消したりできることを示すために重要です。 省略記号によって提供される視覚的な手掛かりを使用すると、ユーザーは恐れることなくソフトウェアを探索できます。

これは、アクションの実行に追加情報が必要な場合にのみ、アクションに別のウィンドウが表示されるたびに省略記号を使用する必要があることを意味 するものではありません。 たとえば、[バージョン情報]、[詳細設定]、[ヘルプ]、[オプション]、[プロパティ]、[設定] の各コマンドは、クリックしたときに別のウィンドウを表示する必要がありますが、ユーザーからの追加情報は必要ありません。 そのため、省略記号は必要ありません。

あいまいさの場合 (たとえば、コマンド ラベルに動詞がない場合)、最も可能性の高いユーザー アクションに基づいて決定します。 ウィンドウを表示するだけで一般的なアクションである場合は、省略記号を使用しないでください。

正確:

その他の色...

バージョン情報

最初の例では、ユーザーが色を選択する可能性が最も高いので、省略記号を使用するのが正しいです。 2 番目の例では、ユーザーがバージョン情報を表示する可能性が高く、省略記号は不要です。

Note

メニュー コマンドに省略記号が必要かどうかを判断する場合は、 特権を昇格 する必要性を要因として使用しないでください。

昇格は、コマンドを実行するために必要な情報ではなく (アクセス許可の場合)、昇格する必要性がセキュリティ シールドで示されます。

ラベル

  • 文章スタイルで大文字と小文字を使い分けます。
    • 例外: 従来のアプリケーションでは、必要に応じてタイトル スタイルの大文字と小文字を使用して、大文字と小文字が混在しないようにすることができます。
  • 1 つの単語動詞または名詞であるメニュー カテゴリ名を使用します。 2 つの 1 単語のラベルでは、複数単語のラベルが混同される可能性があります。
  • 動詞ベースのメニュー名を優先します。 ただし、動詞が Create、Show、View、または Manage の場合は省略します。 たとえば、次のメニュー カテゴリには動詞がありません。
    • テーブル
    • ツール
    • ウィンドウ
  • 標準以外のカテゴリ名の場合は 、メニューの内容を明確かつ正確に記述する 1 つの特定の単語を使用します。 名前は、メニュー内のすべての内容を記述するように一般的である必要はありませんが、ユーザーがメニューで見つけたものに驚かないように、十分に予測可能である必要があります。
  • 動詞、名詞、または名詞句で始まるメニュー項目名を使用します。
  • 動詞ベースのメニュー名を優先します。 ただし、次の場合は動詞を省略します。
    • 動詞は、Create、Show、View、または Manage です。 たとえば、次のコマンドには動詞がありません。
      • 詳細
      • 上級
      • 全画面表示
      • 新規作成
      • オプション
      • プロパティ
    • 動詞は、繰り返しを避けるためにメニュー カテゴリ名と同じです。 たとえば、[挿入] メニューカテゴリでは、[テキストの挿入]、[表の挿入]、[図の挿入] の代わりに[テキスト]、[表]、[図] を使用します。
  • 特定の動詞を使用します。 Change や Manage などの一般的で役に立たない動詞は避けてください。
  • 単一のオブジェクトに適用されるコマンドには単数名詞を使用し、それ以外の場合は複数形の名詞を使用します。
  • 同様のコマンドを区別するには、必要に応じて修飾子を使用します。 例: 上に行を挿入し、下に行を挿入します。
  • 補完的なコマンドのペアの場合は、明確に補完的な名前を選択します。 例: 追加、削除、表示、非表示;挿入、削除。
  • テクノロジではなく、ユーザーの目標とタスクに基づいてメニュー項目名を選択します。

正確:

フォーマット メニュー項目を含むリップ メニューのスクリーン ショット

正しくない:

コーデック メニュー項目を含むリップ メニューのスクリーン ショット

正しくない例では、メニュー項目はそのテクノロジに基づいています。

  • 次のメニュー項目名は、指定された目的に使用します。
    • オプション プログラム オプションを表示する。
    • カスタマイズ 機械的な UI 構成に特に関連するプログラム オプションを表示します。
    • パーソナライズ 一般的に使用される パーソナル化 設定の概要を表示します。
    • 設定 を使用しないでください。 代わりに [オプション] を使用します。
    • プロパティ オブジェクトのプロパティ ウィンドウを表示します。
    • 設定 メニュー ラベルとしてを使用しないでください。 代わりに [オプション] を使用します。
  • サブメニューを表示するメニュー項目のラベルに省略記号はありません。 サブメニューの矢印は、別の選択が必要であることを示します。

正しくない:

省略記号付きの新しいメニュー項目のスクリーン ショット

この例では、[新しい] メニュー項目の省略記号が正しくありません。

ドキュメント

メニューを参照する場合:

  • メニューを表示または非表示にするコマンドでは、メニュー バーを参照してください。 クラシック メニューとして参照しないでください。
  • ラベルでメニューを参照します。 大文字と小文字を含む正確なラベル テキストを使用しますが、アクセス キーのアンダースコアや省略記号は含めないでください。
  • メニュー カテゴリを参照するには、"メニューで<category name>" を使用します。メニュー項目の場所がコンテキストからクリアされている場合は、メニュー カテゴリをメンションする必要はありません。
  • メニュー項目のユーザー操作を説明するには、メニューまたはコマンドという単語を使用せずにクリックを使用します。 選択、選択、または選択は使用しないでください。 技術ドキュメントを除き、メニュー項目をメニュー項目として参照しないでください。
  • メニュー オプションからチェックマークを削除する方法を説明するには、クリックしてチェックマークを削除します。 clear を使用しないでください。
  • ショートカット メニューではなく、コンテキスト メニューをコンテキスト メニューとして参照します。
  • プログラミング ドキュメントを除き、カスケード、プルダウン、ドロップダウン、またはポップアップを使用してメニューを記述しないでください。
  • [使用不可] メニュー項目は、淡色表示、無効化、灰色表示ではなく、使用不可と参照してください。 プログラミング ドキュメントで disabled を使用します。
  • 可能な場合は、太字のテキストを使用してラベルの書式を設定します。 それ以外の場合は、混乱を防ぐために必要な場合にのみ、ラベルを引用符で囲みます。

例 :

  • [ ファイル ] メニューの [ 印刷 ] をクリックして文書を印刷します。
  • [ 表示 ] メニューの [ ツール バー] をポイントし、[ 書式設定] をクリックします。