狀態列 (設計基本概念)
注意
此設計指南是針對 Windows 7 所建立,尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用,但簡報和範例不會反映 我們目前的設計指導方針。
狀態列是主要視窗底部的區域,會顯示目前視窗狀態 (的相關資訊,例如正在檢視的內容,以及) 、背景工作 (,例如列印、掃描和格式化) ,或其他內容資訊 (,例如選取範圍和鍵盤狀態) 。
狀態列通常會透過文字和圖示來指出狀態,但它們也可以有進度指標,以及與狀態相關的命令和選項功能表。
一般狀態列。
注意
與 通知區域 相關的指導方針會在個別文章中呈現。
這是正確的使用者介面嗎?
若要決定使用時機,請考量下列問題:
當使用者主動使用其他程式時,狀態是否相關? 如果是,請使用 通知區域圖示。
狀態專案是否需要顯示通知? 如果是,您必須使用通知區域圖示。
視窗是否為主要視窗? 如果沒有,請勿使用狀態列。 對話方塊、精靈、控制台和屬性工作表不應該有狀態列。
資訊會說明如何使用選取的控制項? 如果是,請改用補充說明或指令標籤,顯示相關聯控制項旁的資訊。
狀態是否有用且相關? 也就是說,使用者是否可能會因為這項資訊而變更其行為? 如果沒有,則不會顯示狀態,或將它放在記錄檔中。
狀態是否重要? 是否需要立即採取動作? 如果是,請以需要注意且無法輕易忽略的表單中顯示資訊,例如 對話方塊 或主要視窗本身。
Windows Internet Explorer 中的紅色網址列。
此程式主要適用于新手使用者嗎? 沒有經驗的使用者通常不會察覺狀態列,因此請在此案例中重新考慮使用狀態列。
設計概念
狀態列是提供狀態資訊的絕佳方式,不需要中斷使用者或中斷其流程。 不過,狀態列很容易忽略。 事實上,許多使用者完全不會注意到狀態列。
此問題的解決方案不是使用大螢幕圖示、動畫或閃爍來要求使用者注意,而是要針對這項限制進行設計。 您可以這麼做來達到此目的:
- 請確定狀態資訊很有用且相關。 如果沒有,請勿提供狀態列。
- 不使用狀態列取得重要資訊。 使用者絕對不需要知道狀態列中的內容。 如果使用者必須看到它,請勿將它放在狀態列中。
如果您只執行一件事...
請確定狀態列資訊很有用且相關,但不重要。
使用模式
狀態列有數種使用模式:
使用狀況 | 範例 |
---|---|
目前視窗狀態 顯示所顯示專案的來源以及任何檢視模式 |
在此範例中,狀態列會顯示檔的路徑。 |
Progress 顯示背景工作的進度,包括具決定性進度列或動畫。 |
在此範例中,狀態列包含進度列,以顯示載入 Internet Explorer 視窗的網頁。 |
內容資訊 顯示使用者目前正在執行之內容的相關資訊。 |
在此範例中,Microsoft 小畫家以圖元顯示選取範圍大小。 |
指導方針
一般
- 如果只有某些使用者需要狀態列資訊,請考慮提供檢視狀態列命令。 如果大部分使用者不需要狀態列,則預設會隱藏狀態列。
- 請勿使用狀態列來說明功能表列專案。 無法探索此說明模式。
簡報
- 停用不適用的強制回應狀態。 強制回應狀態包括鍵盤和檔狀態。
- 移除不適用的非強制回應狀態。
- 依下列順序呈現狀態資訊:目前視窗狀態;進展;和內容資訊。
圖示
選擇容易辨識的狀態圖示設計。 偏好具有唯一外框的圖示,而非方形或矩形形狀圖示。
僅使用純紅色、黃色和綠色的群集來傳達狀態資訊。 否則,這類圖示會混淆。
正確:
不正確:
在不正確的範例中,紅色圖示不小心建議錯誤,造成混淆。
使用圖示變化或重迭來指出狀態或狀態變更。 使用圖示變化來顯示數量或強度的變更。 針對其他類型的狀態,請使用下列標準重迭:
重疊 狀態 警告 錯誤 已停用/已中斷連線 已封鎖/離線 不要太頻繁地變更狀態。 狀態列圖示不應該顯示雜訊、不穩定或要求注意。 眼睛對視覺周邊領域中的變更很敏感,因此狀態變更必須很細微。
對於提供重要狀態資訊的圖示,偏好就地標籤。
未標記的狀態列圖示應該有工具提示。
如需詳細資訊,請參閱 圖示。
互動
- 讓狀態列區域互動,讓使用者直接存取相關的命令和選項。
- 使用看起來像 功能表按鈕 或分割按鈕的控制項。 這些狀態列區域必須有下拉式箭號,以指出它們可點選。
- 在滑鼠向下按一下滑鼠左鍵時顯示功能表,而不是按滑鼠向上。
- 不支援以滑鼠右鍵按一下或按兩下。 使用者不需要在狀態列中進行這類互動,因此他們不太可能嘗試這些互動。
- 在暫留時顯示工具提示。
Text
- 一般而言,請使用簡潔的標籤。 剪下任何可消除的文字。
- 偏好句子片段,而不需結束標點符號。 只有在句子片段未大幅縮短時,才能使用完整句子 (結尾標點符號) 。
- 針對選擇性的進度標籤,表示作業是以動詞 (gerund) 表單開頭的標籤所執行的作業,並以省略號結尾。 例如:「複製...」。 如果作業有多個步驟或正在處理多個物件,此標籤可能會動態變更。
- 請勿使用色彩、粗體或斜體來強調狀態列文字。
- 如需工具提示片語指導方針,請參閱 工具提示和資訊提示。
文件
將狀態列稱為狀態列,而不是狀態列或其他變化。 範例:「目前的頁碼會顯示在狀態列上。」