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)会进入之后能查看的消息流。这个组合不是单一标准状态模式。 生产环境检查:确认每个成员概念都有自己的名称与指南,并放在同一个场景中比较。用看得到的规则说明各成员何时适用、哪些组合合理。不可把整组说成单一正式模式,也不可说成能任意替换的做法。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。