做产品 PMaker
空格的键盘
3
数字提示
有几条没处理
新功能上线了
气泡提示
引导注意某处
账户余额不足,请充值
全局提示
重要状态变化
系统维护公告
消息公告
长内容,主动去看
现在
你关注的商品降价了
推送
人不在应用里

五种形式,打扰程度递增。选错的代价不是难看,是用户学会了忽略你的所有提示。

Five forms of hints

Match the hint's intensity to the stakes. Use a modal for something trivial and users learn to click through without reading.

What you will run into
  • 用户对所有弹窗都直接点确定,从来不看内容
  • 重要的提示被做成了轻提示,一闪而过没人注意到
  • 推送发多了,用户直接关掉了通知权限

Five forms

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

Three levels: weak, medium, strong

Pick the form after you have judged the stakes. There is only one test: if the user does nothing, does something break?

强 · 弹窗 必须立刻处理的错误 不处理就没法继续 中 · 全局横幅 状态变化,成功提示 要知道,但不必马上动 弱 · 气泡 / 红点 可看可不看的信息 不处理也没影响 越级使用的代价:用户对这一档的所有提示都脱敏 弹窗用滥了,真出事的时候他也是闭眼点确定

Warning, hint, error

Sorted by intent, there are only three kinds — and each has a different tone and landing spot.

类型目的例子
警告 提前告诉他后果,但不拦着 「确定删除这些文件吗?这个操作不可恢复」
提示 帮他做得更好,不是纠正错误 「为了账户安全,建议用更复杂的密码组合」
错误 说清出了什么问题,怎么改 「密码错误,请重新输入」
A warning works by pausing the user, not blocking them. Turn it into a wall and they start clicking OK on autopilot — at which point the warning is dead.