60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者剛觸發一個短暫、局部的工作，系統無法可靠預估完成度。
- 需要說明「正在更新什麼」，但不值得用整頁遮罩或虛假的百分比。
不適合使用
- 工作可計算完成比例，例如上傳、匯入或多步處理；應改用 Progress Bar。
- 初次載入的資料表、卡片或清單已有明確版型；Skeleton 會更能維持畫面脈絡。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
把等待範圍說出來
「正在更新成員清單」比孤立的轉圈圈好；使用者才知道哪一塊資料還沒好。
只放在真正等待的附近
按鈕旁、清單區或小型工作區足夠，不要因為一次重新整理就遮住整個網站。
不知道時間，就不要畫假百分比
Spinner 只承認系統正在處理；有可靠完成度時再改用可讀的進度列。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
可開始
重新整理入口可用，清單仍可讀取上一次成功載入的資料。
正在處理
Spinner 與文字出現，相關區域標示為忙碌；不移走鍵盤焦點。
完成
Spinner 收起，資料摘要更新，局部 status 訊息回報完成。
失敗
停止動畫並說明可重試的範圍；不要讓 Spinner 無限旋轉。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
重新整理成員
先觀察：Spinner 是否只在成員清單等待時出現，且完成後不會留下沒有意義的轉圈。
操作：點選「重新整理成員」。
預期結果：按鈕暫時停用，清單顯示 Spinner 與更新文字；完成後資料摘要更新，焦點仍在原按鈕。
Spinner Demo
不知道完成度時，先說清楚正在更新哪一塊成員管理
共 24 位啟用成員林子安產品設計已同步
陳怡安產品策略已同步
正在更新成員清單…
尚未開始這項載入示範。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 的成員清單中，使用者按下「重新整理成員」後，於按鈕旁與清單區域顯示 Spinner。Spinner 只用於短暫、無法預估完成度的局部等待，文字要說明正在更新什麼，不要用一個全頁大轉圈遮住所有內容。載入期間將相關區域設為忙碌；完成後移除 Spinner、保留鍵盤焦點，並以簡短 status 訊息回報「成員資料已更新」。驗收清單
不要只確認欄位能不能點。
- 是否清楚寫出正在處理哪一件事？
- 等待範圍是否只限相關區域？
- Spinner 是否不搶走鍵盤焦點？
- 進度未知時是否避免假百分比？
- 完成與失敗時是否都會停止動畫？
- 若初次載入已有固定版型，是否評估過 Skeleton？