按鈕到底顯示「當前狀態」還是「待執行動作」?這個困擾設計師數十年的問題,作者通過物理世界與數字界面的對比研究,給出四種處理策略的適用場景判斷框架。

「啟用/停用」按鈕:到底是狀態還是動作?歧義極強
按下一邊亮、另一邊滅。無標識也無妨:試錯成本極低,即時反饋(亮/滅)即狀態顯示。

撥到 HOLD 端露出紅條,另一端無色。用顏色強隱喻「危險/鎖定」狀態,零認知負擔。

凸起按鈕暗示「可按」(動作),背景燈亮/滅顯示開/關(狀態)。動態與靜態視覺通道分離,互不干擾。


| 策略 | 適用場景 | 經典案例 |
|---|---|---|
| 1. 狀態動作分離顯示 | 歧義成本高、空間允許 | 賬戶管理列表:狀態列+操作列分欄(圖9) |
| 2. 忽略狀態、突出動作 | 執行後狀態可直接感知 | 播放/暫停鍵(圖5)、視圖切換(圖6)——結果即反饋 |
| 3. 忽略動作、突出狀態 | 動作入口固定、狀態難感知 | 隨機播放開關(圖7)——狀態標識為主,動作弱化 |
| 4. 具象仿生/擬物化 | 利用現實心智模型降低學習成本 | 手機撥動開關(圖10)——物理隱喻自帶狀態+動作雙重語義 |





左喇叭小→右喇叭大,中間滑塊既是操縱桿又是刻度,水槽隱喻直觀;對比僅左側圖標變化的版本,認知負荷差異巨大。
作者:Tony Lee | 來源:aliued.cn