切換按鈕與圖像更改按鈕

Question

何時使用此功能以及何時使用其他功能？我個人認爲，在兩種不同模式之間切換時，應該使用切換按鈕，但我需要說服工作中的一些人。有關這個主題的任何正式的UI文獻？謝謝

Answer 1

我沒有爲你引用，但作爲一個用戶，我可以告訴你我的期望。

我希望按鈕更改圖像，當您替換另一個動作時，因爲您進入了不同的模式。這與保存工具欄中的房地產等非常相關。例如，您可能有有一個專用的播放按鈕和停止按鈕，其中一個始終處於禁用狀態。使用一個按鈕可節省空間，因爲在任何時候都不會啓用。

當您有一種模式可以啓用或禁用時，我會預期正常的壓低/未壓縮切換按鈕。 Eclipse中的一個例子是「切換標記發生次數」。解壓該切換按鈕並不構成新的操作，而是禁用主動模式。

Answer 2

我傾向於使用切換按鈕（當「開」時按下「stick」按鈕），而不是交換命令按鈕的圖像或標籤。我無法引用任何正式的文獻，但我的印象是，它更容易預測激活產生的行爲並閱讀當前狀態。切換按鈕的外觀和行爲與物理切換按鈕開關（如舊式物理磁帶錄音機上的播放按鈕）一致。它也與選項按鈕，複選框和狀態菜單項一致，都通過外圍圖形設計而不是標籤指示其肯定狀態。當控件看起來像一個命令按鈕（凸起的外觀）時，它被標記爲一個命令按鈕，該標籤指示與任何命令按鈕（例如「連接」）一樣提交的動作。當它看起來像一個狀態指示器（沉沒，就像一個文本框），其標籤顯示其當前狀態（已連接）。

只有在過程中存在簡單的True和False狀態（例如Connected或Not）時才應使用一個切換按鈕。否則，您需要兩個或多個「分段控制」（鄰接切換按鈕）以明確指示替代方案（例如，正向與反向）。這與使用兩個選項按鈕代替複選框類似。

如果您使用文本明確指示激活時提交的操作（如「連接」和「斷開」），則交換標籤可指示按鈕操作中的更改。雖然播放/暫停按鈕是一種事實標準，但我會避免使用圖標或圖像，因爲它可能會混淆用戶的標籤是否指示當前的狀態或它們在激活時的狀態（即，對面）。有一些按鈕可以做某一個，所以用戶不能依賴經驗。一幅圖像不是一個動詞或形容詞，因此用圖像標記就等於使用「在線」和「離線」等文本標籤。即使正確完成，交換標籤也有缺點，即用戶需要做一個奇怪的心智轉換閱讀肯定狀態（「它說我可以斷開，因此我現在必須在線）」。它也可能意味着你需要一個字眼標籤。