次の方法で共有


標準アイコン

手記

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

標準アイコンは、Windows の一部であるエラー、警告、情報、疑問符のアイコンです。

4 つの標準アイコン のスクリーン ショット

標準エラー、警告、情報、疑問符のアイコン。

標準アイコンには、次の意味があります。

  • エラー アイコン。 ユーザー インターフェイス (UI) で、発生したエラーまたは問題が表示されています。
  • 警告アイコン。 UI は、将来問題を引き起こす可能性のある状態を示しています。
  • 情報アイコン。 UI には有用な情報が表示されています。
  • 疑問符アイコン。 UI はヘルプ エントリ ポイントを示します。

標準アイコンは、タスク ダイアログメッセージ ボックスバルーン通知など、多くの Windows アプリケーション プログラミング インターフェイス (API) に組み込まれているため注目に値します。 また、インプレース メッセージ および ステータス バーで一般的に使用されます。

注: アイコン に関連する ガイドラインについては、別の記事で説明します。

設計の概念

適切な標準アイコンを選択する際には、いくつかの要因があります。これは、それらが誤って頻繁に使用される理由を部分的に説明しています。 最も一般的な間違いは次のとおりです。

  • 軽微なエラーに警告アイコンを使用する。 警告は "ソフト化" エラーではありません。
  • アイコンをまったく使用しない方が良い場合は、標準アイコンを使用します。 すべてのメッセージにアイコンが必要なわけではありません。
  • 小さな問題に対して警告を表示したり、定期的な質問を警告として表示したりして、ユーザーを驚かさせます。 そうすることで、プログラムは危険になりやすく、本当に重大な問題を損ないます。

このセクションの残りの部分では、これらの一般的な間違いを回避するために標準アイコンについて考える方法について説明します。

メッセージの種類と重大度

基になる問題の重大度ではなく、メッセージの種類に基づいて標準アイコンを選択します。 メッセージの種類は次のとおりです。

  • エラー。 発生したエラーまたは問題。
  • 警告。 将来問題が発生する可能性がある条件。
  • 情報。 有用な情報。

そのため、エラー メッセージはエラー アイコンを受け取る可能性がありますが、警告アイコンは表示されません。 軽微なエラーを "和らげる" 方法として警告アイコンを使用しないでください。 したがって、重大度の違いにもかかわらず、"正しくないフォント サイズ" はエラーですが、"この操作を続行すると家が起動します" という警告が表示されます。

適切なメッセージの種類の決定

