コマンド ボタン

適切なコントロールかどうかの判断基準
デザイン コンセプト
使用パターン
ガイドライン
   全般
   分割ボタン
   既定値
推奨されるサイズと間隔
ラベル
ドキュメント

"コマンド ボタン" は、操作をすぐに開始するために使います。

典型的なコマンド ボタン

既定のコマンド ボタン は、ユーザーが Enter キーを押すと呼び出されます。既定のコマンド ボタンは開発者によって割り当てられますが、ユーザーは Tab キーを押すことにより、"既定のコマンド ボタン" を順次変更できます。

注: レイアウトに関するガイドラインは、別の項目として記載しています。

適切なコントロールかどうかの判断基準

以下の点に基づいて判断します。

• コマンド ボタンが、すぐに操作を開始するために使われているかどうか。該当しない場合は、別のコントロールを使用します。
• リンクの方が適していないか。 次のような場合はリンクを使ってください。
  • 他のページ、ウィンドウ、またはヘルプ トピックに移動するための操作である場合。
    例外: ウィザードでは [戻る]、[次へ] のコマンド ボタンを使います。
  • コマンドがテキスト本文内に埋め込まれる場合。
  • コマンドが副次的な性質のものである場合。つまり、ウィンドウの主目的に関連しないコマンドである場合。この場合は、軽量コマンド ボタンまたはリンクの方が適切です。
  • コマンドがメニューまたは関連するリンク グループの一部である場合。
  • ラベルが長い (5 ワード (全角で約 15 文字) 以上) ため、コマンド ボタンの外観が不自然になる場合。
• ラジオ ボタンと汎用コマンド ボタンを組み合わせた方が適切ではないか。 以下のいずれかに該当する場合、特定のコマンド ボタンのセットの代わりに、ラジオ ボタンを汎用コマンド ボタン ([OK]、[キャンセル]) と組み合わせて使用することがよくあります。
  • 5 つ以上の操作が考えられる場合。
  • ユーザーが判断の前に追加の情報を確認する必要がある場合。
  • ユーザーが決定前に選択肢について対話操作 (追加情報を見るなど) を行う必要がある場合。
  • ユーザーが別のコマンドの代わりに、オプションとして選択肢を確認する場合。

    正しい例:
    

    この例では、ラジオ ボタンを [OK]、[キャンセル] ボタンと組み合わせ、オプションに関する追加情報が提供されています。

    間違った例:
    

    この例では、コマンド ボタンが単独で使われているので、ユーザーが情報に基づいた判断を行うのが難しくなっています。

注: より詳細な比較については「コマンド ボタンとリンクの比較」を参照してください。

デザイン コンセプト

省略記号の使用

コマンド ボタンは直ちに開始する操作のために使うものですが、その操作を実行するために、さらに詳しい情報が必要な場合があります。追加の情報 (確認を含む) が必要なコマンドであることは、ボタン ラベルの末尾に省略記号 (...) を付けて示します。

この例では、[Print...] (印刷...) コマンドをクリックすると、情報を入力するための [Print] (印刷) ダイアログ ボックスが表示されます。

この例では、[Print] (印刷) コマンドをクリックすると、ユーザーの追加操作なしでドキュメントのコピーが既定のプリンターに 1 部印刷されます。

操作の実行前に、さらに細かい選択ができること、場合によっては操作を完全に取り消すことができることを示すために、省略記号を適切に使うことが大切です。省略記号によって与えられた視覚的な手掛かりにより、ユーザーは安心してソフトウェアを使用できます。

ただし、新しいウィンドウを表示する操作すべてで省略記号を使う必要はありません。操作を実行するのに追加の情報入力が必要な場合だけに使います。したがって、別のウィンドウが表示されることが明らかにわかるコマンド ボタンでは、省略記号を付ける必要がありません。バージョン情報、詳細設定、ヘルプ (またはヘルプ トピックにリンクするその他のコマンド)、オプション、プロパティ、設定などのコマンドがこれに当たります。

一般に、ユーザー インターフェイスでは、省略記号は未完了であることを示すために使われます。他のウィンドウを表示するコマンドは未完了であり、つまり、別のウィンドウを表示する必要があるということです。その操作を実行するために追加の情報は必要ありません。これは省略記号を使用する価値がほとんどない状況で画面が輻輳するのを防ぐための方針です。

