• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 从6个方面,详细拆解运营弹窗的设计要点

  • 张大湿 2022-03-20 23:04:44 收藏
  • 文章标签: 用户 利益 视觉
  • 签到提醒、会员购买引导、福利发放等场景都需要依托于弹窗为载体进行展示。分类并拆解设计细节,是画好运营弹窗的先决条件。

    大纲:

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

    弹窗属性介绍

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

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

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

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

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

    从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. 回归弹窗

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

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

    运营弹窗的视觉分析

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

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

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

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

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

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

    小结

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

    本篇来源:优设网

    原文地址:https://www.uisdc.com/run-popover-design

    评论
    Artlist模板 广告