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

 


相关文章
|
安全 Linux 测试技术
|
PHP 开发工具 API
laravel中短信发送验证码的实现方法
在做用户注册和个人中心的安全管理时常常需要用到短信发送验证码,下面这篇文章主要给大家介绍了关于laravel中短信发送验证码的实现方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
4163 0
laravel中短信发送验证码的实现方法
|
3月前
|
机器学习/深度学习 人工智能 算法
用好 Codex Goal,关键就这三步
Codex 新增 /goal 命令,支持目标驱动的Agent式循环:设定可量化目标(如“运行时间降20%且测试全通过”)、构建短反馈闭环、用PLAN/EXPERIMENTS等Markdown文件持久化记忆。三要素缺一不可,方能真正释放长任务自动化潜力。
1348 1
用好 Codex Goal,关键就这三步
|
2月前
|
人工智能 安全 测试技术
90% 的人还不知道!Claude Code 藏着的 /goal 命令,能帮你省下 80% 的指挥时间
Claude Code 的 /goal 命令可以一键设定目标,让 AI 全自动多轮迭代直到任务完成。本文详细讲解 /goal 的核心概念、使用方法和最佳实践,帮你省下 80% 的指挥时间。
955 0
|
7月前
|
人工智能 小程序 API
微信小游戏的完整开发流程
微信小游戏开发流程成熟,依托5亿月活及最高400万激励政策,成中小团队首选。涵盖账号注册、企业主体备案、Cocos/Unity技术选型、分包优化、AI赋能、IAP+IAA混合变现,及提审发布全链路,助力快速上线与商业化。#微信小游戏 #游戏开发
|
7月前
|
人工智能 缓存 小程序
微信小游戏开发的方法
微信小游戏成中国最大创业风口!2026年“AI小程序成长计划”落地,支持混元大模型深度集成,涵盖智能NPC、AI生成内容等。Cocos/Unity/LayaAir多引擎适配,4MB首包限制、社交裂变与真机调试为关键要点。(239字)
|
存储 NoSQL Java
Tablestore集成MCP协议: 标量与向量混合检索的新范式
基于表格存储(Tablestore)实现的MCP(Model Context Protocol)服务,支持文档存储与混合检索工具两大功能。通过Cherry-Studio界面和通义千问qwen-max模型进行演示,展示了文本数据上传、向量嵌入及查询过程。此外,详细说明了Python和Java版本的本地运行步骤、环境配置及二次开发方法,并提供了集成三方工具如Cherry Studio的应用示例。Tablestore凭借混合查询、Serverless低成本、弹性扩展等优势,为MCP场景提供高效解决方案。
1320 3
|
11月前
|
JavaScript 前端开发 Java
基于springboot的4s店汽车试驾销售服务系统
针对传统4S店运营效率低、服务体验差等问题,研究基于SpringBoot的汽车销售服务系统,融合Java、Vue、MySQL等技术,实现业务自动化、客户个性化服务与数据智能分析,提升管理效率与客户满意度,推动4S店数字化转型与竞争力升级。
|
缓存 编译器 API
NumPy与其他语言(如C/C++)的接口实践
【4月更文挑战第17天】本文介绍了NumPy与C/C++的接口实践,包括Python与C/C++交互基础、NumPy的C API和Cython的使用。通过案例展示了如何将C++函数与NumPy数组结合,强调了内存管理、类型匹配、错误处理和性能优化的最佳实践。掌握这些技能对于跨语言交互和集成至关重要。
|
iOS开发
iOS 开发之几个 Demo 分享网站
OSChina 前往 OSChina Code4App 前往 Code4App CocoaChina 前往 CocoaChina 码云 前往码云
4285 0

热门文章

最新文章