短暂提示和警告怎么选?
一句话做出判断
短暂提示不会打断工作,而且很快消失。重要警告会留下或暂停工作,避免你漏看。
要确认操作已完成时,用短暂提示。发生失败、危险或必须立即选择时,用警告。
看看每个界面模式会做什么
先试试每个例子,再看它适合处理什么工作。
Toast
↗ 轻提示
轻提示是不会挡住页面的简短状态消息,通常会自己消失。
自动保存后,角落会安静地显示“更改已保存”,并播报一次。
- 什么时候用
- 低风险操作只需要确认成功,而且不用回应时,就使用轻提示。
- 什么时候不要用
- 重要错误或一定要阅读、照做的说明,不要放在轻提示里。
- 代码里的名称
role="status"
macOS Alert
↗ macOS 警告对话框
macOS 警告对话框(Alert)用于重大选择、失败或确认。用户必须注意并作出回应。
关闭未保存文档时,系统会询问要保存、取消或放弃更改。最安全的默认操作会清楚标出。
- 什么时候用
- 只有在重要情况必须先得到确认或选择,当前任务才能安全继续时才使用。
- 什么时候不要用
- 避免用于常规成功信息、可以就地修正的验证,或可撤销操作的确认;警告过多会让人不读内容就关闭。
- 代码里的名称
AppKit NSAlert / SwiftUI alert
快速比较
| 界面模式 | 最适合 | 不适合 | 代码里的名称 |
|---|---|---|---|
| 轻提示Toast | 低风险操作只需要确认成功,而且不用回应时,就使用轻提示。 | 重要错误或一定要阅读、照做的说明,不要放在轻提示里。 | role="status" |
| macOS 警告对话框macOS Alert | 只有在重要情况必须先得到确认或选择,当前任务才能安全继续时才使用。 | 避免用于常规成功信息、可以就地修正的验证,或可撤销操作的确认;警告过多会让人不读内容就关闭。 | AppKit NSAlert / SwiftUI alert |
上线前检查
- 01
先写下用户要完成什么事。
- 02
测试键盘、焦点、触控、缩放、加载、空白与错误状态。
- 03
不用鼠标悬停或动画,也要能取得相同信息。
- 04
放入真实内容,并在小屏幕和大屏幕上测试。
04
可以直接复制的比较需求
团队还不知道该选哪一种界面模式时,可以复制这段需求。
请在 轻提示(Toast)、macOS 警告对话框(macOS Alert) 中,为真实用户流程选出最合适的界面模式。判断规则:短暂提示不会打断工作,而且很快消失。重要警告会留下或暂停工作,避免你漏看。。请写下任务、内容量和打断流程的代价,并检查键盘、触控、加载、错误与减少动态效果。说明选择理由,再沿用项目的设计系统,做出最小且无障碍的版本。