Thinking Orbs：AI 產品的「正在思考」狀態設計，不只是 loading spinner

AI UX / Micro-interaction

Thinking Orbs：AI 產品等待狀態的情境化設計

Thinking Orbs 是給 AI 助理、agent、語音介面使用的 animated thought-orb loading indicator。它不改變模型能力，但會改變使用者如何感知等待：從「系統卡住」變成「正在思考 / 處理」。

官方頁面描述：orbs.jakubantalik.com 將它定位為 dotted thought-orb loading indicators for AI and agent UIs，提供六種 hand-tuned states、兩種尺寸、自動 dark/light theme。

適合場景	為什麼比 spinner 好	注意事項
AI assistant / chat	讓「正在推理、查資料、呼叫工具」更有語境。	仍要搭配文字狀態，例如「正在查 KB」「正在生成摘要」。
Agent workflow	可把等待分成 planning、tool use、review、done 等狀態。	不要用炫動畫掩蓋慢或失敗；長任務應顯示進度/可取消。
語音介面	orb 可作為 listening / thinking / speaking 狀態切換。	需避免過度動態造成干擾，尤其是 mobile。
SaaS / portfolio	快速提升 AI 產品質感，讓 demo 比純文字 loading 更可信。	微互動不是核心能力；不能替代可靠性與 latency 優化。

Kate 判斷

這類元件很小，但值得放進 AI 產品設計 checklist。很多 AI tool 的功能其實可用，輸在「狀態太冷」：使用者不知道 agent 是否在想、是否卡住、是否正在調工具。Thinking Orb 應該搭配可解釋狀態文字、取消按鈕、錯誤恢復與 transcript，而不是單獨當裝飾。

設計 checklist：

補充來源：
Official component: https://orbs.jakubantalik.com/

來源：
Threads: https://www.threads.com/@bing_sunzhi/post/DbE7TowAetC