共用方式為


狀態列 (設計基本概念)

注意

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

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

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

一般狀態列的螢幕快照

一般狀態列。

注意

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

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

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

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

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

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

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

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

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

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

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

    Windows Internet Explorer 中的紅色網址列。

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

設計概念

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

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

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

如果你只做一件事...

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

使用模式

狀態列有數種使用模式:

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

指引

常規

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

介紹

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

圖示

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

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

    正確:

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

    不正確:

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

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

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

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

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

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

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

互動

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

發簡訊

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

文件

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