8

运营弹窗

 2 years ago
source link: https://www.uisdc.com/run-popover-design
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
从6个方面,详细拆解运营弹窗的设计要点 - 优设网 - UISDC

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

  1. 弹窗属性介绍
  2. 运营弹窗的作用
  3. 运营弹窗在用户行为路径中的出现节点
  4. 运营弹窗的 8 种细分
  5. 运营弹窗的设计逻辑拆解
  6. 运营弹窗的视觉分析

弹窗属性介绍

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

从6个方面,详细拆解运营弹窗的设计要点

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

  1. 基础弹窗:通知类、决策类

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

从6个方面,详细拆解运营弹窗的设计要点

运营弹窗的作用

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

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

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

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

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

从6个方面,详细拆解运营弹窗的设计要点

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

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

从6个方面,详细拆解运营弹窗的设计要点

运营弹窗的 8 种细分

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

从6个方面,详细拆解运营弹窗的设计要点

运营弹窗的设计逻辑拆解

1. 利益发放弹窗

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

从6个方面,详细拆解运营弹窗的设计要点

2. 开卡弹窗

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

从6个方面,详细拆解运营弹窗的设计要点

3. 签到弹窗

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

从6个方面,详细拆解运营弹窗的设计要点

4. 活动弹窗

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

从6个方面,详细拆解运营弹窗的设计要点

5. 分享弹窗

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

从6个方面,详细拆解运营弹窗的设计要点

6. 反馈弹窗

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

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

从6个方面,详细拆解运营弹窗的设计要点

7. 挽留弹窗

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

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

从6个方面,详细拆解运营弹窗的设计要点

8. 回归弹窗

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

运营弹窗的视觉分析

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

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

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

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

欢迎关注作者微信公众号:Change Design


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK