编辑导语：在产品设计中，弹窗也是重要设计对象之一，因为它关系到用户的产品体验，进而影响到产品的用户留存。如何画出一个符合客户和平台要求的弹窗设计？本篇文章里，作者就对运营弹窗设计做了要点拆解，让我们一起来看一下吧。

签到提醒、会员购买引导、福利发放等场景都需要依托于弹窗为载体进行展示。分类并拆解设计细节，是画好运营弹窗的先决条件。

一、弹窗属性介绍

弹窗是一种典型的模态视图。所谓“模态”是指，暂时中断用户操作，以确保用户接收到重要通知，或专注做出某项决策，半透明蒙版起到隔绝内容层与浮出层的效果。当用户点击弹窗中的按钮时，才能退出模态视图。

由于弹窗的阻断感极强，弹窗的出现必然伴随体验的牺牲，因此，除非有足够的理由，不然慎用弹窗。

弹窗大分类：

1. 基础弹窗：通知类、决策类；
2. 运营弹窗。

基础类型弹窗承载着重要功能，且与流程紧密相关，不容易引起用户抵触。

而运营类弹窗，往往背负着明确的运营指标，以商业为导向，需要合理布局和策划，提供足够的利益点或趣味性，才能避免引起用户反感。

二、运营弹窗的作用

运营弹窗的出现势必对应着一个明确而关键的目的，不同的运营目标影响视觉呈现的方式。

运营弹窗的目标有3大类：

1. 为了转化：刺激用户消费，不管是发放折价券或者联合会员，都是用利益引导用户购买，从而实现转化。
2. 为了活跃：引导签到或参与时效性活动，以利益为驱动，增加用户打开产品的动力。
3. 为了拉新：以拼多多为代表，用现金的形式吸引用户大量分享，依附微信强大的社交网络，力求达到指数型裂变。

三、运营弹窗在用户行为路径中的出现节点

弹窗本身带有一定的强迫性，用户没有办法禁止弹窗出现。糟糕的弹窗设计不仅达不到运营目标，反而会让用户对产品整体的观感直线下降。不妨以弹窗出现为起点，梳理用户使用路径。

四、运营弹窗的8种细分

基于以上分解的目标维度和行为路径维度，我们可以将运营弹窗细分为以下8类：利益发放、开卡弹窗、签到弹窗、活动弹窗、分享弹窗、反馈弹窗、挽留弹窗、回归弹窗。

五、运营弹窗的设计逻辑拆解

1. 利益发放弹窗

利益发放弹窗的核心是：给用户一个能激发消费的理由，这个理由可以是具体的折扣优惠、也可以是拼手气抽奖或者其他福利形式。

当利益足够吸引时，用户越倾向冲动消费，而当利益吸引不够时，可以通过增加形式感或趣味性的玩法进行补充。

2. 开卡弹窗

开卡弹窗，顾名思义，是为了引导用户购买会员。核心是突出会员的优越性，常见的具体手法是，计算节省金额、展示专属功能、制造紧迫感、提供免费体验机会等。

根据产品不同的核心竞争力，选择合适的利益点，如工具性产品主要以产品性能为核心卖点，如果对自己产品有信心，不妨提供免费会员体验机会。“由奢入俭难”，一旦体验过流畅高效的会员服务之后，升级服务的欲望将会更加强烈。

3. 签到弹窗

签到是很好的提升粘性的手段，根据签到功能的权重，分配不同的展示形式。首页导航栏、个人中心都是常见的放置签到入口的位置。

部分产品着重突出签到，当用户进入首页之后，直接跳出签到弹窗。在流量最大的首页跳出签到弹窗，好处是在总量上提升了进入签到流程的UV，但是坏处也相当明显。对于没有签到意愿的用户来说，这无疑是一种强硬的打断，影响体验。

4. 活动弹窗

活动弹窗主要是为了推广活动而存在，活动的具体形式不胜枚举，因此视觉样式也多种多样。

根据活动性质、品牌调性和目标人群视觉偏好，选择合适的视觉风格进行展示。

5. 分享弹窗

在获客成本越来越高的当下，如何有效拉新成为关键和难点。被拼多多“套路”过的用户已然对分享提现有了防备。清晰明确的门槛和足够强的利益点，才是撬动用户主动分享的关键。

6. 反馈弹窗

反馈弹窗顾名思义，是告知用户结果的弹窗，分为正反馈弹窗和负反馈弹窗两种。

正反馈弹窗很好理解，告知用户得到了某些福利，氛围热闹愉悦。

而负反馈弹窗的设计方向有两种，一种是“以正面姿态传递负面信息”，如下图图3，整体氛围还是热闹喜庆的。另一种设计思路是“情感化表达负面信息”，将“遗憾”和品牌IP做结合，通过IP形象将负面情绪拟人化、卡通化，减轻用户的失落感。

7. 挽留弹窗

当用户关闭某些弹窗后，又会立即出现一个祈求用户回心转意的挽留弹窗。挽留弹窗最需要注意的两个重点：

1. 文案突出利益点：表明用户将要放弃的福利是很可观的，强化损失厌恶。
2. 按钮位置：根据用户习惯，右侧按钮是惯常行动点，一般是顺应用户意愿的，有“确定”的默认内涵；而挽留弹窗的行动点布局是逆反的，用户的“确定”实际上被放置于左侧。

8. 回归弹窗

回归弹窗见于用户在一段时间内都没有打开应用或界面，用户本身对产品的粘性较低。为了争取用户，在此机会给用户发放福利，希望能尽量留住用户。

六、运营弹窗的视觉分析

从视觉表现的角度拆解利益发放类弹窗，从简约到复杂的过程中，信息传递的效率逐渐下降，氛围感逐渐抬升。针对不同的场景，权衡信息与氛围之间的平衡。有些时候，设计师下意识会在弹窗上增加许多氛围装饰，虽然起到了丰富视觉的作用，但一定程度上也影响了信息的传达。

活动弹窗由于主题灵活多变，对应视觉呈现方式也多种多样。

常见弹窗有基础形状，一般是矩形，而有些弹窗突破了形状的限制，没有底板约束，更加自由。

工具性、金融性产品更加适合规则弹窗，凸显专业克制，而娱乐性产品，如微博，重视氛围打造，更加适合无边框弹窗。

七、小结

设计运营弹窗，首先要了解设计目标，做到心中有数，根据信息优先级进行视觉上的突出和弱化，平衡氛围和信息传达效率。整理并归纳优秀案例，使设计更加有的放矢，有理有据。

本文由 @doo_W 授权发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议