Alert, Banner & Notification — Learning Bundle
警示、橫幅與通知(教學組合)
這個教學組合比較三種回饋。警示(Alert)傳達重要狀態;橫幅(Banner)橫跨一個區域;通知(Notification)會進入之後能回看的訊息流。這個組合不是單一標準狀態模式。
生活中的例子
服務中斷橫幅(Banner)會留在應用程式上方;帳務通知(Notification)也會進入通知中心。
主要部分
- 01狀態訊號
- 02可理解訊息
- 03時間或進度
- 04復原方式
什麼時候用
請依訊息的急迫程度、顯示多久、會送到哪裡,以及影響範圍,選擇合適的回饋模式。
什麼時候不要用
不要堆疊好幾個同樣醒目的橫幅(Banner),也不要用警示(Alert)顯示一般成功。
程式裡的名稱
role="alert" / notification center 上線前要檢查
確認每個成員概念都有自己的名稱與指南,並放在同一個情境中比較。用看得到的規則說明各成員何時適用、哪些組合合理。不可把整組說成單一正式模式,也不可說成能任意互換的做法。
預期成果:用 警示、橫幅與通知(教學組合) (Alert, Banner & Notification — Learning Bundle) 比較其中不同的概念。說清楚各自邊界,再判斷哪些成員適用、哪些可以一起使用。 使用者情境:服務中斷橫幅(Banner)會留在應用程式上方;帳務通知(Notification)也會進入通知中心。 要拆解的教學組合:警示、橫幅與通知(教學組合) (Alert, Banner & Notification — Learning Bundle)。 正式成員指南:警示訊息 (Alert)、Banner 頁首地標 (Banner Landmark)、Web 系統通知 (Web Notification) 這項比較的價值:請依訊息的急迫程度、顯示多久、會送到哪裡,以及影響範圍,選擇合適的回饋模式。 不可把整組當成單一模式的情況:不要堆疊好幾個同樣醒目的橫幅(Banner),也不要用警示(Alert)顯示一般成功。 比較要求:分別列出每個成員概念,說明各自的工作與邊界。把所有成員放進同一個真實情境。指出哪些看得到的訊號會決定採用、組合或排除每個成員。 決策品質:說清楚平台與證據的限制。指出哪些概念可以共存,也要標出錯誤類比、不安全替代,以及應改用其他概念的情況。 驗收條件:讀者能用一句話解釋每個成員,在範例中看出差異,說明採用某個成員或合理組合的理由,並開啟每個成員的正式指南。 證據與限制(證據邊界):這不是正式規範標準。不同來源使用的名稱、範圍和預期做法可能不同。 待確認:目標平台、決策情境、限制,以及採用、組合或排除成員所需的證據。
檢查這份需求
請 AI 程式助手檢查目前如何使用 警示、橫幅與通知(教學組合) (Alert, Banner & Notification — Learning Bundle)。 定義:這個教學組合比較三種回饋。警示(Alert)傳達重要狀態;橫幅(Banner)橫跨一個區域;通知(Notification)會進入之後能回看的訊息流。這個組合不是單一標準狀態模式。 正式環境檢查:確認每個成員概念都有自己的名稱與指南,並放在同一個情境中比較。用看得到的規則說明各成員何時適用、哪些組合合理。不可把整組說成單一正式模式,也不可說成能任意互換的做法。 修改程式前,先列出看到的證據、缺口、嚴重程度,以及最小且安全的修正。