UI 进化论：优酷智能 UI 设计

布景

为进一步提高长视频内容分发功率，优酷渠道规划团队建议智能 UI 项目，咱们进行了为期半年的一系列测验，在中心数据上已长时刻取得正向收益。

学习集团在这个方向的探索经历，咱们沉积了中台才能，总结了契合文娱特性的智能 UI 规划办法供大家探讨。

提效多场景的消费决议计划，不同用户“衔接”不同内容

长视频内容引荐是智能 UI 的中心发力场景，咱们经过智能 UI 让用户和内容能够更高效的衔接。

1. 不同的用户：多元化的消费者，差异化的决议计划

因年龄、地域、性别、收入的差异，用户在视频消费决议计划时会被不同的“引荐维度”和“UI 款式”所影响，智能 UI 会依据用户不同的“易感度”不断尝试更有用的 UI 规划。

2. 不同的内容：新热视频宣发+库存视频分发

优酷的视频由“新热”和“库存”组成，“新热”着重宣扬和消费的时效性，“库存”的特征是量级大、类型多元。

智能 UI 能够协助单一内容多样化表达，快速引起不同用户的消费意愿，一起能够依据不同内容特色调整 UI 上信息的优先级和方法，例如明星体裁、互动热度、观看品质、职业点评、圈层喜好、价格优惠等等。

“3 步”搭建优酷智能 UI 系统

1. 建立规划方针

2. 搭建生产闭环：前台、中台、后台

按照不同运用对象和功用，智能 UI 的生产链路能够拆分成 3 个部分。

前台：规划元素的数字

前台包括智能 UI 计划对“用户的展现”和“前端才能”，规划师需求和前端开发共建，把视觉款式翻译成代码，颗粒度越细越意味着面对用户展现的计划在杂乱度和灵活性上能够更高。

中台：规划经历沉积+计划存储+计划决议计划

中台的功用是让机器智能进行 UI 计划的生产、存储、呈现，而且提供给事务方、个人工运营或机器智能做出投进决议计划。

确立构成 UI 计划的公式

中台搭建前期，规划师需求拆解所有构成 UI 计划的规划元素并梳理结构化分类，一起，构成一套稳定组合元素的公式，当时公式由“内容”、“方法”、“组合方法”三部分组成。

“内容”即视频的“引荐理由和图画源”，“方法”是图画的“布局”和文字的“视觉款式”，还有页面布景元素，如布景色、圆角、字号、间距，“组合”是内容和方法的多种结合方法变量。

个性化 UI 投进需求计划个数满意必定量级，一起在视觉款式上要摆开差异，这样投进给不同用户才能取得差异化数据，协助算法成长。

规划师需求依据专业经历协助算法建立计划的矩阵：洞察并假定不同计划和不同用户之间的关系，将各种计划按照各自特征归纳和差异，最后将最中心的特征提炼并构成矩阵上的向限。

咱们能够建立根底 3 个向限图，分别是“用户”分类，“决议计划类型”分类，“UI 计划”分类，考虑 3 个向限之间的相关，调查计划在象限上的分布，能够含糊的找到测验的方向，帮机器划定测验的优先级。

每次投进前后，咱们能够调查计划会集在向限的哪一部分，对应结果如何，测验是否有用。接下来，重点放在探索矩阵上的盲区，从计划最大差异化的视点去尝试对不同用户的吸引力和收益，终究逐渐沉积真实能带来长时刻作用的 UI 计划组合。

后台：沉积数据资产

后台面对的主要是事务方、运营、规划师，功用是解读数据构成定论和战略，定论是“是否有用”，战略是“因何起效”，机器算法生成的规划可能会带来意料之外的收益，从而补充规划师假定之外的经历。

不同的事务需求，可经过数据报表可视化直观看到计划对应的用户画像，反之也能够看到用户对不同计划的度敏感。比起以前规划师凭仗经历和表述才能去反推事务，数据佐证更简单直观，这下降了多方沟通本钱，也更清晰的衡量了规划的价值。

3. 清晰 UI 规划准则

长视频娱乐是各种故事、热闹的场景、影剧综是一个个虚拟的世界，混杂着多重感官刺激，智能 UI 作为包装它们的容器，应继续围绕着内容特性动身，跟着构思元素和机器生成计划的量级变大，需求清晰规划准则划定构思的边界，咱们从平常大家经常说的一些关键词总结准则，查看 UI 计划是否契合初衷、有无违背。

从受众用户特性动身

差异化、品质感、易感知

从视频内容类型动身

沉浸感、故事性、情绪化

4. 一些实践经历

多 UI 模块之间的流量分配

