带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(14)

简介: 带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(14)

带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(13)https://developer.aliyun.com/article/1340410?groupCode=taobaotech


成果,不足与发展规划

成果展示

 

通过一年多时间团队成员在 PopLayer 扩展性,易用性,功能丰富度和稳定性上的共同建设,如今回首看来,我们在弹窗域取得了以下成就:

image.png【大盘数据】自 20218PopLayer 4.0 版本正式上线以来,至今共承接手淘端内外各类弹窗活动 46 个,并

涵盖具备动效,场景感知等原搭建无法支持类型,至少节省 92 人日人力成本,期无线上故障;

image.png

线上部分弹窗活动示例

image.png【系统扩展】完成了 PopLayer 从 3.0 至 4.0 版本的大版本升级,通过重构底层 DSL,从 0 到 1 开发弹窗编辑器,使整个系统变得更加健壮并能够持续响应业务发展需要,快速,稳定扩展功能,支持更多业务场景;

image.png【生产效率】通过从 0 到 1 开发弹窗编辑器,大幅提升弹窗搭建效率,以及可搭建弹窗的覆盖范围,对于简单弹

窗,实现了无技术背景用户搭建时长 < 1 分钟,大幅节约了人力成本(至少 2 人日/个),获得了用户的高度认可;

image.png【触达范围】通过开发 H5 渲染引擎并打通端外投放渠道,实现了弹窗搭建链路的端内外全场景覆盖;

image.png【精准投放】通过在引擎侧接入端智能算法管控 SDK,营销型弹窗能够通过算法调控,实现精准投放,降低用户打扰的同时提升弹窗点击;

image.png【极致性能】通过 H5 原生渲染引擎,保障端外弹窗性能,通过 Native 轻量化渲染引擎,提升端内弹窗曝光率26pt,通过 POP 承接页预渲染功能提升承接页到达率 12.58pt,点击率 1.82pt;

image.png【丰富内容】通过新增动画模块,淘宝场景感知模块,为弹窗搭建提供了通过添加动效提升弹窗点击的运营策略选择;

image.png【体验提升】通过在搭建侧为弹窗提供统一的视觉交互规范,进一步提升弹窗用户体验;

 

 

 

不足与发展规划

 

虽然经过一年多在弹窗域的深耕,我们取得了一些看得见的成果,但是距离将 PopLayer 打造为淘宝弹窗解决方案的目标,依然还有很多地方需要继续探索。归纳起来,主要有如下几个方面:

 

image.png解决 Native 轻量化渲染引擎版本覆盖率问题

虽然通过 Native 轻量化渲染引擎可以显著提升弹窗曝光率,但引擎本身涉及版本覆盖率的问题,在版本尚未覆盖到业务可接受的范围之前(一般而言 > 95%),如何使弹窗尽可能覆盖到足量人群是我们需要面对的核心问题。

 

对于这个问题,我们当前给出的解决思路是,持续探索 H5 渲染方案在淘宝首页直出场景下的性能优化方案,并在平台侧建设引擎自动分流机制,使满足 Native 渲染条件的弹窗使用 Native 轻量化渲染引擎渲染,而不满足条件的弹窗自动降级为 H5 渲染方案。从而使搭建侧用户无感知的获得最大限度的业务收益。

 

image.png加强动效能力建设

目前根据我们的经验,是否添加动效与弹窗点击率提升之间并没有必然的相关性。但在一些场景中,我们可以明显看到弹窗从静态转为包含动效的动态弹窗后,弹窗的点击率有明显提升。因此,至少我们可以说,动效可以作为一种提升弹窗点击率,更好达成业务目标的一种有效手段。

 

但更进一步的问题是,除了有助于提升用户体验之外,究竟动效与弹窗点击率之间的相关性是什么?目前我们在这方面的探索仍稍显不足,为了回答这个问题,我们接下来会在以下方面持续探索和建设:

 

  1. 进一步打通 A/B 实验能力,使平台和用户能够快速创建弹窗 A/B 实验,探索和验证弹窗动效与点击率的相关性;
  2. 建设常用动效模版,在搭建侧提供快速为弹窗组件添加动效能力,提升业务迭代敏捷性;
  3. 结合行业观察与业界最佳实践,持续探索更适合弹窗域的动效表达方式;

 

通过在弹窗动效上的持续探索,希望能够在提升弹窗体验的同时,为弹窗内容的表达提供更丰富的技术支持,从而增强弹窗吸引力,提升用户点击意愿。

 

带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(15)https://developer.aliyun.com/article/1340378?groupCode=taobaotech

相关文章
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
|
算法 调度 语音技术
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
|
测试技术 双11
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(2)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(2)
|
JSON 数据可视化 数据格式
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(3)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(3)
|
JavaScript 测试技术 开发者
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(7)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(7)
|
开发者
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(6)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(6)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(5)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(5)
|
移动开发 JSON 小程序
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(1)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(1)
110 0
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(12)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(12)