一部の問題は、強調と言い回しに応じて、エラー、警告、または情報として表示されます。 たとえば、Web ページが現在の Windows Internet Explorer の構成に基づいて署名されていない ActiveX コントロールを読み込むことができないとします。

  • エラー。 "このページでは、署名されていない ActiveX コントロールを読み込めません。"(既存の問題と表現されます。
  • 警告。 "Windows Internet Explorer が署名されていない ActiveX コントロールを読み込むよう構成されていないため、このページが期待どおりに動作しない可能性があります。" または "このページに署名されていない ActiveX コントロールのインストールを許可しますか? 信頼されていないソースからこれを行うと、コンピューターに悪影響を与える可能性があります。(両方とも、将来の問題を引き起こす可能性のある条件として表現されます)。
  • 情報。 "署名されていない ActiveX コントロールをブロックするように Windows Internet Explorer を構成しました。"(事実のステートメントとして表現されます。

適切なメッセージの種類を特定するには、ユーザーが知る必要がある問題の最も重要な側面に焦点を当てます。 通常、問題によってユーザーの続行がブロックされた場合、エラーとして表示されます。ユーザーが続行できる場合は警告です。 そのフォーカスに基づいて メイン命令 またはその他の対応するテキストを作成し、テキストに一致するアイコン (標準またはそれ以外の場合) を選択します。 メイン命令のテキストとアイコンは常に一致する必要があります。

過酷

重大度は、エラー、警告、および情報アイコンの中から選択する際の考慮事項ではありませんが、重大度は、標準アイコンを使用する必要があるかどうかを判断する際の要因です。

アイコンは、視覚的な通信に使用する場合に最適です。 (アクセシビリティ上の理由から、この視覚的な通信は、テキストやサウンドなどの別の形式と常に冗長である必要があることに注意してください)。ユーザーは、情報の性質と応答の結果を一目で確認できる必要があるため、重大なエラーと警告を通常の対応するエラーと警告と区別する必要があります。 重大なエラーと警告には、次の特性があります。

  • これには、次の 1 つ以上の損失が発生する可能性があります。
    • データ損失や財務損失などの貴重な資産。
    • システム アクセスまたは整合性。
    • 機密情報のプライバシーまたは制御。
    • ユーザーの時間 (30 秒以上など、かなりの量)。
  • 予期しない結果や意図しない結果が生じる。
  • 間違いを簡単に修正できず、元に戻せない可能性があるため、現在は正しい処理が必要です。

重大でないエラーや警告を重大なエラーと区別するために、通常、重要でないメッセージはアイコンなしで表示されます。 そうすることで、重要なメッセージに注意を引き付け、クリティカルメッセージと非クリティカルメッセージを視覚的に区別し、Windowsトーンと一致します。

すべてのメッセージにアイコンが必要なわけではありません。 アイコンはメッセージを装飾する方法ではありません。

次に示す重要な警告は、以前に定義した特性を満たすので、適切な例です。

データする

この例では、重大な警告によって、元に戻せない可能性のあるデータ損失がユーザーに警告されます。

ただし、次の例は意図的である可能性が高く、結果が簡単に元に戻されるため、重要ではありません。

不正解:

警告アイコン 誤解を招くような使用のスクリーン ショット

この例では、この 確認 は、意図的で簡単に元に戻す可能性があるため、重要ではありません。

一般的な UI では、ほとんどのエラーはユーザー入力エラーに関連しています。 ほとんどのユーザー入力エラーは簡単に修正でき、続行する前に修正する必要があるため、重要ではありません。 また、わずかなユーザーミスに注意を引きすぎているのは、Windowsのトーンに反しています。 そのため、通常、マイナー ユーザー入力エラーはエラー アイコンなしで表示されます。 重要ではない性質を強化するために、これらをユーザー入力の問題と見なします。

ユーザーに正しい入力スクリーン ショット

この例では、この小さなユーザー入力の問題は重要ではないので、ダイアログ ボックスに表示されるときにアイコンは必要ありません。

過大な警告を回避する

Windows プログラムではオーバーウォーンが行われています。 一般的な Windows プログラムには、一見あらゆる場所に警告アイコンがあり、ほとんど意味がないものに関する警告が表示されます。 一部のプログラムでは、ほぼすべての質問が警告として表示されます。 オーバーウォーニングは、プログラムを使用すると危険な活動のように感じられ、本当に重大な問題から損なわれます。

データ損失の可能性だけでは、警告アイコンを呼び出すには不十分です。 さらに、望ましくない結果は、予期しない、または意図しないものであり、簡単には修正できません。 そうしないと、誤って回答された質問が解釈され、何らかのデータが失われ、警告アイコンが表示される可能性があります。

本当に重大な問題に警告アイコンをフォーカスするには:

  • 問題がユーザーの注意を高める必要があることを確認します。 定期的な確認 と質問に警告アイコンを含めることはできません。
  • 警告アイコンの結果として、ユーザーの動作が異なる可能性がありますか? ユーザーは決定をより慎重に検討する可能性がありますか?

不正解:

不必要にスクリーン ショット

この例では、警告アイコンが原因でユーザーがこの質問に異なる方法で回答する可能性がありますか?

  • 何か重要なアクションや行う決定はありますか? アクションのない警告は、ユーザーにパラノイドを感じさせるだけです。

不正解:

アラームスクリーン ショット

この通知が警告である理由 ユーザーは何をする必要がありますか (心配する以外に)。

文脈

コンテキスト自体が情報を伝達するため、コンテキストは標準アイコンを使用する際にも考慮されます。 具体的には:

  • ダイアログ ボックス (タスク ダイアログやメッセージ ボックスを含む) と通知には重要でないエラーのアイコンは必要ありませんが、インプレース エラーには常にエラー アイコンが必要です。 そうしないと、このような非モーダル フィードバックを見落とすのが簡単すぎます。
  • インプレース警告では、通常のテキストと区別するために、常に警告アイコンが必要です。
  • ダイアログ ボックス、通知、吹き出しには、情報アイコンが明確に表示されるため、情報アイコンは必要ありません。 これに対し、バナーには 16 x 16 ピクセルの情報またはその他のアイコンが必要です。このような非モーダル フィードバックは見過ごしやすいためです。

コンテキストはアイコンの使用において重要な要素であるため、この記事の標準的なアイコン ガイドラインはコンテキストの観点から説明されています。

標準アイコンの妥当性の評価

UI テキストを評価するときは、標準アイコンも読み取ってください。 エラー アイコンは "error!"、警告アイコンは "警告、ここでは非常に注意してください"、情報アイコンは "attention!" と読み取ります。 次に、メイン命令、コンテンツ領域、コミット ボタンなど、残りのコンテキストを引き続き読み取ります。 各標準アイコンの意味とトーンが、コンテキストの意味とトーンと一致していることを確認します。 そうでない場合は、問題が見つかりました。

1 つだけ行う場合...

各標準アイコンの意味とトーンが、コンテキストの意味とトーンと一致していることを確認します。 一致しない場合は、アイコンを変更または削除します。

ガイドライン

注: 次のガイドラインでは、ウィザード、プロパティ シート、コントロール パネルのアイテム ページのコンテンツ領域内など、通常のウィンドウ サーフェス上の "インプレース" を意味します。

全般

  • 基になる問題の重大度ではなく、メッセージの種類に基づいて標準アイコンを選択します。
    • エラー。 発生したエラーまたは問題。
    • 警告。 将来問題が発生する可能性がある条件。
    • 情報。 有用な情報。
  • 問題がさまざまなメッセージの種類にまたがっている場合は、ユーザーが対処する必要がある最も重要な側面に焦点を当てます。
  • アイコンは、常にメイン命令または他の対応するテキストと一致する必要があります。

正解:

エラー テキスト で使用されるエラー アイコンのスクリーン ショット

不正解:

エラー テキストスクリーン ショット

正しくない例では、標準の警告アイコンがメイン命令と一致しません (エラーが発生します)。

アイコンのサイズ

  • コンテキストに基づいて標準のアイコン サイズを選択します:

    文脈 使用するタイミング
    ダイアログ ボックス
    コンテンツ領域のアイコンには 32 x 32 ピクセルを使用します。脚注領域アイコンの場合は 16 x 16 ピクセル。
    インプレース
    エラー ページには 32 x 32 ピクセルを使用します。他のすべての 16 x 16 ピクセル アイコン。
    通知
    16 x 16 ピクセル のアイコンを使用します。
    風船
    16 x 16 ピクセル のアイコンを使用します。
    バナー
    16 x 16 ピクセル のアイコンを使用します。

エラー アイコン

  • エラーまたは問題が発生した場合にのみエラー アイコンを使用する:

    文脈 使用するタイミング
    ダイアログ ボックス
    重大なエラーにのみ使用します。 (重大でないエラーには標準アイコンを使用しないでください)。
    エラー メッセージ で使用されるエラー アイコンを示すスクリーンショット
    インプレース エラー
    すべてのエラーに使用します。
    エラー メッセージと共に使用されるエラー アイコンのスクリーン ショット。
    通知
    重大なエラーにのみ使用します。 (アクションの失敗の場合)。
    通知エラー メッセージで使用されるエラー アイコンを示すスクリーンショット。
    風船
    使用しないでください。 バルーンは重大なエラーには使用しないでください。また、重大でないエラーのエラー アイコンは必要ありません。
    バナー
    使用しないでください。 バナーはエラーに使用しないでください。
  • 一般に、重要でないユーザー入力の問題にはエラー アイコンは必要ありません。 ただし、インプレース エラーにはアイコンが必要です。そうしないと、このようなコンテキスト フィードバックを見落とすのが簡単すぎるためです。

  • タスク ダイアログの場合は、エラー脚注アイコンを使用しないでください。 エラー アイコンはコンテンツ領域にのみ表示する必要があります。

警告アイコン

  • 警告アイコンは、将来問題が発生する可能性がある場合にのみ使用します:

    文脈 使用するタイミング
    ダイアログ ボックス
    すべての警告に使用します。
    ファイル名拡張子の変更 に関するスクリーン ショットの警告
    インプレース警告
    テキストを警告として識別するために使用します。
    十分な空き領域が不足しているスクリーン ショット
    通知
    すべての警告に使用します。 (重要でないシステム イベント の場合)。
    バッテリ残量不足の警告通知スクリーン ショット
    風船
    特別な条件 に使用します。
    スクリーン ショット
    バナー
    バナーに注意を引くために使用します。
    tpmスクリーン ショット
  • 警告アイコンを使用して、重大でないエラーを "柔らかく" しないでください。 エラーは警告ではなく、エラー アイコンのガイドラインを適用します。

  • 質問ダイアログの場合は、重大な結果を伴う質問に対してのみ警告アイコンを使用します。 日常的な質問には警告アイコンを使用しないでください。

正解:

システムの復元 を停止しないというスクリーンショットの警告

不正解:

アラームスクリーン ショット

正しくない例では、定期的な質問に対して警告アイコンが誤って使用されています。

  • タスク ダイアログでは、警告脚注アイコンを使用して、危険な結果をユーザーに警告できます。 ただし、コンテンツ領域または脚注領域には警告アイコンを使用しますが、両方を使用することはできません。

安全でない可能性があるファイルの に関するスクリーン ショットの警告

この例では、脚注に黄色のセキュリティ シールドが使用されています。

情報アイコン

  • 情報アイコンは、コンテキストが明らかに情報を提示していない場合にのみ使用します:

    文脈 使用するタイミング
    ダイアログ ボックス
    使用しないでください。
    インプレース
    使用しないでください。 代わりに、プレーンな静的テキストまたはバナーを使用します。
    通知
    使用しないでください。
    風船
    使用しないでください。
    バナー
    バナーに注意を引くために使用します。
    設定情報がスクリーン ショット
  • ダイアログ ボックス、通知、吹き出しのコンテキストは、ユーザーに情報を提供していることを十分に伝えるため、情報アイコンは必要ありません。

  • タスク ダイアログの場合は、情報脚注アイコンを使用しないでください。 脚注は十分に見え、情報であることは言うまでもありません。

疑問符アイコン

  • 疑問符アイコンは、ヘルプ エントリ ポイントに対してのみ使用します。 詳細については、ヘルプ エントリ ポイント ガイドラインを参照してください。
  • 疑問符アイコンを使用して質問しないでください。 ここでも、ヘルプ エントリ ポイントにのみ疑問符アイコンを使用します。 疑問符アイコンを使用して質問する必要はありません。質問として主な指示を提示するだけで十分です。
  • 疑問符アイコンを警告アイコンに定期的に置き換えないでください。 疑問符アイコンを警告アイコンに置き換えるのは、質問に重大な影響がある場合のみです。 それ以外の場合は、アイコンを使用しません。