注: 省略記号が必要かどうか判断する際、権限の昇格について考慮する必要はありません。コマンドの実行に必要な情報ではなく、実行権限を確認するためのものだからです。権限の昇格が必要である旨はセキュリティ シールドで示されます。

最も重要な点
コマンド ボタンには処理内容を一言で表す簡潔なラベルを付け、省略記号を適切に使ってください。

使用パターン

コマンド ボタンにはいくつかの使用パターンがあります。

ガイドライン

全般

• コマンド ボタンをクリックした結果がすぐに表示されない場合は、ビジー ポインターを表示します。何もメッセージが表示されないと、ユーザーはクリックされなかったと見なして、再度クリックする可能性があります。
• いくつかのウィンドウに同じコマンド ボタンを配置する場合、実用的な場合は、同じラベル テキストとアクセス キーを使用し、どのウィンドウ上でもできるだけ同じ位置に配置します。
• テキスト ラベル付きのコマンド ボタンのサイズについては、幅は最小にし、高さは標準のコマンド ボタンと同じにします。詳細については、「推奨されるサイズと間隔」を参照してください。
• 各ウィンドウでコマンド ボタンの幅を揃えます。それが難しい場合でも、幅の種類が 3 通り以上にはならないようにします。
• 参照ボタン付きテキスト ボックスのように、他のコントロールがコマンド ボタンと連携する場合は、両者の関係がわかりやすいよう、次の 3 つの場所のいずれかにコマンド ボタンを配置します。
  • 他のコントロールの右側に、上辺を揃えて配置。
  • 他のコントロールの下に、左辺を揃えて配置。
  • それぞれの垂直方向の中央を揃えて配置 (2 つの連携するリスト ボックス間の [追加]、[削除] ボタンなど)。
• 同じコントロールと連携するコマンド ボタンが複数ある場合は、縦に積み重ね、コントロールの右側に上辺を揃えて配置するか、または横に並べ、その下側に左辺を揃えて配置します。
• コマンド ボタンが他のコントロールに従属する場合は、上記と同様の配置にし、上位コントロールがオフである間は無効にします。
• テキスト ラベル付きの、狭い/短い/高いコマンド ボタンは使用しないでください。洗練されていない印象を与えがちです。既定の幅や高さを使用するようにします。

  正しい例:
  

  この例では、ボタンは標準的な大きさで、洗練された外観になっています。

  間違った例:
  

  この例では、ボタンは小さすぎます。

  間違った例:
  

  この例では、ボタン ラベルの周囲の余白が広すぎます。

• コマンド ボタンにテキスト ラベルと画像を混在させることは避けます。ほとんどの場合、テキストを画像を組み合わせると不必要に見た目が錯綜し、ユーザーの理解の助けにはなりません。テキストと画像の併用を検討するのは、画像がそのコマンドに対する標準的な記号であったり、ユーザーがコマンドの結果をイメージしやすくなるような場合など、理解の助けになる場合のみです。それ以外の場合はテキストか画像のいずれかを使用しますが、テキストを用いることをお勧めします。

  正しい例:
  

  この例では、矢印の画像によってユーザーがコマンドの結果をイメージしやすくなっています。

  正しい例:
  

  この例では、標準的なシンボル画像をテキストと組み合わせて表示し、ユーザーが理解しやすいようにしています。

  間違った例:
  

  この例では、"取り消し" を表す画像が添えられていますが、テキスト以上の情報が追加されているわけではありません。

• 状態の設定にはコマンド ボタンを使いません。代わりにラジオ ボタンやチェック ボックスを使います。コマンド ボタンは操作を開始するためだけに使います。

分割ボタン

• 最もよく使われるコマンドを既定の動作にします。よく使われるコマンドが複数ある場合は、追加の情報を必要としないものを選択します。
• 最もよく使われるコマンドがユーザーの直前の選択である場合は、ボタン ラベルを直前の選択に変更します。
• 既定のコマンドはメニューに太字で表示します。既定のコマンドが動的に変わる場合や、テキストの代わりに画像が使われている分割ボタンの場合は特に、どれが既定のコマンドであるか、ユーザーが把握しやすくなります。

既定値

• ダイアログ ボックスには必ず 1 つ、既定のコマンド ボタンを置きます。この際、最も安全 (データの消失やシステム アクセスが失われることを防ぐため) で、最もセキュリティの高いコマンドを選択します。安全性およびセキュリティを判断要素として考える必要がない場合は、最もよく使用されるコマンドまたは最も便利なコマンドを選択します。
• リスクのある操作は既定のコマンド ボタンにしません。ただしそのコマンドの処理を容易に元に戻す方法がある場合を除きます。

