"Button-States"
- 互動回饋三層模型:點擊確認、等待指示、結果通知
使用者操作後的回饋依時間分層,缺層的症狀是重複提交與重複導航 — 診斷「按了沒反應」與多步驟流程卡狀態問題的檢查框架,涵蓋按鈕級與畫面級兩個尺度。
- 按鈕狀態設計:一個按鈕的完整生命週期
按鈕每種視覺狀態各傳達一種系統訊息 — 設計按鈕互動、無障礙焦點與非同步回饋時的狀態清單依據。
- Debounce(防連點)
說明合併短時間內重複觸發的技巧,以及 leading-edge 與 trailing-edge 兩種執行語意在按鈕防連點上的差別
- U.C5 匯出按鈕按下零回饋 — 狀態機完備但 UI 沒接線
Flutter app 匯出設定頁的確認匯出按鈕 onPressed 是空 callback,按下畫面毫無變化 — 使用者無法分辨匯出成功、進行中、還是功能根本沒做。ViewModel 的 idle/inProgress/completed/failed 狀態機早已完備,缺的只是頁面接線與三層回饋