操作完成、系統有狀況、欄位填錯，該用哪一種回饋？這章把 Toast、Banner、Inline alert 三者的分工講清楚，避免你把所有訊息都塞進 toast。當你要決定「這則訊息要跳哪裡、停多久」，或想用 Undo toast 取代刪除前確認時，就翻這頁對一下規格。
這是什麼
操作完成用短暫提示、系統狀態用頂部橫條、欄位錯誤跟著該欄位或區塊顯示，各司其職。
什麼時候用
設計任何回饋前先選類型，避免用短暫提示承載嚴重錯誤，或讓欄位錯誤跑到畫面角落。
| 類型 | 用途 | 位置 | 停留 |
|---|---|---|---|
| Toast | 操作完成（success / info / mild error） | top-right 或 bottom-center | 一般 3–5 秒、含 action ≥ 10 秒 |
| Banner | 系統級持續訊息 | page / section 頂部 | 手動關閉 |
| Inline alert | 欄位 / section 錯誤 | 當地 | 直到修正 |
這是什麼
畫面角落的短暫提示：純訊息約三秒消失，有「復原」等按鈕至少留十秒；要有圖示與文字，不能只靠顏色分辨。
什麼時候用
儲存成功、刪除完成等操作後用；可手動關閉，滑過可暫停倒數；同時最多堆疊少量幾則。
這是什麼
可以救回的刪除或封存，做完後用「復原」提示取代事前再問一次；無法救回仍用確認彈窗。
什麼時候用
刪除可在幾秒或幾分鐘內還原時優先這樣做，減少確認疲勞；影響他人或無法還原時仍要事先確認。
這是什麼
頁面頂部全寬橫條，用來提醒配額、驗證、付費或維護等需要一直看到的訊息。
什麼時候用
訊息在修好或升級前都相關時用；不要拿來當廣告，同一頁最多一兩則。
這是什麼
錯誤或警告顯示在出問題的欄位或區塊旁邊，其他區塊仍可照常操作。
什麼時候用
表單驗證、單一區塊載入失敗時用；需要重試時在當地提供「重試」連結或按鈕。
這是什麼
依影響範圍選顯示方式：單欄錯誤在欄位下、整表在表單頂、整頁用橫條、暫時性操作用短暫提示、系統掛掉用整頁錯誤畫面。
什麼時候用
越嚴重、影響範圍越大，提示越往上層；不要所有錯誤都用同一種方式。
| 嚴重度 | 顯示方式 |
|---|---|
| 單一欄位 | Inline error |
| 整個表單 | Form 上方 banner |
| 整頁 | Page banner |
| 暫時性操作 | Toast |
| 系統不可用 | Full-page error（見 狀態 章） |