短暫與持久回饋

Toast|短暫通知

用於不需下一步、也不需日後回看的短成功結果;看見即可,幾秒後才適合收起。

常見俗稱:短暫通知、成功提示、吐司通知、Toast、浮動成功訊息

60 秒決策

先確認使用者要完成的事。

適合使用

  • 操作已成功,使用者不需要再按任何東西,也不需要日後回看這個結果。
  • 訊息可以短到一眼讀完,並能在主要工作不中斷的情況下離開。

不適合使用

  • 使用者需要修正錯誤、做選擇、復原資料,或可能因忙碌而錯過這個結果。
  • 訊息本身是任務的一部分,例如邀請、審核、權限或需要追蹤的系統事件。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

只放一件已完成的小事

「已儲存成員角色」夠了;不要在同一個 Toast 裡塞入設定摘要、錯誤原因和三個按鈕。

位置固定,內容短

同一產品的 Toast 應出現在一致位置,讓人掃一眼就辨識它是回饋,而不是新工作。

收起前先確認它真的可被錯過

自動收起只適合不需下一步的成功結果;錯過它也不會讓使用者做錯或少做一件事。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

尚未出現

畫面不預留空白 Toast,只有完成一個短操作後才顯示。

顯示成功

用簡短 status 訊息回報完成;鍵盤焦點仍留在原本的操作處。

自動收起

只在內容不需要處理或追蹤時,才在固定短時間後收起。

再次操作

下一次成功操作可更新或重新顯示 Toast,不讓多個相同訊息堆滿畫面。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 儲存角色成功

    先觀察:Toast 是否只回報成功結果、沒有多餘操作,並在倒數後自己收起。

    操作:點選「儲存角色」,觀察右上角的成功 Toast 與狀態文字。

    預期結果:Toast 顯示「已儲存成員角色」,焦點仍留在儲存按鈕,約 4 秒後自動收起。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

在 LumenDesk 的成員設定中,按下「儲存角色」且成功後,於畫面右上角顯示 Toast:「已儲存成員角色」。這是一個沒有下一步操作的短暫成功結果,使用適合的 status 語意讓螢幕閱讀器得知,但不要移走鍵盤焦點。Toast 內容要短,約 4 秒後自動收起;不要把錯誤、待處理事項或 Undo 放進這個會消失的元件。

驗收清單

不要只確認欄位能不能點。

  • 這則訊息是否真的不需要下一步?
  • 若使用者錯過它,是否仍能安全繼續工作?
  • 文字是否短到能快速掃讀?
  • 動態結果是否以適合的 status 語意告知輔助科技?
  • Toast 出現時是否不搶走鍵盤焦點?
  • 是否避免把錯誤、待辦或復原操作放進自動消失的 Toast?