轻提示
Toast
初级通用轻提示(Toast)是操作后短暂出现、通常会自行消失的状态反馈,不打断你当前的工作。它解决的是“操作有没有成功”的即时确认问题,比如保存完成后显示“修改已保存”。
你可能会说:「我想让用户保存成功后看到一句提示,过一会儿自己消失,也不挡住继续操作。」
动手看看保存通知设置的轻提示
显示轻提示
出现位置
试试悬停或聚焦「保存修改」,再切换「显示轻提示」模拟保存后的反馈。它只报一声结果,不要求你停下来处理。
轻提示浮在页面上:右下角会暂时盖住上次保存时间,但左侧的保存按钮仍能操作。真实产品里它通常会在几秒后自行消失;这里用开关模拟关闭。
要点轻提示怎样把结果告诉用户?
- 1
只反馈已经发生的事
你点击保存后,轻提示可以告诉你“修改已保存”。它说的是操作结果,不是让用户接着读一段说明;因为停留时间短,文案越具体,用户越容易扫一眼就明白。
- 2
短暂出现但不打断操作
轻提示通常浮在页面内容之上,出现一会儿后消失,用户不用先关掉它才能继续工作。放置时也要留意位置,别让它盖住当前要点的按钮或输入内容。
- 3
关键信息要有别的去处
如果提示消失后,用户还需要核对详情,就把详情留在页面、结果页或通知列表里。轻提示只是即时反馈;像导出失败的原因,也最好有地方能重新查看。
容易混淆的地方
轻提示和弹窗的区别在于:它不要求用户停下来做决定,通常会自行消失;删除账号前的确认更适合弹窗。它也不同于留在页面上的警告提示:如果用户需要反复查看错误原因或修改办法,就让信息持续可见,而不是只闪现几秒。
什么时候用
适合用
- 后台保存资料成功后,用一句“资料已保存”确认结果,让用户接着编辑其他内容。
- 用户复制了 AI 工具生成的文本后,显示“已复制”,确认点击确实生效。
- 表格筛选条件重置完成后,短暂提示“筛选已清除”,同时保留页面上可见的筛选状态。
不适合用
- 删除项目会连带移除成员数据时,用户需要先理解后果并做决定,用确认弹窗更合适。
- 表单有多个字段填错,用户需要逐项修正时,把错误写在对应字段旁,别只给一条会消失的提示。
- 导入大量文件仍在运行时,用户需要知道进度和最终结果,用进度条及持续可查的结果信息更合适。
练一练选一个答案,看看解释
你在做一个后台表格。用户点“复制订单号”后,复制已成功,接下来可能马上处理下一行。你会怎样反馈?
让 AI 帮你做复制给 AI Agent 直接用
请在“复制订单号”成功后显示轻提示,文案为“订单号已复制”,短暂展示后自行消失,不阻断用户继续操作;复制失败时提供可理解的错误反馈。请说明你把成功和失败反馈分别放在了哪里。