1. 基于用户UI偏好的个性化展示探索 张宇航（骀荡） 蚂蚁集团 前端工程师

2. 个人介绍 • 张宇航（骀荡） 朋情以郁陶，春物方骀荡 • 蚂蚁集团数字金融线平台营销负责人 • 数金平台 智能UI 技术 • 腾讯（2年）/ 蚂蚁（4年半）

3. 01 为什么需要个性化 UI 推荐 目录 • Netflix 视频封面图个性化推荐方案介绍 • 个性化展示在WEB领域中的应用 02 如何基于用户偏好个性化展示 UI 理解 • How To Know？ • How To Produce？ UI 素材生产 UI 推荐 • How To Show？

4. /01 为什么需要个性化 UI 推荐

5. Net ix 视频封面图个性化推荐 同一部电影，配上不同封面图的⻛格、内容、⻆色，展示将为用户带来不同的体验。 《低俗小说》封面图 基于主演的个性化推荐 [1] 《 怪奇物語Strange Things 》的个性化封面图展示 [1]

6. 个性化展示在WEB领域中的应用 同一款产品，基于不同的兴趣偏好，展示不同文案与图片

7. /02 如何基于用户偏好 个性化展示

8. 用户的 UI 偏好探索 用户的UI偏好：用户特征和UI特征之间的匹配关系 UI 理解 How To Know UI 素材生产 How To Produce UI 推荐 How To Show

9. How To Know - UI理解 1. 素材理解（低维度特征） - 内容、金融意图、色系、主色、⻛格 、复杂度 2. 特征泛化（高维度特征） - 相似素材图片，在embedding后的欧式距离上也是相近的 标签示例 算法 主五色特征 特征抽取、PCA聚类 颜色占比 颜色直方图 文本区域面积 OCR、凸包算法 文本位置 OCR+定位 背景复杂度 图信息熵分析 图内容 物体识别+image caption 创意色彩倾向 结构分析+分类模型+色彩心理学建模 创意结构排版 objectdetector+计算几何 修饰图元素 物体识别、计算几何、分类模型 创意文本框叠加方 式 文本语句结构 OCR+计算几何+分类算法 内容理解 规则+bert分类 句式风格理解 命名实体识别+知识图谱+分类 图文一致性 imagecaption 依存树分析、词性分析

10. How To Produce - UI素材自动化生产（文案） 向内学习：收集支付宝域内文案素材，学习高暴点句式、用词

11. How To Produce - UI素材自动化生产（图片） 图片生产方案有很多，如：智能合图、基于生成对抗网络(imageGAN)、3D建模到2D切面等。 智能合图 基本思想：将素材分为背景层、氛围组合层和元素 层，分别进行打标，对前后景元素间关联关系进行 对应分析，得到正向增益效果的元素组合

12. How To Show - 智能展示推荐算法（UI推荐） 常规方案：基于协同过滤算法，每个场景单独训练模型。每上一个场景都要重做特征工程、重训模型，周期较 ⻓、⻅效慢；所以很多短周期场景算法策略都是简单粗暴的mab，效果大大降低。 1. 人群UI偏好（离线） - 离线的人群UI偏好分析、设计建议报告、针对性的个性化展示 2. 通用化算法模型（在线） - 基于特征泛化与迁移学习，抽象一套 DNN 通用模型 老素材一共覆盖了 5 个人群，增加新素材后一共覆盖了 10 个人群，覆盖人群数量翻倍 给适合的用户推荐符合对应偏好的素材与文案，进而帮助用户更好的理解产品，进而提升业务转化。

13. 回顾与总结 偏好 分析 实时归因 设计建议指导 个性化 样式 推荐 生产 素材供给

14. 参考文献 [1]. 网⻜（Net ix）的个性化体验简史，Gibson Biddle, https://www.36kr.com/p/ 1298713363548551

15. 谢谢观看