智能 UI 的测验一般从小规划开端，从单个模块向多个模块扩展，终究覆盖整个页面。前期测验，中心关注单一模块的新老作用比照，跟着局部数据提高，测验的多个模块会互相争抢流量，这需求咱们从头清晰当时页面的全体方针，经过调整模块上下次第或呈现频次去达成。

宣发和分发型 UI 模块的平衡

“宣发型 UI”包括排行榜，合集等服务于用户的功用，大多数用户已有固定运用心智，能够在不损失运用功率的同做到“视觉有差异”但“占比小”，以协助其他“分发型 UI”有更多曝光空间。

信息的密度和模块的高度，影响阅读深度

长视频内容宣发存在密布期和空档期，经过控制“信息曝光密度”和“模块高度”两者的相互关系，能够依据事务需求引导用户阅读深度，例如，信息密度变低，促进用户下滑去分发库存内容，信息密度变高，削减下滑更多曝光新内容。

“点击”和“转化”的平衡

点击量和终究转化在漏斗上的份额，需求依据事务诉求维持在合理的规划。“点击”升高，“转化”下降，意味着个性化的 UI 让用户有了更大的探索欲望，“点击”下降，“转化“升高，意味着个性化 UI 让用户更短途径取得了自己预期的内容，“点击”升高，“转化”升高，提高了用户对页面总体的兴趣，每一种点击转化份额都是有利有弊的，需求依据事务状况去运用。

4 个趋势：智能 UI 的未来

移动端的竞争日益激烈，人口盈利见顶，新用户增加放缓，个人运用时长接近极限。越来越多的服务和信息在用户流量会集的移动端 app 中杂乱交织。“精密化分发”成为根底底层需求，这需求“UI 规划”更加匹配对应的“人群”

1. 更围绕用户“个体”的 UI 规划

用户侧：获取的主动性下降

面对信息的冲击，用户在不断下降为“信息获取”所支付的本钱。触达界面削减，阅读碎片化，操作途径固化且行为单一，阅读深度和耐性继续下降。

渠道侧：引荐的功率提高

为了更多商业空间，事务的服务不断精密的差异用户类型，企图对用户“需求、意愿”进行更准确的“了解、预判”，提高精准的服务。

2. 不断的精密化：从“引荐维度”个性化到“引荐方法”多元化

5G、社区化、内容化等让从前干流的“图文”向“视频”转变，商品“个性化”过渡到“引荐维度”和“方法”的“个性化”。

3. 从头界说规划师和规划作业 — UI生产方法“智能”VS“人工”

UI 规划“传统流程”

线性的作业流：时刻本钱

传统 UI 规划是强事务诉求驱动，规划处于作业链条上的中下游。决议计划方经过竞对和本钱等条件去判别多套 UI 计划的优劣，评价进程时刻较长。

只能投进单一计划：用户流失

当事务的用户量级较大、构成杂乱时，单一计划对全量用户的做法会献身部分用户的体会，在流量价值越来越高的时代，无法服务更多类型用户意味着难以实现最大规划的留存。

决议计划缺乏数据支撑：规划返工

计划投进后没有得到理想的数据，意味着需求从头评价各方战略，规划在这一刻容易失焦，原因是缺乏量化且精准的数据指导修改。

UI 规划“智能流程”

发挥人与机器各自的优势

在智能 UI 项目中，规划师的优势在于“经历，假定，情感，直觉，用户的视点”，机器智能的优势是“主动投进、海量精密数据收回、数据存储、战略生成、生成规划、产能提高（速度，规划）”。

规划师的角色和定位改动

传统 UI 的规划师凭仗“经历和技能”直接发生规划计划，而智能 UI 要求规划师重点在于规划一个“发生计划”的“规划系统”，将规划环节“工程化”，经过多计划寻求全体提高，而不是寻求某一规划计划本身。

削减规划内讧，专心规划专业，清晰规划价值

经过智能 UI 才能，规划师也能够削减人力耗费，更专心于新技能开发、规划战略沉积和准确选择，一起，在事务大方针不变的状况下，规划师能够借数据和智能 UI 的才能主动自驱，不用完全等候需求。

4. 更科学的下降规划本钱 — 一次性投入，长时刻堆集

差异于传统 UI 在本钱上的重复投入，智能 UI 的投入是一次性的，投入后即成为堆集。

写在结尾

由于以前的技能限制，咱们没有才能去实现个体的在 UI 上的体会差异，跟着中国人口份额和移动互联网用户构成的变化，商业和个性化体会会相关的越发严密。事务需求经过更精密精准的服务完成营收，跟着数据带宽和技能不断提高，UI 规划从生产方法到计划势必不断变革。

跟着更人性化的需求在各领域的渗透，信任越来越多垂类场景的智能 UI 项目会呈现在咱们身边，影响每一个人。

欢迎关注作者的微信公众号：「AlibabaDesign」