运营弹窗的设计要点拆解

用户头像
杭州/UX设计师/5年前/1443浏览
运营弹窗的设计要点拆解

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

00/

大纲


1、弹窗属性介绍

2、运营弹窗的作用

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

4、运营弹窗的8种细分

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

6、运营弹窗的视觉分析




01/

弹窗属性介绍


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


由于弹窗的阻断感极强,弹窗的出现必然伴随体验的牺牲,因此,除非有足够的理由,不然慎用弹窗。
弹窗大分类:
1、基础弹窗:通知类、决策类

2、运营弹窗


基础类型弹窗承载着重要功能,且与流程紧密相关,不容易引起用户抵触,而运营类弹窗,往往背负着明确的运营指标,以商业为导向,需要合理布局和策划,提供足够的利益点或趣味性,才能避免引起用户反感。




02/

运营弹窗的作用


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

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

  1. 为了转化:刺激用户消费,不管是发放折价券或者联合会员,都是用利益引导用户购买,从而实现转化。

  2. 为了活跃:引导签到或参与时效性活动,以利益为驱动,增加用户打开产品的动力。

  3. 为了拉新:以拼多多为代表,用现金的形式吸引用户大量分享,依附微信强大的社交网络,力求达到指数型裂变。




03/

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


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





04/

运营弹窗的8种细分


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




05/

运营弹窗的设计逻辑拆解


1、利益发放弹窗 

利益发放弹窗的核心是:给用户一个能激发消费的理由,这个理由可以是具体的折扣优惠、也可以是拼手气抽奖或者其他福利形式。当利益足够吸引时,用户越倾向冲动消费,而当利益吸引不够时,可以通过增加形式感或趣味性的玩法进行补充。


2、开卡弹窗 

开卡弹窗,顾名思义,是为了引导用户购买会员。核心是突出会员的优越性,常见的具体手法是,计算节省金额、展示专属功能、制造紧迫感、提供免费体验机会等。根据产品不同的核心竞争力,选择合适的利益点,如工具性产品主要以产品性能为核心卖点,如果对自己产品有信心,不妨提供免费会员体验机会,“由奢入俭难”,一旦体验过流畅高效的会员服务之后,升级服务的欲望将会更加强烈。


3、签到弹窗 

签到是很好的提升粘性的手段,根据签到功能的权重,分配不同的展示形式。首页导航栏、个人中心都是常见的放置签到入口的位置。部分产品着重突出签到,当用户进入首页之后,直接跳出签到弹窗。在流量最大的首页跳出签到弹窗,好处是在总量上提升了进入签到流程的UV,但是坏处也相当明显,对于没有签到意愿的用户来说,这无疑是一种强硬的打断,影响体验。


4、活动弹窗 

活动弹窗主要是为了推广活动而存在,活动的具体形式不胜枚举,因此视觉样式也多种多样。根据活动性质、品牌调性和目标人群视觉偏好,选择合适的视觉风格进行展示。


5、分享弹窗 

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


6、反馈弹窗 

反馈弹窗顾名思义,是告知用户结果的弹窗,分为正反馈弹窗和负反馈弹窗两种。正反馈弹窗很好理解,告知用户得到了某些福利,氛围热闹愉悦。

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


7、挽留弹窗 

当用户关闭某些弹窗后,又会立即出现一个祈求用户回心转意的挽留弹窗。挽留弹窗最需要注意的两个重点:
1、文案突出利益点:表明用户将要放弃的福利是很可观的,强化损失厌恶。

2、按钮位置:根据用户习惯,右侧按钮是惯常行动点,一般是顺应用户意愿的,有“确定”的默认内涵,而挽留弹窗的行动点布局是逆反的,用户的“确定”实际上被放置于左侧。


8、回归弹窗 

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




06/

运营弹窗的视觉分析


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


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


常见弹窗有基础形状,一般是矩形,而有些弹窗突破了形状的限制,没有底板约束,更加自由。工具性、金融性产品更加适合规则弹窗,凸显专业克制,而娱乐性产品,如微博,重视氛围打造,更加适合无边框弹窗。




小结

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




21
举报
|
57
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
手表表盘UI系列
盲盒APP UI设计
新拟态风格 UI设计组件库
【新年UI图标】优惠券icon
钱包ui模板
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
UI 登录界面设计模板包
【新年UI图标】影音icon
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
【新年UI图标】30个图标
Security Camera UI kit
UI应用平面图标
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】银行卡icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】汽车icon
【新年UI图标】游戏/娱乐icon
高级表盘系列UI源文件
你可能喜欢
相关收藏夹
Ui
Ui
Ui
Ui
大家都在看
登录注册