推奨されるサイズと間隔

コマンド ボタンに推奨されるサイズと間隔

ラベル

• コマンド ボタンにはすべてラベルを付けます。
• ラベルとして画像のみを使用する場合は、適切なテキスト ラベルを名前プロパティに割り当てます。この方法に従うと、スクリーン リーダーなどの支援テクノロジ製品で、画像に関する代替情報を提供できるようになります。

  

  これは画像のみのボタンですが、内部的に "戻る(P)"、"次へ(N)"、"コピー(C)" というラベルが付けられています。

• 省略形の参照ボタン (「...」というラベルが付けられています) の内部ラベルは "参照" にします。
• 一意のアクセス キーを割り当てます。ガイドラインについては、「キーボード」を参照してください。

  次の場合は例外です。

  • [OK]、[キャンセル] ボタンにはアクセス キーを割り当てません。これは、Enter キーが既定のボタン (通常は [OK] ボタン) のアクセス キー、Esc キーが [キャンセル] ボタンのアクセス キーになっていることが理由です。これらのボタンにアクセス キーを割り当てないことで、他のアクセス キーの割り当てが容易になります。
  • 省略形の参照ボタン (「...」というラベルが付けられます) にはアクセス キーを割り当てません。これは、一意な割り当てができないためです。
• ラベルは汎用的な内容ではなく、具体的になるようにします。ラベル以外のものを読まなくてもユーザーが意味を理解できることが理想です。一般にユーザーは、静的テキストよりも、コマンド ボタンのラベルを優先的に読む傾向があります。
  • 例外: [キャンセル] ボタンのラベルは、何を取り消すのかがあいまいであっても変更しないでください。ユーザーがすべてのラベルを読まなくても、どのボタンが操作を取り消すものであるかがわかるようにするためです。ただし、保留中の処理が複数ある場合など、どの操作が取り消されるのか明確でない場合は、別のラベルを使用してかまいません。

  許容される例:
  

  この例では、[OK] および [キャンセル] ボタンは許容できますが、内容が具体的ではありません。

  より良い例:
  

  この例では、[CD の書き込み] の方が、[OK] よりも具体的です。

  間違った例:
  

  この例では、[CD の書き込みをしない] ではなく [キャンセル] を使うべきです。

• ラベルは動詞の命令形で始め (英語の場合)、ボタンで実行される操作を明確に記述します。末尾に句読点は付けません。
  • 例外: 次のような標準的なラベルには上記の制限はありません: [詳細設定]、[戻る]、[詳細]、[進む]、[簡易表示]、[詳細表示]、[新規]、[次へ]、[いいえ]、[OK]、[オプション]、[前へ]、[プロパティ]、[設定]、[はい]
• 短いラベルをお勧めしますが、コマンドを十分に説明するものでなければなりません。対象がコンテキストからはっきりわからない場合は、直接目的語 (動詞の前に名詞) を使用します。ラベル以外のものを読まなくてもユーザーが意味を理解できることが理想です。

  許容される例:
  

  このように短いラベルは、その意味がコンテキストでわかる場合は許容できます。

  より良い例: ([追加] では明確でない場合)
  

  この例では、動詞の前に名詞 (目的語) を添えて、処理対象を明確にしています。

  最も良い例: ([追加] や [アイテムの追加] では明確でない場合)
  

  この例では、ラベルだけで処理内容が明確に言い表されています。

• センテンス スタイルの大文字化を使用します。これは Windows のトーンに従ったものです。また、コマンド ボタンには短い語句を使います。
  • 例外: 古いアプリケーションでは、大文字/小文字の形式が混在しないように、タイトル スタイルの大文字化を採用することもできます。
• コマンド ボタンのラベルに "今すぐ" という語を入れないでください。コマンド ボタンである以上、即座に実行されることは明らかです。
  • 例外: タスクが即座に実行されるコマンドとそうでないコマンドを区別する必要がある場合には、"今すぐ" という語を使用できます。

    

    この例では、コマンド ボタンをクリックすると、ダウンロード用のウィンドウまたはページに切り替わります。

    

    このコマンド ボタンをクリックすると、直ちにダウンロードが始まります。

    "今すぐ" というラベルを付けることができるのは、各タスク フローに 1 つのコマンドだけです。たとえば、[今すぐダウンロード] コマンドの後に別の [今すぐダウンロード] コマンドが続かないようにします。

