做产品 PMaker
空格的键盘空格的键盘
设计交互

提示的五种形式

提示的五种形式 | 设计交互 | 做产品

提示的五种形式

提示要跟事情的严重程度匹配。用弹窗报一条无关紧要的消息,用户下次就学会了闭眼点确定。

你会遇到的现象

  • 用户对所有弹窗都直接点确定,从来不看内容

  • 重要的提示被做成了轻提示,一闪而过没人注意到

  • 推送发多了,用户直接关掉了通知权限

五种形式

形式什么时候用长什么样 数字提示有几条待处理的东西图标角上的小红点加数字,不打断任何操作 气泡提示引导用户注意某个新功能屏幕角落的短文本气泡,看不看都行 全局提示重要的状态变化或紧急信息顶部横幅或中央弹窗,覆盖在内容上 消息公告长篇信息,比如维护通知、更新说明专门的公告板块,用户主动点进去看 推送用户不在应用里,但你需要他知道系统通知中心。最贵的一种,用多了会被关掉

除了这五种,还有一批用得少但有用的:工具提示(悬停显示说明)、焦点提示(高亮当前输入框)、进度提示(上传下载的进度条)、确认框(关键操作前拦一道)、动画提示(完成时的打勾动效)。

强中弱三档

选形式之前先判断强度。标准只有一条:这件事用户如果不处理,会不会出问题。

强 · 弹窗 必须立刻处理的错误 不处理就没法继续

中 · 全局横幅 状态变化,成功提示 要知道,但不必马上动

弱 · 气泡 / 红点 可看可不看的信息 不处理也没影响

越级使用的代价:用户对这一档的所有提示都脱敏 弹窗用滥了,真出事的时候他也是闭眼点确定

警告、提示、错误

按目的分,提示语只有三类,它们的语气和落点都不同。

类型目的例子

警告 提前告诉他后果,但不拦着 「确定删除这些文件吗?这个操作不可恢复」

提示 帮他做得更好,不是纠正错误 「为了账户安全,建议用更复杂的密码组合」

错误 说清出了什么问题,怎么改 「密码错误,请重新输入」

警告的关键在于不阻止用户,只给他一个思考的机会。把警告做成拦截,用户会开始机械地点确定,警告就失效了。

接着看

提示语怎么写 形式选定之后,文字怎么写。说明当前状况加引导措施,不用感叹号,句尾不加标点。

四态齐全 错误态用哪一档提示,取决于这个错误影响的是整页还是一个模块。

可撤销优于确认 很多警告其实可以不要。给一次撤销的机会,比事前拦一道更好用。