专栏名称: AlibabaDesign

这是一个充满魅力的组织，是一群疯狂热爱用户体验的家伙；这里有国际音乐家、有舞者、游戏玩家、摄影师以及各个领域的爱好者；我们坚信，创新、设计、技术和客户第一的价值观粘合在一起，一定会创造出我们为之疯狂的用户体验！

回归初心：打造用户喜欢逛的内容

AlibabaDesign · 公众号 · · 2021-06-21 17:00

正文

*文章最后有惊喜小礼物哦*

“构建用户的记忆点，内容也可以被设计。”

互联网时代的到来，日新月异的信息充斥在我们的生活方方面面，可以说现如今我们的衣食住行都与博主们的推荐、贴主们的见解密不可分。在这场时代的变更中，淘宝也开始调整它的布局和方向，从曾经看重“钱包份额”到现如今更看重用户的“时间份额”的转移。

如何在淘宝的业务形态中，通过内容的组织，探索出与用户更好的沟通方式，是设计师一直想要探寻的答案，也是今天文章的主角，来自淘宝设计的内容化设计探索。

▲ 「淘宝逛逛」内容化

打造高效轻便的泛内容消费框架

在手机淘宝内生长出来的内容，必然要有一个适用于它的纷繁的业务形态和供给的内容框架。

在同步考量内部的复杂环境，和综合考虑用户在外部平台所形成的消费习惯之后，设计从高效兼容、深度浏览和轻便操作的泛内容社区来切入。 我们通过对核心框架的链路整理，再对提取出的共性框架结合淘宝场景特征进行定制化设计，同步在设计的过程中沉淀出交互通用性原则。

▲ 「内容消费框架」设计目标

首先，基于对淘宝内容场景和链路的全方面摸底，我们进行了高度提炼和总结：

这三种场景的每一个都对应了几种内容框架以及框架之间的流转链路，从左往右逐渐从重分发到强沉浸的浏览体感。

▲ 三大内容消费场景

再者，通过分支场景去重以及功能性整合我们提炼出了图中的5个核心体验框架： 分别为 双列流、大卡流、沉浸流、动态流以及文本流。

▲ 5个核心体验框架抽象框架

双列流： 需做到突显有效内容、规范容器尺寸以及提升图像消费性。

大卡流 ：在搭建高效弹性框架的同时佐以图像的多维发现能力。

沉浸流： 在电商定制框架的基础上进行最大化全局适配。

动态流： 以采用铺陈式框架保证完整消费的同时进行多元内容兼容。

文本流： 采用信息对比调优和结构层级简化来帮助阅读。

▲ 体验框架在淘宝业务中的应用

▲ 五大核心体验框架设计成果

设定具备品牌特征的内容调性因子

高效、深度、轻便的内容消费框架帮助淘宝内容构建了“骨架”，那么长在骨头间的“肉”呢？也就是我们的内容本身应该要怎么设计呢？内容要做好就需要有记忆点、具备品牌调性。

▲ 品牌调性3大来源

这样的品牌调性我们从3大来源进行切入：

我们对带有调性因子的创作者及用户们进行理念设定： “捕捉生活中有趣闪光的风格瞬间”。

▲ 品牌调性设计思路

基于这样的理念，我们设定了在创意层面可执行的主策略“虹彩光感”，并对在产品层面拆了6个落点的维度，包括滤镜、动效、排版、花字、措辞以及音乐。