APP弹窗设计规范大全

弹窗是什么？

弹窗是为了让用户回应，需要用户与之交互的窗口。

存在于应用的多种场景中，需要用到不同的弹窗类型，满足跟用户交流的信息传达与操作。

弹窗在产品中的地位相当于一个小助手，在用户迷茫的时候，告诉用户如何做（引导）；在用户与产品进行交互操作时，告诉用户接下来会发生什么（提示）；甚至在用户沉浸在体验中的时候，轻微告知用户需要知道的信息（传达）。

优秀的弹窗具备什么条件

1. 视觉设计

简洁

弹窗其实是一种干扰的信息提示，这时候考虑用户可能正沉浸在产品体验中，如果被强行打断，那么也要告诉用户WHY？

就像此前iOS 13系统，低电量提醒弹窗的出现，可能用户正在手机游戏过程中，这时候能够快速了解发生了什么，才能做出操作。

易懂

正如可用性原则中说的一样，当用户看到一个页面，应该一目了然知道它是什么意思的。

特别是标题与内容、按钮文案，需要统一或者需要区分的地方，一定要清晰，如果需要引导用户操作，可以在按钮设计上做文章。

快速

快速响应，是一个弹窗的基本素养。什么是快速响应呢？

特别是在网络状况不好的情况下，更应该给予用户反馈的状态。比如用户操作了一个需要付费或者消费的行为，那么这时候需要告知用户当前的状况，如果等你网络好了再告诉用户发生了什么，用户早已经被吓跑。

2. 交互要求

可识别

文案与显示图片需清晰，按钮间的字体颜色需让用户了解按钮的作用与说明，采取对比色进行区分。特别是按钮文案的配色，尽量在突出信息的情况下，也让用户清晰文字信息。

可操作

对话弹窗是需要操作的，首先一定存在可关闭操作，其次就是直接操作；对于用户来说，需要怎样的操作，取决于TA自己的选择，想不想要确定还是取消，是用户的主动行为。

可控制

在既定场景里，如果与场景有关的信息提示，那么不应该进行页面跳转或者覆盖掉用户的操作当前界面，否则容易造成视觉影响甚至产生歧义。