トレーニング
ラーニング パス
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
このブラウザーはサポートされなくなりました。
Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
注意
この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。 ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には 現在の設計ガイダンスは反映されていません。
通知領域には、通知と状態が表示されます。 適切に設計されたプログラムは、迷惑または気を散らすことなく、適切に通知領域を使用します。
通知領域は、通知と状態の一時的なソースを提供するタスク バーの一部です。 また、デスクトップ上に存在しないシステムおよびプログラム機能のアイコンを表示するために使用することもできます。
通知領域のアイテムは、通知領域のアイコンと呼ばれ、通知領域のコンテキストが既に明確に確立されている場合は単にアイコンと呼ばれます。
通知領域。
Windows 7 でユーザーがデスクトップを制御できるようにするには、既定ですべての通知領域アイコンが表示されるわけではありません。 代わりに、ユーザーが通知領域に昇格しない限り、通知領域オーバーフローにアイコンが表示されます。
通知領域のオーバーフロー。
メモ:タスク バー、通知、吹き出しに関連するガイドラインは、別の記事で示されています。
それを判断するには、以下の質問を考えます。
プログラムで通知を表示する必要がありますか? その場合は、通知領域アイコンを使用する必要があります。
アイコンは、状態の変更を示すために一時的に表示されますか? その場合は、次の要因に応じて、通知領域アイコンが適切な場合があります。
状態は役に立ち、関連性がありますか? つまり、ユーザーはアイコンを監視し、この情報の結果として動作を変更する可能性がありますか? 表示されない場合は、状態を表示しないか、ログ ファイルに保存します。
正しくない:
この例では、ユーザーがそれに基づいて動作を変更する可能性が低いため、ディスク ドライブのアクティビティ アイコンは不適切です。
状態は重要ですか? 即時アクションは必要ですか? その場合は、注意が必要な方法で情報を表示し、 ダイアログ ボックスなど、簡単に無視することはできません。
Windows 7 用に設計されたプログラムでは、プログラムのタスク バー ボタンにオーバーレイ アイコンを使用して状態の変更を表示したり、タスク バー ボタンの進行状況バーを使用して実行時間の長いタスクの進行状況を表示したりできます。
この機能には既に "デスクトップ プレゼンス" がありますか? つまり、実行すると、デスクトップ上のウィンドウに機能が表示されますか (最小化されている可能性があります)。 その場合は、プログラムの ステータス バー、その他のステータス領域、または Windows 7 の場合はタスク バー ボタンにステータスを直接表示します。 この機能にデスクトップのプレゼンスがない場合は、プログラムへのアクセスと状態の表示にアイコンを使用できます。
アイコンは、主にプログラムを起動したり、その機能や設定にすばやくアクセスしたりするためのアイコンですか? その場合は、代わりに [スタート] メニューを使用してプログラムを起動します。 通知領域は、プログラムやコマンドにすばやくアクセスするためのものではありません。
Windows Vista のこの例では、クイック起動を使用して Windows エクスプローラーと Windows インターネット エクスプローラーをすばやく起動します。
Windows 7 用に設計されたプログラムの場合、ユーザーはタスク バー ボタンをピン留めして、プログラムにすばやくアクセスできます。 プログラムでは、ジャンプ リストまたはサムネイル ツール バーを使用して、頻繁に使用されるコマンドにプログラムのツール バー ボタンから直接アクセスできます。 Windows 7 では、サイド リンク バー領域は既定では表示されません。
この例では、クイック コマンド アクセスにジャンプ リストを使用します。
Windows デスクトップには、次のプログラム アクセス ポイントがあります。
Windows デスクトップ アクセス ポイントには、[スタート] ボタン、タスク バー、通知領域が含まれます。 タスク バー ボタンのサムネイル機能に注意してください。
デスクトップは、Windows へのユーザーのエントリ ポイントである、制限付きの共有リソースです。 ユーザーを制御したままにします。 その他の使用は、意図したとおりにデスクトップ領域を使用する必要があります。不正使用と見なす必要があります。 たとえば、プログラムやその ブランドを宣伝する方法としてデスクトップ領域を表示しないでください。
通知領域は、もともと通知と状態の一時的なソースとして意図されていました。 その効率性と利便性により、開発者は、プログラムの起動やコマンドの実行など、他の目的を与えるよう促しています。 残念ながら、これらの追加により、通知領域が大きくなりすぎてノイズが多くなり、その目的が他のデスクトップ アクセス ポイントと混同されました。
Windows XP は、領域を折りたたみ、未使用のアイコンを非表示にすることで、スケールの問題に対処しました。 Windows Vista は不要で迷惑な通知を削除することでノイズに対処しました。 Windows 7 は、通知ソースであることの元の目的に通知に焦点を当てることによって、さらに一歩進んだ。 Windows 7 では、ほとんどのアイコンは既定では非表示になっていますが、ユーザーは手動で通知領域に昇格できます。 ユーザーがデスクトップを制御できるように、プログラムでこのプロモーションを自動的に実行する方法はありません。 Windows では、非表示のアイコンを一時的に昇格することで通知が引き続き表示されます。
Windows 7 では、ほとんどの通知領域アイコンは既定で非表示になっています。
さらに、Windows 7 では、タスク バー ボタン内の多くの機能が直接サポートされています。 具体的には、次のものを使用できます。
要するに、プログラムにデスクトップのプレゼンスがある場合は、これらの目的のためにWindows 7タスクバーボタン機能を最大限に活用してください。 通知領域のアイコンは、通知と状態の表示に重点を置いたままにしておきます。
ユーザーの制御を維持することは、通知領域を正しく使用する以外にも拡張されます。 アイコンの性質に応じて、ユーザーに次の操作を許可することができます。
アイコンのコンテキスト メニューでこれらの設定の大部分を提供することをお勧めしますが、プログラムの既定のエクスペリエンスはほとんどのユーザーに適している必要があります。 既定ではすべてをオンにせず、ユーザーが機能をオフにすることを想定してください。 代わりに、重要な機能を既定でオンにして、ユーザーが必要に応じて追加の機能を有効にできるようにします。
4 つの操作のみを行う場合...
通知領域アイコンには、いくつかの使用パターンがあります。
Label | 値 |
---|---|
システムの状態とアクセス 重要だが重要ではないシステム状態を表示し、関連する機能と設定へのアクセスを提供するために、継続的に表示されます。 |
通知領域アイコンを必要とするシステム機能には、永続的なデスクトッププレゼンスはありません。 通知ソースとしても使用できます。 ![]() この例では、該当する場合は、バッテリー、ネットワーク、ボリュームのアイコンが継続的に表示されます。 |
バックグラウンド タスクの状態とアクセス バックグラウンド タスクの実行中に表示され、状態を表示し、機能と設定へのアクセスを提供します。 |
バックグラウンド プロセスには、デスクトップが存在しない場合に通知領域アイコンが必要です。 通知ソースとしても使用できます。 ![]() この例では、[アクション センター] アイコンを使用すると、デスクトップが存在しない場合でも、その状態をチェックできます。 |
一時的なイベントの状態 デスクトップが存在するプログラムでは、アイコンを一時的に表示して、重要なイベントや状態の変化を表示できます。 |
![]() この例では、重要なイベントや状態の変更を表示するために、更新プログラムを印刷およびインストールするためのアイコンが一時的に表示されます。 |
一時的な通知ソース 通知を表示するために一時的に表示されます。 タイムアウト後、または基になる問題が解決されたとき、またはタスクが実行されたときに削除されます。 |
純粋な通知ソースには、一時的なアイコンが推奨されます。 機能が将来通知を表示する必要がある場合があるため、有用で関連性のある動的な状態を提供しないアイコンは表示しないでください。 ![]() この例では、新しいハードウェア検出通知が表示されている間、プラグ アンド プレイ アイコンが表示されます。 |
最小化された単一インスタンス アプリケーション タスク バーの煩雑さを軽減するために、単一インスタンスで実行時間の長いアプリケーションを、代わりに通知領域アイコンに最小化できます。 |
![]() Windows Vista のこの例では、Outlook と Windows Live Messenger は、通知領域アイコンを最小化する単一インスタンス アプリケーションです。 このパターンは、次のすべてが適用される場合にのみ使用することを検討してください。
メモ: このアイコン パターンは、Windows 7 では推奨されなくなりました。 プログラムにデスクトッププレゼンスがある場合は、代わりに通常のタスクバーボタンを使用してください。 ![]() Windows 7 のこの例では、通常のタスク バー ボタンはスペースをほとんどかかりませんが、ジャンプ リスト、オーバーレイ アイコン、豊富なサムネイルなど、Windows 7 のタスク バー ボタン機能の利点があります。 |
一時的な通知ソース パターンの場合:
Pattern | 削除するタイミング |
---|---|
アクションの成功 |
通知が削除されたとき。 |
アクションの失敗 |
問題が解決されたとき。 |
重要でないシステム イベント |
問題が解決されたとき。 |
省略可能なユーザー タスク |
タスクが完了したとき。 |
Fyi |
通知が削除されたとき。 |
一時的なイベント状態パターンの場合は、イベントが発生している間にアイコンを表示します。
他のすべてのパターンについては、プログラム、機能、またはプロセスが実行されているときにアイコンを表示し、ユーザーが通知領域の [表示] アイコン オプションをオフにしていない限り、アイコンが関連します (詳細については、「コンテキスト メニュー」を参照してください)。 ほとんどのアイコンは Windows 7 では既定では非表示になっていますが、ユーザーが通知領域に昇格させることができます。
管理者向けのアイコンを標準ユーザーに表示しないでください。 Windows イベント ログに情報を記録します。
通知領域から起動された Windows アイコンは、通知領域の近くに表示されます。
デザイン パターンに基づいてアイコンを選択します。
Pattern | アイコンの種類 |
---|---|
システムの状態とアクセス |
システム機能アイコン |
バックグラウンド タスクの状態とアクセス |
プログラムまたは機能アイコン |
一時的な通知ソース |
プログラムまたは機能アイコン |
一時的なイベントの状態 |
プログラムまたは機能アイコン |
最小化された単一インスタンス アプリケーション |
プログラム アイコン |
この例では、Outlook は、一時的な通知ソースに電子メール機能アイコンを使用し、最小化されたアプリケーションのアプリケーション アイコンを使用します。
簡単に認識できるアイコンのデザインを選択します。 四角形または長方形のアイコンよりも、一意の輪郭を持つアイコンを優先します。 現実的な画像よりもシンプルなシンボルを好むデザインを維持します。 その他の Aero スタイルのアイコン ガイドライン も適用します。
アイコンのバリエーションまたはオーバーレイを使用して、状態または状態の変更を示します。 アイコンのバリエーションを使用して、数量または強さの変化を表示します。 その他の種類の状態の場合は、次の標準オーバーレイを使用します。 1 つのオーバーレイのみを使用し、一貫性のために右下に配置します。
オーバーレイ | Status |
---|---|
![]() |
警告 |
![]() |
エラー |
![]() |
無効/切断済み |
![]() |
ブロック/オフライン |
この例では、ワイヤレスアイコンとバッテリーアイコンは数量または強度の変化を示しています。
この例では、オーバーレイを使用してエラーと警告の状態を表示します。
基本アイコンには、純粋な赤、黄、緑のスワットを避けてください。 混乱を避けるために、状態を伝えるためにこれらの色を予約します。 ブランドでこれらの色が使用されている場合は、基本通知領域のアイコンにミュートトーンを使用することを検討してください。
段階的なエスカレーションの場合は、状況がより緊急になるにつれて、徐々に強調された外観のアイコンを使用します。
これらの例では、緊急度が高まるにつれて、バッテリー アイコンの外観がより強調されます。
状態を頻繁に変更しないでください。 通知領域のアイコンは、ノイズの多い、不安定な、または注意を必要としないようにする必要があります。 目は周辺視野の変化に敏感であるため、状態の変化は微妙である必要があります。
アイコンを迅速に変更しないでください。 基になる状態が急速に変化している場合は、アイコンに高レベルの状態を反映させます。
正しくない:
この例では、モデム アイコンに点滅するライトが表示されますが (ハードウェア モデムの場合と同様)、これらの状態の変化はユーザーにとって重要ではありません。
実行時間の長いアニメーションを使用して、継続的なアクティビティを表示しないでください。 このようなアニメーションは気が散ります。 通知領域にアイコンが存在すると、継続的なアクティビティが十分に示されます。
簡潔で微妙なアニメーションは、重要な一時的で推移的な状態の変更中の進行状況を示すために許容されます。
この例では、[ワイヤレス] アイコンにアクティビティ インジケーターが表示され、作業中であることを示します。
アイコンをフラッシュしないでください。 そうすることはあまりにも気が散る。 イベントにすぐに注意が必要な場合は、代わりにダイアログ ボックスを使用します。 それ以外の場合は、イベントに注意が必要な場合は、通知を使用します。
通知領域のアイコンを無効にしないでください。 アイコンが現在適用されていない場合は、削除します。 ただし、ユーザーがアイコンから有効にできる場合は、無効な状態オーバーレイを持つ有効なアイコンを表示できます。
この例では、ユーザーはアイコンからのサウンド出力を有効にすることができます。
一般的なアイコンのガイドラインと例については、「 アイコン」を参照してください。
メモ: 次のクリック イベントは、マウスダウンではなく、マウス上で発生します。
ホバー
アイコンが何を表すかを示すヒントまたはヒントを表示します。
この例では、ヒントを使用して、ホバー時のアイコンを説明します。
ヒント テキストのガイドラインについては、この記事の 「テキスト 」セクションを参照してください。
左クリック
表示する可能性が最も高いユーザーを表示します。次の場合があります。
最も便利な設定と一般的に実行されるタスクを含むポップアップ ウィンドウ、ダイアログ ボックス、またはプログラム ウィンドウ。 プレゼンテーションのガイドラインについては、「 通知領域のポップアップ」を参照してください。
これらの例では、左クリックすると、最も便利な設定を含むポップアップ ウィンドウが表示されます。
状態ポップアップ。
この例では、左クリックすると状態ポップアップが表示されます。
ユーザーは、左クリックで何かを表示することを想定しているため、何も表示されないと、通知領域アイコンが応答しなくなります。
他の選択肢が適用されない場合にのみコンテキスト メニューを表示し、既定のコマンドを太字にします。 この場合は、混乱を避けるために、右クリックに表示されるのと同じコンテキスト メニューを表示します。
ダイアログ ボックスの上にポップアップ ウィンドウを使用して 、より軽量な操作性を実現します。 最も一般的な設定のみを表示し、より簡単な操作のためにすぐに有効にします。 ユーザーがウィンドウの外側をクリックした場合は、ポップアップ ウィンドウを閉じます。
関連付けられているアイコンの近くに小さなウィンドウを表示します。 ただし、コントロール パネル項目などの大きなウィンドウは、既定のモニターの中央に表示できます。
左ダブルクリック
右クリック
プライマリ コマンド
開く (既定値、最初のリスト、太字)
実行
セカンダリ コマンド
< 区切り 記号>
Suspend/resume enable/disable コマンド (チェック マーク)
"通知領域に最小化" (チェックマーク)
通知へのオプトイン (チェック マーク)
"通知領域にアイコンを表示する" (チェックマーク)
< 区切り 記号>
"オプション"
"Exit"
この例では、Windows Defenderには特定の [開く] コマンドと [実行] コマンドがあります。
正確:
正しくない:
正しくない例では、Windows Defenderはチェック マークを使用して現在の状態を示す必要があります。
この例では、Outlook を使用すると、ユーザーはアイコンから受信する通知を選択できます。
一般的なコンテキスト メニューのガイドラインと例については、「 メニュー」を参照してください。
情報を理解しやすくするためにのみ、豊富なツールヒントを使用します。 機能を装飾するためだけに豊富なヒントを使用しないでください。 情報を理解しやすくするために豊富さを使用できない場合は、代わりにプレーンなヒントを使用してください。
正しくない:
正確:
正しくない例では、カレンダー アイコンを使用しても、日付を理解しやすくなります。
簡潔なプレゼンテーションを使用します。 32 x 32 ピクセルのアイコンを使用して、簡潔なテキストと簡潔なレイアウトを使用します。 広々としたツールヒントは、特に意図せずに表示された場合に、気が散るリスクがあります。
対話型に表示されるコントロールや要素は、豊富なツールヒントには含めないでください。 ツールヒントは対話型でないため、対話形式では表示されません。 青または下線付きテキストは使用しないでください。
正確:
正しくない:
正しくない例では、現在の電源プランはリンクのように見えますが、クリックすることはできません。
この例では、推奨されるプレゼンテーションを使用した通知領域のポップアップを示します。
一般的な [オプション] ダイアログ ボックスのガイドラインと例については、「 プロパティ ウィンドウ」を参照してください。
注: Windows 7 では、通知領域へのプログラム ウィンドウの最小化は推奨されなくなりました。 代わりに通常の タスク バー ボタンを使用します。 プログラムでは、下位互換性のために両方のメカニズムがサポートされている場合があります。
ヒントの言い回し:
最も有用な情報に焦点を当てます。 左クリックで他の情報を表示します。
簡潔にします。 文のフラグメントまたは単純なステートメントを使用します。
tip が完全な文として表現されない限り、終了句読点を使用しないでください。
不要な単語を省略します。 ソフトウェア バージョンやその他の余分な情報は含めないでください。
正しくない:
この例では、ヒントに余分な情報が含まれます。
アイコンを操作する方法については説明しないでください。
正しくない:
この例では、[ワイヤレス ネットワーク接続] アイコンで右クリックの手順を示します。
通知領域を参照する場合:
通知領域アイコンを参照する場合:
例:ネットワークの状態をすばやくチェックするには、通知領域の [ネットワーク] アイコンをクリックします。
トレーニング
ラーニング パス
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization