运营弹窗的设计要点拆解

2 评论 5944 浏览 29 收藏 11 分钟

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

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

一、弹窗属性介绍

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

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

弹窗大分类:

  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 协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 整理得很清楚👍

    回复
  2. 干货满满~~赞

    回复