带你读《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

相关文章
|
前端开发 网络协议 Dubbo
超详细Netty入门,看这篇就够了!
本文主要讲述Netty框架的一些特性以及重要组件,希望看完之后能对Netty框架有一个比较直观的感受,希望能帮助读者快速入门Netty,减少一些弯路。
94695 33
超详细Netty入门,看这篇就够了!
|
7月前
|
消息中间件 负载均衡 中间件
⚡ 构建真正的高性能即时通讯服务:基于 Netty 集群的架构设计与实现
本文介绍了如何基于 Netty 构建分布式即时通讯集群。随着用户量增长,单体架构面临性能瓶颈,文章对比了三种集群方案:Nginx 负载均衡、注册中心服务发现与基于 ZooKeeper 的消息路由架构。最终选择第三种方案,通过 ZooKeeper 实现服务注册发现与消息路由,并结合 RabbitMQ 支持跨服务器消息广播。文中还详细讲解了 ZooKeeper 搭建、Netty 集群改造、动态端口分配、服务注册、负载均衡及消息广播的实现,构建了一个高可用、可水平扩展的即时通讯系统。
839 0
|
12月前
|
存储 机器学习/深度学习 编解码
图片转码服务能力升级-基于人眼主观优化的图片编码技术
图片转码服务能力升级-基于人眼主观优化的图片编码技术
191 0
|
消息中间件 编解码 网络协议
Netty从入门到精通:高性能网络编程的进阶之路
【11月更文挑战第17天】Netty是一个基于Java NIO(Non-blocking I/O)的高性能、异步事件驱动的网络应用框架。使用Netty,开发者可以快速、高效地开发可扩展的网络服务器和客户端程序。本文将带您从Netty的背景、业务场景、功能点、解决问题的关键、底层原理实现,到编写一个详细的Java示例,全面了解Netty,帮助您从入门到精通。
2251 0
|
机器学习/深度学习 算法 前端开发
公开下载 |《2022技术人的百宝黑皮书》来了!
大淘宝技术2022一整年干货合集,你今年错过的知识和分享,还来得及补救。
1499 0
公开下载 |《2022技术人的百宝黑皮书》来了!
|
编解码 网络协议 安全
什么是猫池
猫池(外文名:ModemPOOL)就是将相当数量的Modem使用特殊的拨号请求接入设备连接在一起,可以同时接受多个用户拨号连接的设备。无线猫池设备广泛应用于大量具有多用户远程联网需求的单位或需要向从多用户提供电话拨号联网服务的单位。如邮电局、税务局、海关、银行、证券商、各类交易所、期货经纪公司、工商局、各类信息呼叫中心等。我公司的提供的猫池主要用于IP电话通讯使用,不是市面上的养卡猫池,这里我们再对猫池详细说明及功能使用:
5745 0
|
人工智能 Java
通过okhttp调用SSE流式接口,并将消息返回给客户端
通过okhttp调用SSE流式接口,并将消息返回给客户端
|
运维 监控
线上故障的正确打开方式
线上故障的正确打开方式
313 0
|
IDE Unix 编译器
iOS小技能:Makefile的使用(Makefile的规则、部署脚本、config管理ssh连接)
make是一个命令工具,是一个解释makefile中指令的命令工具。其本质是**文件依赖**,Makefile文件制定编译和链接所涉及的文件、框架、库等信息,将整个过程自动化。
678 0