关于弹窗的设计「日常随笔」

      弹窗在我的理念中整体上可以分为两大类，一类是强制性弹窗，一类是弱性弹窗。

强制性弹窗

定义：

一些强制提示类，必须要用户主动点击确定，或取消的这类弹窗，称之为强制性弹窗。

适用场景：

一般应用于重大决定会带来无法挽回的影响，或者需要担心用户出错需要用户再次确认的场景。如：

警告类提示（如删除时提示删除后不可恢复等）；

再次确认提示（如退出淘宝订单页时会有再次确认等）

弹窗细分：

强制性弹窗其实还可以再细分为两类。即时性_强制性弹窗和延时性_强制性弹窗。

即时性_强制性弹窗：

弹窗出现后用户可以立即点击确定或取消，甚至可以不看提示内容。这种弹窗较为常见。

延时性_强制性弹窗：

弹窗出现后用户要等待5～10妙后（倒计时）或将内容阅读完后，确定或取消按钮才会亮起，用户方能操作，这种出现场景较少，主要用于强制用户阅读相关内容。如用户协议，用户要拉到底部才可以点击确认，或者要倒计时5妙后才能确认。

弱性弹窗

定义：

一些简单的，无需用户操作，仅需用户知晓的一些提示，即提示出现后几秒会自动消失，或者在页面上一直存在但不会影响用户继续操作其他事项的这类提示，统称为弱性弹窗。

适用场景：

一般应用于给用户反馈，或者告知用户结果，但不需要打扰用户的场景。如：

反馈提示（如用户保存了，我们会简单的提示他保存成功等）

表单错误提示（如手机号码不正确，则在表单文本框下会有显性提示，但不影响用户操作行为等）

总结

弹窗的使用需要视场景而定，如果此处比较重要，一定要让用户再次确认或者警告用户该操作可能引发的后果时，必须使用强制性提示，即使该提示会打断用户行为，阻断用户体验。其他场景基本都可以用弱性提示。

若有疑问，也可添加contsun微信号交流。