决策指南 · 02

短暂提示和警告怎么选?

一句话做出判断

短暂提示不会打断工作,而且很快消失。重要警告会留下或暂停工作,避免你漏看。

要确认操作已完成时,用短暂提示。发生失败、危险或必须立即选择时,用警告。

01

看看每个界面模式会做什么

先试试每个例子,再看它适合处理什么工作。

Toast

轻提示

↗

轻提示是不会挡住页面的简短状态消息,通常会自己消失。

V.预览
轻提示toast
自动保存后,角落会安静地显示“更改已保存”,并播报一次。
什么时候用
低风险操作只需要确认成功,而且不用回应时,就使用轻提示。
什么时候不要用
重要错误或一定要阅读、照做的说明,不要放在轻提示里。
代码里的名称
role="status"
打开完整指南
macOS Alert

macOS 警告对话框

↗

macOS 警告对话框(Alert)用于重大选择、失败或确认。用户必须注意并作出回应。

原创情境示例macOS 警告对话框
关闭未保存文档时,系统会询问要保存、取消或放弃更改。最安全的默认操作会清楚标出。
什么时候用
只有在重要情况必须先得到确认或选择,当前任务才能安全继续时才使用。
什么时候不要用
避免用于常规成功信息、可以就地修正的验证,或可撤销操作的确认;警告过多会让人不读内容就关闭。
代码里的名称
AppKit NSAlert / SwiftUI alert
打开完整指南
02

快速比较

界面模式最适合不适合代码里的名称
轻提示Toast 低风险操作只需要确认成功,而且不用回应时,就使用轻提示。 重要错误或一定要阅读、照做的说明,不要放在轻提示里。 role="status"
macOS 警告对话框macOS Alert 只有在重要情况必须先得到确认或选择,当前任务才能安全继续时才使用。 避免用于常规成功信息、可以就地修正的验证,或可撤销操作的确认;警告过多会让人不读内容就关闭。 AppKit NSAlert / SwiftUI alert
03

上线前检查

  1. 01

    先写下用户要完成什么事。

  2. 02

    测试键盘、焦点、触控、缩放、加载、空白与错误状态。

  3. 03

    不用鼠标悬停或动画,也要能取得相同信息。

  4. 04

    放入真实内容,并在小屏幕和大屏幕上测试。

04

可以直接复制的比较需求

团队还不知道该选哪一种界面模式时,可以复制这段需求。

请在 轻提示(Toast)、macOS 警告对话框(macOS Alert) 中,为真实用户流程选出最合适的界面模式。判断规则:短暂提示不会打断工作,而且很快消失。重要警告会留下或暂停工作,避免你漏看。。请写下任务、内容量和打断流程的代价,并检查键盘、触控、加载、错误与减少动态效果。说明选择理由,再沿用项目的设计系统,做出最小且无障碍的版本。

自行复制

浏览器无法自动复制。请选择下方文字,再自行复制。