通知區域
通知區域會提供通知和狀態。 設計良好的程式會適當地使用通知區域,而不會令人惱火或分心。
通知區域是任務列的一部分,可提供通知和狀態的暫存來源。 它也可以用來顯示桌面上沒有存在之系統和程式功能的圖示。
通知區域中的專案稱為通知區域圖示,如果已清楚建立通知區域的內容,則為圖示。
通知區域、時間和日期螢幕快照
通知區域。
若要讓使用者在 Windows 7 中控制桌面,預設不會顯示所有通知區域圖示。 相反地,除非用戶升級至通知區域,否則圖示會顯示在通知區域溢位中。
通知區域溢位。
附注: 與 任務列、通知 相關的指導方針,以及 氣球 會以個別文章呈現。
這是正確的使用者介面嗎?
若要決定,請考慮下列問題:
您的程式是否需要顯示通知? 如果是,您必須使用通知區域圖示。
圖示是否暫時顯示以顯示狀態變更? 如果是,視下列因素而定,通知區域圖示可能適用:
狀態是否有用且相關? 也就是說,使用者是否可能會監視圖示,並因為這項資訊而變更其行為? 如果沒有,則不會顯示狀態,或將它放入記錄檔中。
不正確:
在此範例中,磁碟驅動器活動圖示不合適,因為使用者不太可能根據它變更其行為。
狀態是否重要? 是否需要立即採取動作? 如果是,請以需要注意且無法輕易忽略的方式顯示資訊,例如 對話框。
針對 Windows 7 設計的程式可以使用程式任務列按鈕上的重迭圖示來顯示狀態變更,以及任務欄按鈕進度列來顯示長時間執行工作的進度。
此功能是否已經有「桌面狀態」? 也就是說,當執行時,此功能是否出現在桌面上的視窗中(可能最小化)? 如果是,請直接在任務欄按鈕上顯示程式 狀態列中的狀態列、其他狀態區域,或 Windows 7 的狀態。 如果功能沒有桌面狀態,您可以使用圖示來存取程式並顯示狀態。
圖示主要是為了啟動程式或快速存取其功能或設定嗎? 如果是,請使用 [開始] 功能表來改為啟動程式。 通知區域不適用於快速程式或命令存取。
快速啟動工具列的
在此範例中,Windows Vista 會使用快速啟動來快速啟動 Windows Explorer 和 Windows Internet Explorer。
針對專為 Windows 7 設計的程式,用戶可以釘選任務欄按鈕以快速存取程式。 程式可以使用跳躍清單或縮圖工具列,直接從程式的工具列按鈕存取常用命令。 預設不會在 Windows 7 中顯示 [快速啟動] 區域。
任務列和跳躍清單的螢幕快照
在此範例中,跳躍清單用於快速命令存取。
設計概念
Windows 桌面
Windows 桌面具有下列程式存取點:
- 工作區。 用戶可以執行其工作的螢幕上區域,以及儲存程式、檔和其快捷方式。 雖然從技術上看,桌面包含任務欄,但在大部分內容中,它只是指工作區。
- [開始] 按鈕。 所有程式和特殊 Windows 位置的存取點(文件、圖片、音樂、遊戲、計算機、控制面板),以及「最近使用過的」清單,可快速存取最近使用的程式和檔。
- 快速啟動。 用戶所選取程式的直接存取點。 快速啟動已從 Windows 7 中移除。
- 任務列。 執行具有桌面狀態之程式的存取點。 在技術上,任務欄會從 [開始] 按鈕到通知區域跨越整個橫條,但在大部分內容中,任務欄是指介於兩者之間的區域,其中包含任務欄按鈕。 此區域有時稱為任務帶。
- Deskbands。 不建議使用。
- 通知區域。 通知和狀態的短期來源,以及桌面上沒有存在之系統與程序相關功能的存取點。
Windows 桌面存取點包含 [開始] 按鈕、任務列和通知區域。 請注意任務列按鈕的縮圖功能。
桌面是一個有限的共享資源,是用戶進入 Windows 的進入點。 讓使用者保持控制。 您應該如預期使用桌面區域,將任何其他使用方式視為濫用。 例如,永遠不要將桌面區域視為宣傳您的程式或其 品牌的方法。
適當地使用通知區域
通知區域原本是通知和狀態的暫存來源。 其效率和便利性鼓勵開發人員提供其他用途,例如啟動程式和執行命令。 不幸的是,隨著時間推移,這些新增功能使得通知區域太大且嘈雜,並混淆了其用途與其他桌面存取點。
Windows XP 藉由讓區域可折疊並隱藏未使用的圖示來解決縮放問題。 Windows Vista 藉由移除不必要的令人惱火的通知來解決雜訊問題。 Windows 7 已進一步將通知放在通知來源的原始用途上。 大部分的圖示預設會隱藏在 Windows 7 中,但可由使用者手動升級至通知區域。 若要讓使用者控制其桌面,您的程式無法自動執行此升級。 Windows 仍會暫時升級隱藏圖示的通知。
通知區域和溢位螢幕快照
在 Windows 7 中,預設會隱藏大部分通知區域圖示。
此外,Windows 7 還直接支援任務欄按鈕中的許多功能。 具體來說,您可以使用:
- 跳躍清單和縮圖工具列,以快速存取常用命令。
- 顯示執行中程序狀態的重迭圖示。
- 任務列按鈕進度列,以顯示長時間執行工作的進度。
簡言之,如果您的程式具有桌面狀態,請充分利用 Windows 7 任務欄按鈕功能,以達到這些目的。 讓通知區域圖示著重於顯示通知和狀態。
讓使用者保持控制
保持使用者控制的範圍超出正確使用通知區域。 視您圖示的性質而定,您可能想要讓使用者執行下列動作:
- 拿掉圖示。 您的圖示可能會提供相關的實用狀態,但即便如此,使用者可能也不想看到它。 Windows 可讓使用者隱藏圖示,但此功能不容易探索。 若要讓使用者保持控制,請在圖示的作功能表上,提供通知區域中的 顯示圖示 選項。 請注意,移除圖示並不需要影響基礎程式、功能或程式。
- 選取要顯示的通知類型。 您的通知必須有用且相關,但可能有使用者不想要查看的通知。 FYI 通知特別如此。 讓使用者選擇啟用較不重要的專案。
- 暫停選擇性功能。 圖示可用來顯示沒有桌面顯示狀態的功能狀態。 這類功能通常是長時間執行、選擇性的背景工作,例如列印、編製索引、掃描或同步處理。 使用者可能想要暫停這類功能,以提高系統效能、降低耗電量,或因為其離線。
- 結束程式。 提供更適合這些選項:
- 暫時結束程式。 當 Windows 重新啟動時,程式會停止並重新啟動。 此方法適用於重要的系統公用程式,例如安全性程式。
- 永久結束程式。 當 Windows 重新啟動時,程式會停止且不會重新啟動(除非使用者選擇稍後重新啟動)。 使用者不想再執行程式,或想要視需要執行程式,或許可以改善系統效能。
雖然最好在圖示的作功能表上提供大部分的這些設定,但程式的預設體驗應該適用於大部分的使用者。 請勿預設開啟所有專案,並預期用戶會關閉功能。 相反地,預設會開啟重要的功能,並讓用戶視需要啟用其他功能。
如果您只做四件事...
- 請勿濫用通知區域。 它只作為通知和狀態的來源,以及沒有桌面狀態的功能。
- 讓使用者保持控制。 提供適當的選項來控制圖示、其通知和基礎功能。
- 呈現適合大部分用戶的默認體驗。 讓用戶啟用所需的功能,而不是預期他們停用不想要的功能。
- 充分利用 Windows 7 任務欄按鈕功能來顯示狀態,並讓您的程式最常執行的工作更有效率。
使用模式
通知區域圖示有數種使用模式:
標籤 | 價值 |
---|---|
系統狀態和存取 持續顯示以顯示重要但並非重要的系統狀態,並提供相關功能和設定的存取權。 |
需要通知區域圖示的系統功能沒有持續性桌面狀態。 也可以當做通知來源使用。 ![]() 在此範例中,電池、網路和音量圖示會在適用時持續顯示。 |
背景工作狀態和存取 在背景工作執行時顯示,以顯示狀態,並提供功能和設定的存取權。 |
背景進程在沒有桌面狀態時,需要通知區域圖示。 也可以當做通知來源使用。 ![]() 在此範例中,控制中心圖示可讓使用者檢查其狀態,即使它沒有桌面狀態也一樣。 |
暫存事件狀態 具有桌面狀態的程式可以暫時顯示圖示,以顯示重要事件或狀態變更。 |
![]() 在此範例中,會暫時顯示列印和安裝更新的圖示,以顯示重要事件或狀態變更。 |
暫時通知來源 暫時顯示以顯示通知。 在逾時之後移除,或解決基礎問題或執行工作時移除。 |
純通知來源偏好暫存圖示。 不要顯示不會提供實用、相關、動態狀態的圖示,只是因為功能未來可能需要顯示通知。 ![]() 在此範例中,會在顯示新硬體偵測到通知時顯示隨插即用圖示。 |
最小化單一實例應用程式 若要減少任務欄雜亂,單一實例、長時間執行的應用程式可以改為最小化為通知區域圖示。 |
![]() 在此範例中,Windows Vista、Outlook 和 Windows Live Messenger 是單一實例應用程式,可將通知區域圖示降到最低。 只有在下列所有項目都適用時,才請考慮使用此模式:
注意: Windows 7 不再建議使用此圖示模式。 如果您的程式具有桌面狀態,請改用一般任務欄按鈕。 ![]() 在此 Windows 7 範例中,一般任務列按鈕會佔用很少的空間,但受益於 Windows 7 任務欄按鈕功能,包括跳躍清單、重迭圖示和豐富的縮圖。 |
指引
常規
- 每個元件只提供一個通知區域圖示。
- 使用具有 16x16、20x20 和 24x24 像素版本的圖示。 較大的版本會用於高 DPI 顯示模式。
顯示時機
針對暫時通知來源模式:
- Windows 會在顯示通知時顯示圖示。
- 根據其 通知設計 模式移除圖示:
模式 何時移除 動作成功 拿掉通知時。 動作失敗 問題解決時。 非重大系統事件 問題解決時。 選擇性使用者工作 工作完成時。 FYI 拿掉通知時。 針對暫時事件狀態模式,在事件發生時顯示圖示。
若為所有其他模式,在執行程式、功能或程式時顯示圖示,而且圖示 相關,除非使用者已清除通知區域中的 顯示圖示 選項(如需詳細資訊,請參閱 作菜单)。 大部分圖示預設都會在 Windows 7 中隱藏,但可由使用者升階為通知區域。
不要對標準用戶顯示適用於系統管理員的圖示。 記錄 Windows 事件記錄檔中的資訊。
要顯示的位置
- 顯示從通知區域附近的通知區域圖示啟動的視窗。
通知區域附近視窗的
從通知區域圖示啟動的 Windows 會顯示在通知區域附近。
圖示
根據其設計模式選擇圖示:
模式 圖示類型 系統狀態和存取 系統功能圖示 背景工作狀態和存取權 程式或功能圖示 暫時通知來源 程式或功能圖示 暫存事件狀態 程式或功能圖示 最小化單一實例應用程式 程序圖示 通知區域和 outlook 圖示的
在此範例中,Outlook 會針對暫時通知來源使用電子郵件功能圖示,以及最小化應用程式的應用程式圖示。
選擇容易辨識的圖示設計。 偏好在方形或矩形形狀圖示上具有獨特外框的圖示。 讓設計簡單偏好符號而不是逼真的影像。 同時套用其他 航空樣式圖示指導方針。
使用圖示變化或重疊來指出狀態或狀態變更。 使用圖示變化來顯示數量或強度的變更。 針對其他類型的狀態,請使用下列標準重疊。 只使用單一重疊,並找出右下角以取得一致性。
覆蓋 地位 警告 錯誤 已停用/已中斷連線 已封鎖/離線 通知區域的
在此範例中,無線和電池圖示會顯示數量或強度的變化。
通知區域的
在此範例中,會使用重疊來顯示錯誤和警告狀態。
避免在基底圖示中大量純紅色、黃色和綠色。 若要避免混淆,請保留這些色彩以傳達狀態。 如果您的 商標 使用這些色彩,請考慮針對基底通知區域圖示使用靜音色調。
對於 漸進式升級,隨著形勢變得更加緊迫,使用圖示與逐漸更加突出的外觀。
通知區域的
在這些範例中,隨著緊迫性增加,電池圖標的外觀變得更加突出。
不要太頻繁地變更狀態。 通知區域圖示不應該顯示嘈雜、不穩定或需要注意。 眼睛對周邊視覺領域的變化很敏感,因此狀態變化需要微妙。
請勿快速變更圖示。 如果基礎狀態快速變更,請讓圖示反映高階狀態。
不正確:
在此範例中,數據機圖示會顯示閃爍的燈光(硬體數據機確實如此),但這些狀態變更對用戶來說並不重要。
請勿使用長時間執行的動畫來顯示連續活動。 這類動畫是分心的。 通知區域中的圖示存在足以表示連續活動。
簡短、微妙的動畫可接受,以在重要的暫時性、可轉移狀態變更期間顯示進度。
通知區域和無線圖示的螢幕快照
在此範例中,無線圖示會顯示活動指標,以顯示工作正在進行中。
不要閃爍圖示。 這樣做太分心了。 如果事件需要立即注意,請改用對話方塊。 如果事件需要注意,請使用通知。
請勿停用通知區域圖示。 如果圖示目前不適用,請將其移除。 不過,如果使用者可以從圖示啟用,您可以顯示具有停用狀態重疊的已啟用圖示。
通知區域和音量滑桿的螢幕快照
在此範例中,用戶可以啟用圖示的音效輸出。
如需一般圖示指導方針和範例,請參閱 圖示。
互動
注意: 下列按兩下事件應該發生在滑鼠上,而不是滑鼠向下。
暫留
顯示工具提示或資訊提示,指出圖示所代表的內容。
通知區域和工具提示
在此範例中,工具提示可用來描述暫留時圖示。
如需資訊提示文字指導方針,請參閱本文的 文字 一節。
左單鍵
顯示最有可能看到的任何使用者,可能是:
飛出視窗、對話框或程序視窗,具有最實用的設定,且通常執行的工作。 如需簡報指導方針,請參閱 通知區域飛出視窗。
通知區域和飛出視窗的螢幕快照
在這些範例中,按兩下滑鼠左鍵會顯示具有最實用設定的彈出視窗。
狀態飛出視窗。
通知區域和狀態飛出視窗的
在此範例中,按兩下滑鼠左鍵會顯示狀態飛出視窗。
- 相關的控制面板專案。
- 作功能表。
使用者預期按下滑鼠左鍵即可顯示某個專案,因此不會顯示任何專案,因此通知區域圖示似乎沒有回應。
只有在其他選項未套用時顯示作功能表,預設命令會以粗體顯示。 在此情況下,請在滑鼠右鍵上顯示相同的作功能表,以避免混淆。
偏好在對話框上使用彈出視窗, 更輕量型的感覺。 只顯示最常見的設定,並讓它們立即生效,以進行更簡單的互動。 如果使用者按兩下視窗外的任何位置,請關閉彈出視窗。
在相關聯的圖示附近顯示小型視窗。 不過,大型視窗,例如控制面板專案可以顯示在默認監視器的中央。
左按兩下
- 在作功能表上執行預設命令。 一般而言,這會顯示與圖示相關聯的主要UI,例如相關聯的控制面板專案、屬性表或程序視窗。
- 如果沒有預設命令,請執行與左側單鍵相同的動作。
以滑鼠右鍵按兩下
- 以粗體顯示作選單。
作功能表
- 顯示其相關聯圖示附近的作功能表,但遠離任務欄。
- 作菜单可能会视需要包含下列项目,依所列順序排列(確切的文字為引號):
主要命令
開啟 (預設值,先列出粗體)
跑
次要命令
< 分隔符>
暫停/繼續啟用/停用指令 (複選標記)
「最小化至通知區域」(複選標記)
選擇加入通知(複選標記)
[在通知區域中顯示圖示] (複選標記)
< 分隔符>
“Options”
“Exit”
- 移除,而不是停用任何不適用的內容功能表項。
- 針對 [開啟]、[執行] 和 [暫停/繼續] 命令,具體說明正在開啟、執行、暫停和繼續的內容。
在此範例中,Windows Defender 具有特定的 Open 和 Run 命令。
- 使用暫停/繼續執行背景工作、啟用/停用其他所有專案。
- 使用複選標記來表示狀態。 列出並啟用所有狀態,並將複選標記放在目前狀態旁。 請勿停用選項或變更選項標籤,以指出目前的狀態。
正確:
具有複選標記的命令
不正確:
沒有複選標記的命令
在不正確的範例中,Windows Defender 應該使用複選標記來指出目前的狀態。
- 所有背景工作都必須有 Suspend/Resume 命令。 選擇命令應該暫時暫止工作。 使用者可能想要暫時暫停背景工作,以提高系統效能或降低耗電量。 當用戶繼續或 Windows 重新啟動時,會重新啟動暫停的背景工作。
- 如果您的程式有某些使用者可能不想看到的通知,則允許使用者加入宣告或退出不同的通知類型。 FYI 通知模式需要使用者選擇加入,因此預設必須停用這些通知。
通知區域和命令的
在此範例中,Outlook 可讓用戶選擇他們從圖示收到的通知。
- 清除 [在通知區域中顯示圖示] 選項會將圖示從通知區域移除,但不會影響基礎程式、功能或程式。 使用者可以從程式的 [選項] 對話框重新顯示圖示。 當 Windows 重新啟動時,請勿自動重新顯示圖示。
- Exit 命令會結束目前 Windows 工作階段的程式,並移除圖示。 如果無法關閉程式,則不要有 Exit 命令。 重新啟動 Windows 時,程式會重新啟動。 使用者可以從 [選項] 對話框永久結束程式。
- 沒有 About 命令。 這類信息應該由圖示、其資訊提示和作功能表傳達。 如果使用者想要詳細資訊,他們可以檢視主要UI。
- 例外狀況: 圖示適用於沒有桌面顯示狀態的程式,您可能會提供 About 命令。
如需一般作功能表指導方針和範例,請參閱 功能表。
豐富的工具提示
僅使用豐富的工具提示,讓資訊更容易瞭解。 不要只使用豐富的工具提示來裝飾此功能。 如果您無法使用豐富性讓資訊更容易瞭解,請改用純文本工具提示。
不正確:
通知區域的
正確:
通知區域和純工具提示的
在不正確的範例中,行事歷圖示不會讓日期更容易瞭解。
使用簡潔的簡報。 使用簡潔的文字和簡潔的版面配置與 32x32 像素圖示。 寬敞的工具提示有分散注意力的風險,尤其是在無意中顯示時。
請勿在豐富的工具提示中放置顯示互動式的控制項或元素。 工具提示不是互動式的,因此不應該顯示為互動式。 請勿使用藍色或底線文字。
正確:
使用黑色文字的豐富工具提示
不正確:
使用藍色文字的豐富工具提示
在不正確的範例中,目前的電源計劃似乎是連結,但無法按兩下。
通知區域飛出視窗
- 適當時,顯示具有三個區段的通知區域飛出視窗:
- 總結。 顯示圖示工具提示或資訊提示中顯示的相同資訊,可能更詳細。 為了一致性,請使用相同的文字和圖示,以及一般相同的版面配置(如果使用豐富的工具提示)。 與資訊提示不同,使用觸控時可存取這項資訊。
- 一般工作。 直接在飛出視窗中呈現最常執行的工作。
- 相關連結。 提供下列選擇性連結的其中一種類型:
- [控制面板] 中最常執行之工作的連結。 如果經常執行的工作無法在一般工作一節中顯示,請提供 。
- 相關 [控制面板] 項目的連結。 此 [控制面板] 項目應該允許使用者執行無法在一般工作區段中執行的任何工作。
- 特定相關說明主題的連結。 請遵循標準 說明連結指導方針。
通知區域和飛出視窗的螢幕快照
此範例顯示使用建議簡報的通知區域飛出視窗。
選項對話框
- 無法直接從作功能表存取的選項必須位於 [選項] 對話框中。 此對話框可以是功能的控制面板。
-
[選項] 對話框可能會視需要包含下列專案(確切的文字為引號):
- 開啟 [功能名稱] (複選框)
- 清除此選項會永久結束程式。 您可以從其控制面板專案重新啟動程式。 作功能表中的Exit命令只會結束目前 Windows 會話的程式。
- [在通知區域中顯示圖示] (複選框)
- 從通知區域移除圖示不會影響基礎功能。
- 選取此選項可讓使用者還原圖示,當然無法從圖示本身完成。
- 開啟 [功能名稱] (複選框)
- 停用很少使用或可能令人惱火或干擾的功能。 讓使用者 選擇加入這類功能。
如需一般選項對話框指導方針和範例,請參閱 屬性 Windows。
將程式最小化至通知區域
注意:Windows 7 已不再建議將程序視窗最小化至通知區域。 請改用一般 任務列 按鈕。 您的程式可能支援這兩種回溯相容性的機制。
- 若要減少任務欄雜亂,請考慮只在下列所有專案都適用時,才能夠將程式最小化至通知區域:
- 程式只能有單一實例。
- 程式會長時間執行。
- 圖示會顯示狀態。
- 圖示可以是通知來源。
- 這樣做是選擇性的,使用者必須 選擇加入。
- 使用應用程式標題列上的 [最小化] 按鈕,而不是 [關閉] 按鈕。
發簡訊
資訊提示
- 圖示資訊提示應具有下列其中一種格式(其中公司名稱為選擇性):
- (公司名稱)功能、程式或裝置名稱
- 具有公司名稱螢幕快照
- (公司名稱)功能、程式或裝置名稱 - 狀態摘要
- 顯示狀態摘要的資訊提示
- (公司名稱)功能、程式或裝置名稱狀態語句。
-
- (公司名稱)功能、程式或裝置名稱
- 狀態清單,每個項目位於個別行
- 顯示狀態清單螢幕快照
資訊提示片語:
專注於最有用的資訊。 在左側單鍵上顯示其他資訊。
簡潔。 使用句子片段或簡單語句。
請勿使用結尾標點符號,除非提示詞組成完整的句子。
省略不必要的單字。 請勿包含軟體版本或其他多餘的資訊。
不正確:
使用不必要的資訊資訊提示的螢幕快照
在此範例中,資訊提示有多餘的資訊。
請勿說明如何與圖示互動。
不正確:
使用滑鼠右鍵指示
在此範例中,無線網路連線圖示會提供單擊滑鼠右鍵的指示。
文件
參考通知區域時:
- 將通知區域稱為通知區域,而不是系統匣。
參考通知區域圖示時:
- 使用其資訊提示中指定之確切名稱的圖示,包括其大寫,後面接著圖示。
- 如需第一個參考,另請參閱通知區域。
- 可能的話,請使用粗體格式化標題文字。 否則,只有在需要防止混淆時,才將標題放在引號中。
範例: 若要快速檢查網路狀態,請按下通知區域中 網路 圖示。