跳到正文

轻提示

Toast

初级通用

轻提示(Toast)是操作后短暂出现、通常会自行消失的状态反馈,不打断你当前的工作。它解决的是“操作有没有成功”的即时确认问题,比如保存完成后显示“修改已保存”。

你可能会说:「我想让用户保存成功后看到一句提示,过一会儿自己消失,也不挡住继续操作。」

动手看看

通知设置
帮助中心
每周工作摘要每周一上午发送到你的邮箱
产品更新提醒有重要功能上线时发送通知
保存修改
上次保存:昨天 18:20
修改已保存通知偏好已更新
显示轻提示
出现位置

试试悬停或聚焦「保存修改」,再切换「显示轻提示」模拟保存后的反馈。它只报一声结果,不要求你停下来处理。

轻提示浮在页面上:右下角会暂时盖住上次保存时间,但左侧的保存按钮仍能操作。真实产品里它通常会在几秒后自行消失;这里用开关模拟关闭。

要点

  1. 1

    只反馈已经发生的事

    你点击保存后,轻提示可以告诉你“修改已保存”。它说的是操作结果,不是让用户接着读一段说明;因为停留时间短,文案越具体,用户越容易扫一眼就明白。

  2. 2

    短暂出现但不打断操作

    轻提示通常浮在页面内容之上,出现一会儿后消失,用户不用先关掉它才能继续工作。放置时也要留意位置,别让它盖住当前要点的按钮或输入内容。

  3. 3

    关键信息要有别的去处

    如果提示消失后,用户还需要核对详情,就把详情留在页面、结果页或通知列表里。轻提示只是即时反馈;像导出失败的原因,也最好有地方能重新查看。

容易混淆的地方

轻提示和弹窗的区别在于:它不要求用户停下来做决定,通常会自行消失;删除账号前的确认更适合弹窗。它也不同于留在页面上的警告提示:如果用户需要反复查看错误原因或修改办法,就让信息持续可见,而不是只闪现几秒。

什么时候用

适合用

  • 后台保存资料成功后,用一句“资料已保存”确认结果,让用户接着编辑其他内容。
  • 用户复制了 AI 工具生成的文本后,显示“已复制”,确认点击确实生效。
  • 表格筛选条件重置完成后,短暂提示“筛选已清除”,同时保留页面上可见的筛选状态。

不适合用

  • 删除项目会连带移除成员数据时,用户需要先理解后果并做决定,用确认弹窗更合适。
  • 表单有多个字段填错,用户需要逐项修正时,把错误写在对应字段旁,别只给一条会消失的提示。
  • 导入大量文件仍在运行时,用户需要知道进度和最终结果,用进度条及持续可查的结果信息更合适。

练一练

你在做一个后台表格。用户点“复制订单号”后,复制已成功,接下来可能马上处理下一行。你会怎样反馈?

让 AI 帮你做

请在“复制订单号”成功后显示轻提示,文案为“订单号已复制”,短暂展示后自行消失,不阻断用户继续操作;复制失败时提供可理解的错误反馈。请说明你把成功和失败反馈分别放在了哪里。

接下来学什么