|交互组件——运营类活动「弹窗」( 二 )


在设计时一定要先考虑业务场景需求 , 综合弹窗出现的流程节点以及信息承载能力 , 合理设计;避免弹窗承载超量信息带来操作困难 , 或出现在不必要的节点阻断流程;同时 , 一定要提供退出操作选项 , 给用户充足的掌控感 。
重点说一下用户在弹窗中输入信息时需要注意的内容:

  • 要明确弹窗只能承载轻量的信息输入 , 多内容的建议用表单页面 。
  • 考虑软键盘与弹窗一并出现 , 并使光标自动聚焦到第一个输入项 。
  • 软键盘类型根据输入内容做匹配 。
  • 考虑是否需要操作按钮 , 操作逻辑是否通过软键盘操作按钮实现 。
这里举个简单的例子 , 用户输入手机号获取登陆短信前为避免机器人恶意操作 , 需要输入验证码 , 验证码何时出现最为合适?
还有一类拟物化的运营类操作弹窗 , 只是对弹窗皮肤进行了设计 , 营造了一定的氛围和体感 , 这里不做说明 。
|交互组件——运营类活动「弹窗」
本文插图

5)挽留弹窗
一般用于在用户离开某些业务流程时提示风险并挽留用户;比如 , 某些离开表单输入页面时 , 常用弹窗提示用户保存 , 并希望用户完成输入 。
这样的设计打破了用户退出业务流程的路径预期 , 容易给用户带来产品不可控的体验 , 使用时要克制 。
尤其不要在挽留弹窗中设置其它的流程触发按钮 , 用户点击后唤起一个莫名其妙的流程 , 被欺骗、戏弄的感觉会很强烈 , 不要为了短期数据带来用户流失 。
|交互组件——运营类活动「弹窗」
本文插图

6)投教弹窗
投教弹窗一般用来用户教育 , 比如:系统改版后 , 提示用户新功能;或在用户离开某项业务时 , 提示业务固定入口位置 。
设计时第一要根据需求灵活排布文案、插图等信息 , 可以在弹窗内做左右滑动操作;其次要注意弹窗出现的时机 。
|交互组件——运营类活动「弹窗」
本文插图

7)营销弹窗
营销弹窗的使用场景有明显的营销特质 , 比如引导用户发现新功能 , 引导用户评价应用或者用户的某一操作(订阅)有了重要的新反馈 。
设计时 , 要注意策略化 , 只有与用户关联性、重要性很高的内容才能引导用户进入营销的业务功能中;而且在弹窗出现的时机也要有一定的设计 , 比如在用户查看某一只个股而投顾直播说到该股票时 , 用弹窗引导就能提升直播转化 。
在周期性营销活动中 , 比如大奖结果公布 , 也可以在应用全局用弹窗形式通知用户、召回用户访问 。
|交互组件——运营类活动「弹窗」
本文插图

四、组成元素分析
1. 弹窗标签
弹窗标签可以明确弹窗业务主体 , 常在APP全局展示独立业务场景的弹窗中使用 , 用来说明弹窗来自于哪个相关业务 。
标签也有益于品牌投教、氛围营造 , 视场景需求进行设计 。
常见的有文字标签或Icon图标等 。
2. 标题及附属标题:主文案、附属文案、装饰性文案
弹窗剥夺了用户对当前状况的掌控感 , 产生排斥心理 , 面积的局限也导致阅读体验较差 , 设计师要有心理准备——几乎不会有用户读完你罗列的内容 。
因此凝练概括的标题文案、简短明确、主次有序的内容 , 才能够让用户快速获取信息、关闭弹窗、继续操作 , 尽可能降低业务跳出率 。
根据阅读心理学 , 这里有几个原则需要注意: