关于弹窗设计，你了解多少

相信大家在用APP，都会出现一个需要用户与产品主动交互或被动交互界面，这种界面统称为弹窗

注意可能就是这种非常常见的弹窗，它也是有很多门路的，一个弹窗设计的好，带来极大的商业变现，当然设计的不好，也是对用户的体验造成不好的影响，导致用户流失，所以在设计弹窗时，要时刻从用户、跟产品两个角度来进行设计，及对其弹出的时机和频率也不得过于频繁，由于弹窗的阻断感极强，弹窗的出现必然伴随体验的牺牲，因此，除非有足够的理由，不然慎用弹窗

在此之前，就要知道什么是弹窗

弹窗的定义： 弹窗就是我们在与产品主动或弹出页面上的容器，其包含文本、按钮、标签、选项等，其主要作用：传递信息，状态反馈，引导操作 弹窗是一种优势和弊端都非常明显的交互形式

弹窗有分为模态弹窗、非模态弹窗

模态弹窗：相对于非模态弹窗，其操作引导是强烈的，他是必须用户对其进行交互才能继续进行或关闭的一种表现，他能够很好的对用户进行操作引导，达到商业转换的作用，同时它的弊端也非常的明显，当用户不情愿的情况下，会误导用户操作，带来不好的体验，甚至用户流失，这里大家可以品一品拼多多这款APP

非模态弹窗 ：非模态弹窗相对于模态弹窗，他的操作引导性就差了很多，他更多的作为一种提示作用，就比如我们在使用微信支付时，出现的弹窗， 他对用户体验的影响可以说是微乎其微，因为用户知道提示与不知道都不会对用户带来如何的损失，

弹窗又分为主动与被动，二者也是字面意思，

主动：就是他主动的跳出现你的面前的目前，这种弹窗大多出现在刚进入APP的活动，这种弹窗大多活动推广或是新手福利，这种弹窗主要为产品带来商业转换/用户留存

被动：被动弹窗他呢，就是需要用户主动对产品进行交互后，就会出现，这种弹窗主要是为防止用户犯错，大多出现在用户在对其决策决策他的设计呢，都是以简单明了，突出信息为主，

再说说关于弹窗的设计

在设计弹窗一定要站在多维的角度思考，很多时候，我们都会从商业角度、公司业务、资源限制等方面考虑问题，但这些未必是用户所需要的，设计师不应该完全按照产品需求做设计

一个优秀的弹窗需要从视觉、交互两方面思考，视觉上简洁、易懂，交互上可操作且可控

同时弹窗的出现时机，也是非常讲究的，错误的出场时机不仅会打断用户操作，还会导致用户进入误操作

当然还可以适当的给予弹窗合适的出场动效，这样也能使弹窗出场时不那么单调，同时还能让用户有个心里预期

还有弹窗的关闭开关，一定是可见以及可控的，就拿我近期一直在用的美团拼饭小程序来说，在每次进入后，都会有个弹窗 ，你们可以去看看

本文主要讲述了关于弹窗的一些知识点，关于通知弹窗，决策弹窗以及运营弹窗的知识并没有在文章中提及，大家有兴趣的话可以去了解一下，一个小小的弹窗他背后也是还有许多值得探讨的地方