通知中心和 onboarding 是兩件常被做混的事:通知是「持久紀錄」,使用者隨時回來都該看得到;toast 只是一閃而過的提示,不該拿來當通知用。這章把 bell badge、即時更新、入門 checklist、tooltip/popover/coach mark 的用途與界線講清楚。當你要設計鈴鐺紅點、規劃新手引導、或猶豫「這該用 tooltip 還 popover」時翻這頁。
這是什麼
頂部列鈴鐺圖示搭配未讀數字角標;下拉依今天/昨天分組,並可一鍵全部標為已讀。
什麼時候用
系統有與使用者相關的事件需要即時提醒,但不必每次都打斷主要工作。
這是什麼
滑鼠移入或鍵盤聚焦時顯示的一行說明文字;純圖示按鈕需另加無障礙標籤。
什麼時候用
圖示或縮寫按鈕意義不明、或按鈕因權限暫時無法使用需說明原因時。
這是什麼
點按鈕後在旁邊彈出小面板,可放表單、連結或次要動作;按 Esc 或點外部關閉。
什麼時候用
需要在不離開目前頁面的前提下完成簡短操作(邀請成員、快速設定)時。
這是什麼
新功能導覽:每步聚光指向一個介面元素並附說明,顯示進度,全程可略過。
什麼時候用
首次使用或重大改版時,引導使用者完成關鍵第一步;步數控制在三到五步。
這是什麼
新用戶設定清單:進度條、逐步打勾、當前步驟展開說明與行動按鈕,且可關閉不再強迫顯示。
什麼時候用
新帳號或新工作區需要引導完成建專案、邀請成員、串接資料等關鍵設定時。
22-dashboard-page),同一元件勿重複實作。這是什麼
依時間分組的活動紀錄,每列呈現「誰做了什麼、對哪個對象、何時」;可放在儀表板區塊或獨立頁。
什麼時候用
團隊需要查看客觀事件流(非個人未讀通知)時,例如專案動態、系統匯入完成。
15-pagination)。