• 当面は処理をしない (後回しにする) という意味のコマンド ボタンのラベルに、"後で" という語を使わないでください。たとえば "後でインストール" というラベル ("今すぐインストール" と対比) は、このコマンドを実行してしばらくすると自動的にインストールされる場合にのみ使用します。代わりに "インストールしない" または "キャンセル" を使用します。

  間違った例:
  

  この例の [後で再起動] は、しばらくすると自動的に再起動される、と誤解されるおそれがあります。

• [詳細設定] ボタンは、詳しい知識のあるユーザー向けか、または高度な知識が必要なオプションにのみ使います。技術的に高度な機能を呼び出すボタンという意味では使わないでください。たとえばプリンターのホチキス綴じ機能は、ここでいう詳細設定オプションではなく、カラー管理システムは詳細設定オプションです。

  間違った例: (上記の意味での詳細設定オプションではない場合)
  

  この例の [詳細設定] というラベルは誤解を与えます。

  正しい例:
  

  このラベルはより意味が具体的で正確です。

• 他のウィンドウを開くコマンド ボタンについては、サブ ウィンドウのタイトル バーに表示される文字列、またはその一部をラベルに入れてください。たとえば、"フォルダーを参照" というダイアログ ボックスを開くコマンド ボタンは、ラベルを "参照" とする、ということです。このように同じ語句を一貫して入れておくと、ユーザーにとって操作の流れがわかりやすくなります。
• 問い合わせに対する応答ボタンは、その内容に合ったラベルにしてください。はい/いいえで答える問い合わせに対して、[OK]/[キャンセル] ボタンは使用しません。

  正しい例:
  

  このラベルは問い合わせに対する応答ボタンとして適切です。

  間違った例:
  

  このラベルは問い合わせに応答するボタンになっていません。

• さらに情報を入力するよう求める場合は、ラベルの末尾に省略記号を付けます。
  • 例外: 画像ラベルには省略記号を付けません。

  正しい例: ([印刷オプション] ダイアログが表示される場合)
  

  この例のボタンをクリックすると [印刷オプション] ダイアログが現れ、追加情報を入力するよう求められます。

• 他のウィンドウを表示すること自体が目的であるボタンのラベルには、省略記号を付けません。[バージョン情報]、[詳細設定]、[オプション]、[プロパティ]、[ヘルプ] などのコマンドに省略記号を付けることはありません。

  間違った例:
  

  このボタンをクリックすると [オプション] ダイアログが表示されますが、ユーザーがさらに情報入力を求められることはありません。

• 省略記号を付けるかどうか判断に迷う場合 (ラベルに動詞がないなど) は、ユーザーが何を目的としてこのコマンドを実行しようとするかを基準として判断します。最もありがちな目的が、単にウィンドウに表示される情報を見ることであれば、省略記号は不要です。

  正しい例:
  他の色...
  バージョン情報

  1 つ目の例では、ユーザーは一般に色の選択を目的としてこのコマンドを実行するので、省略記号を付けます。2 つ目の例では、多くの場合ユーザーはバージョン情報を見ようとしてこのコマンドを実行するので、省略記号は不要です。

• 同じウィンドウ上に参照ボタンが複数ある場合は、省略形のボタン ("..." というラベルが付けられます) を使用します。参照ボタンを並べて表示する場合は、常に省略形のボタンを使います。
• 方向ボタンについては、単一の山かっこを使って処理の向きを表します。

次の表に、一般的なコマンド ボタンのラベルとその使用方法を示します。

コミット ボタン ([OK]、[キャンセル]、[はい]、[いいえ]、[閉じる]、[停止]、[適用]、[完了]、[終了] など) のラベルに関するガイドラインは、「ユーザー インターフェイスのテキスト」を参照してください。

ドキュメント

コマンド ボタンに言及するときは、以下のことに留意します。

• 大文字と小文字の区別を含め、ラベルのテキストを正確に引用します。ただし、アクセス キーを示すかっこや下線付き文字、および省略記号は含めません。"ボタン" という語は含めません。
• ユーザー操作を説明する場合は、"クリック" を使用します。
• ラベルは半角の角かっこ ([ ]) で囲み、可能な場合は太字にします。

例: [印刷] をクリックするとドキュメントが印刷されます。