互動狀態詞條 4-04

停用Disabled State

也常叫做：停用狀態、Disabled、灰色按鈕

你可能會這樣說

表單必填欄位還空著的時候，送出按鈕整個變灰，點了沒反應；填完之後按鈕自動恢復成可以按的樣子。想在自己的報名表單做一樣的行為。

停用（disabled）狀態表示「這個元件現在不能操作」：條件還沒滿足時先把它關起來，等條件補齊再自動打開。

樣式上通常是變灰、降低對比，游標也不再顯示手指，讓人一眼分辨「不是壞掉，是還不能按」。

更貼心的做法是說明原因：例如按鈕下方出現「還差電子郵件欄位」，不然灰按鈕只會讓人狂點加疑惑。

✕ 沒有停用狀態

欄位還空著照樣能按，按下去才跳出一堆錯誤。

✓ 先停用＋說原因

條件不夠先變灰、禁止點擊，下方還說明「還缺電子郵件」。

停用不是把按鈕藏起來：變灰＋禁止游標＋說明還缺什麼，使用者才不會狂點加疑惑。

圖 4-5　左邊按了才挨罵，右邊先變灰說原因——停用是一種善意。

中文就可以

幫報名表單的送出按鈕加上停用邏輯：
1. 必填欄位有缺漏時，按鈕變灰且無法點擊。
2. 欄位補齊後立即恢復，不需要重新整理頁面。
3. 按鈕下方即時顯示還缺哪些欄位。
4. 停用狀態下游標顯示禁止符號。