共用方式為


狀態列 (設計基本概念)

注意

此設計指南已針對 Windows 7 建立,但尚未更新較新版本的 Windows。 大部分指引仍適用原則,但簡報和範例不會反映我們目前的設計指導方針

狀態列是主要視窗底部的區域,會顯示目前視窗狀態的相關信息(例如正在檢視的內容和方式)、背景工作(例如列印、掃描和格式設定),或其他內容資訊(例如選取專案和鍵盤狀態)。

狀態列通常會透過文字和圖示指出狀態,但它們也可以有進度指標,以及與狀態相關的命令和選項功能表。

一般狀態列的螢幕快照

一般狀態列。

注意

通知區域相關的指導方針 會在個別的文章中呈現。

這是正確的使用者介面嗎?

若要決定,請考慮下列問題:

  • 當用戶主動使用其他程式時,狀態是否相關? 如果是,請使用 通知區域圖示

  • 狀態專案是否需要顯示通知? 如果是,您必須使用通知區域圖示。

  • 視窗是主要視窗嗎? 如果沒有,請勿使用狀態列。 對話框、精靈、控制面板和屬性表不應該有狀態列。

  • 資訊主要是狀態嗎? 如果沒有,請勿使用狀態列。 狀態列不得作為次要 選單列工具列

  • 資訊是否說明如何使用選取的控件? 如果是,請改為使用補充說明或指令標籤來顯示相關聯控件旁邊的資訊。

  • 狀態是否有用且相關? 也就是說,使用者是否可能會因為這項資訊而變更其行為? 如果沒有,則不會顯示狀態,或將它放入記錄檔中。

  • 狀態是否重要? 是否需要立即採取動作? 如果是,請以需要注意且無法輕易忽略的窗體顯示資訊,例如 對話框 或主要視窗本身。

    紅色「憑證錯誤」狀態列的螢幕快照

    Windows Internet Explorer 中的紅色網址列。

  • 此程式主要適用於新手使用者嗎? 缺乏經驗的使用者通常不知道狀態列,因此請重新考慮在此案例中使用狀態列。

設計概念

狀態列是提供狀態信息的絕佳方式,不需要中斷使用者或中斷其流程。 不過,狀態列很容易被忽略。 事實上,許多使用者完全不會注意到狀態列,所以很容易。

此問題的解決方案不是使用華麗的圖示、動畫或閃爍來要求使用者注意,而是要針對這項限制進行設計。 您可以執行下列動作:

  • 請確定狀態資訊很有用且相關。 如果沒有,請勿提供狀態列。
  • 不使用狀態列取得重要資訊。 用戶不應該知道狀態列中的內容。 如果用戶必須看到它,請勿將它放在狀態欄中。

如果你只做一件事...

請確定狀態列資訊有用且相關,但並不重要。

使用模式

狀態列有數種使用模式:

用法
目前視窗狀態
顯示所顯示專案的來源以及任何檢視模式
[位置] 狀態列的螢幕快照
在此範例中,狀態列會顯示文件的路徑。
進度
使用確定的進度列或動畫,顯示背景工作的進度。
狀態列的 螢幕快照,其中具有進度列
在此範例中,狀態列包含進度列,以顯示載入 Internet Explorer 視窗的網頁。
內容資訊
顯示使用者目前執行之動作的內容相關信息。
顯示像素數
在此範例中,Microsoft Paint 會以像素為單位顯示選取大小。

指引

常規

  • 如果只有某些使用者需要狀態列資訊,請考慮提供 [檢視狀態列] 命令。 如果大部分使用者不需要狀態列,則預設會隱藏狀態列。
  • 請勿使用狀態列來說明功能表欄專案。 無法探索此說明模式。

介紹

  • 停用不適用的強制響應狀態。 強制回應狀態包括鍵盤和文件狀態。
  • 拿掉不適用的非強制響應狀態。
  • 以下列順序呈現狀態資訊:目前窗口狀態;進展;和內容資訊。

圖示

  • 選擇容易辨識的狀態圖示設計。 偏好在方形或矩形形狀圖示上具有獨特外框的圖示。

  • 僅使用純紅色、黃色和綠色的群集來傳達狀態資訊。 否則,這類圖示會混淆。

    正確:

    具有藍色圖示的狀態欄螢幕快照

    不正確:

    具有紅色圖示的狀態欄螢幕快照

    在不正確的範例中,紅色圖示無意中會建議錯誤,造成混淆。

  • 使用圖示變化或重疊來指出狀態或狀態變更。 使用圖示變化來顯示數量或強度的變更。 針對其他類型的狀態,請使用下列標準重疊:

    覆蓋 地位
    警告圖示的 螢幕快照
    警告
    錯誤圖示的螢幕快照
    錯誤
    已停用/中斷連線圖示的螢幕快照
    已停用/已中斷連線
    封鎖/離線圖示的螢幕快照
    已封鎖/離線
  • 不要太頻繁地變更狀態。 狀態列圖示不應該顯示嘈雜、不穩定或需要注意。 眼睛對周邊視覺領域的變化很敏感,因此狀態變化需要微妙。

  • 如需提供重要狀態信息的圖示,偏好就地標籤。

  • 未標記的狀態列圖示應該有工具提示。

如需詳細資訊,請參閱 圖示

互動

  • 讓用戶能夠直接存取相關命令和選項,讓狀態列區域成為互動式區域。
    • 使用看起來像 功能表按鈕 或分割按鈕的控件。 這些狀態列區域必須有下拉式箭號,才能指出它們可點選。
    • 在滑鼠左鍵上顯示功能表,而不是按滑鼠向上。
    • 不支援以滑鼠右鍵按兩下或按兩下。 使用者不需要在狀態列中進行這類互動,因此他們不太可能嘗試這些互動。
  • 在暫留時顯示工具提示。

發簡訊

  • 一般而言,請使用簡潔的標籤。 剪下任何可以消除的文字。
  • 偏好句子片段,而不結束標點符號。 只有在句子片段沒有明顯縮短時,才使用完整句子(結尾標點符號)。
  • 針對選擇性進度標籤,指出作業是以動詞 (gerund form) 開頭的標籤所執行的作業,並以省略號結尾。 例如:「複製...“。 如果作業有多個步驟或正在處理多個物件,此標籤可能會動態變更。
  • 請勿使用色彩、粗體或斜體強調狀態列文字。
  • 如需工具提示片語指導方針,請參閱 工具提示和資訊提示

文件

將狀態列視為狀態列,而非狀態列或其他變化。 範例:「目前的頁碼會顯示在狀態列上。」