Status Indicator 狀態指標

概述

狀態指標是一種用於傳達系統、元件或流程狀態的視覺元件。它們以簡潔的方式提供資訊,幫助使用者快速了解當前情況,並預測接下來可能發生的事情。

使用時機

狀態指標常用於以下情境:

  • 系統監控:顯示伺服器、網路、應用程式等系統的運行狀態。
  • 裝置狀態:顯示硬體裝置的狀態,例如電池電量、網路連線、儲存空間等。
  • 流程狀態:顯示訂單、任務、申請等流程的狀態。
  • 資料狀態:顯示資料的同步狀態、更新狀態等。
  • 使用者狀態:顯示使用者的在線狀態、活動狀態等。

使用規範

當您取用狀態指標元件進行設計時,應考慮以下原則:

  • 一致性:在同一應用程式中,相同意義的狀態指標樣式應保持一致。
  • 適當位置:狀態指標應放置在與其相關的元件或内容附近,以便使用者快速判讀。
  • 考量認知負荷:當介面情況不需要使用者操作或狀態資訊不夠重要時,請考慮使用純文字而非狀態指標。介面中超過5或6個指標容易分散使用者注意力。
  • 添加輔助文字 (選擇性):使用文字來補充說明狀態,例如「運行中」、「已完成」、「發生錯誤」。

設計範例

  1. 資訊 (Info):顯示一般性資訊或提示,例如系統通知、更新提醒、操作說明等。
  2. 警告 (Warning):表示潜在問題或需要使用者注意的情況,例如儲存空間不足、帳戶安全風險、操作可能導致的後果等。
  3. 錯誤 (Error):表示操作失敗或系統出現錯誤,例如網路連線失敗、檔案無法開啟、輸入驗證錯誤等。
  4. 成功 (Success):表示操作成功完成或系統處於正常狀態,例如檔案儲存成功、訂單提交成功、系統運行正常等。
  5. 幫助 (Help):提供使用者協助或引導,例如連結到說明文件、顯示操作提示等。
  6. 禁用 (Disable):表示元件或功能無法使用,例如按鈕不可點擊、選項不可選擇、輸入欄位不可編輯等。
回頁首