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

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

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


扩展性建设

 

对于有一定复杂度的平台而言,提升扩展性,大多数情况下意味着需要修改其原有架构。产品设计师不得不在基于原有产品,大刀阔斧的改造和干脆另起炉灶,从零开始搭建产品之间进行艰难取舍。经过团队内部的反复商议,我们最终选择了后一方案,从 0 开始打造新版的 PopLayer 弹窗搭建平台。

 

通过先前的介绍您应该明白,弹窗搭建平台应该是一个使用户可视化完成弹窗搭建任务的低代码或无代码工具。它的产出物,在技术上表现为一份 JSON 格式的弹窗描述数据。因此,在创建弹窗搭建平台之前,我们首先要做的, 就是重新设计一套简洁优雅,包含弹窗域全部语义并能够轻松扩展的数据结构(DSL)。为此,我做了如下工作:

 

image.png归纳总结历史弹窗样式功能

要想设计一份合理,优雅地 DSL,就首先要对特定领域有深入细致的了解。为此,我搜集了 1~2 年范围内PopLayer 投放过的弹窗,仔细观察梳理其样式与交互,探索共性与差异。最终根据各弹窗的特性,将其进行如下分类:

 

 

 

image.png

 

不同弹窗类别的特征,视觉展示都被归纳至一篇名为《弹窗类型学》的文档中,可以帮助用户迅速确认需求弹窗所属的类型。

 


通过归纳总结历史弹窗样式,交互和功能,一方面可以使我更有自信地设计具备良好扩展性的弹窗描述数据,另一方面,稍后可以看到,通过为不同类型的弹窗,提供不同类型的弹窗模版,既可以帮助用户提升弹窗搭建效率,也给产品增加了一个有着深远意义的数据维度,使我们有能力可以对比同类型弹窗数据,并从中探索规律促进业务优化。

 image.png

弹窗模版市场

 

 

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

 


相关文章
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
|
算法 调度 语音技术
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(9)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(9)
|
测试技术 双11
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(11)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(2)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(2)
|
开发者
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(6)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(6)
|
移动开发 JSON 小程序
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(1)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(1)
112 0
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(5)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(5)
|
监控 安全 测试技术
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(13)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(13)
|
数据中心 UED
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(8)
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗,2022 年初的回顾与展望(8)