UI设计丨流量的分发设计

内容产品的首页大家都不陌生，作为承担着品牌传达和内容分发两大基本使命的页面，改版设计难度很高。除了其牵一发而动全身特殊地位外，面临的最难问题是，为了什么而改？依据是什么？改完就能更好吗？本期我们就从流量价值思维看看部落首页的改版设计是怎样的？希望各位小伙伴可以从中得到些启发！

01.内容产品首页的设计困惑

02.流量价值思维

部落作为58同城的内容社区，天然坐拥百万日活，其定位就是通过内容为重决策服务但低访问频率的产品提供粘性。而部落想达成内容吸引和活跃的目标，其第一步就是在首页做好内容分发，将用户吸引进入更符合需求的内容或聚合，从而发挥后续价值。

而此时，部落刚好处于两大内容型产品的合并时期，原有的布局铺设的入口多且结构复杂，通过拉取所有入口的数据，发现主题内容入口流量占比少到可以忽略不计。那这些不被用户“宠幸”的入口，是否该一去了之？

03.流量分发的判断标准

首先必须明白，流量分发不是种树，不能盲目砍掉小枝丫去供给已长成的粗壮树枝，而要以是否能帮助流量达成产品价值为判断标准，即该供给的是否得到满足，整体流量比例是否合理。那如何判断呢？这里有两大标准：用户天然需求比例、流量的产品价值。

·标准1：用户天然的需求比例

即通过需求将用户分类，在部落中，用户大致被分为泛浏览用户和深度浏览用户。主要分别在是否有特定主题的内容兴趣，两者占比大概在9:1。

·标准2：流量的产品价值

通过以上标准可以判断，那些被用户忽略的主题入口，正是产品想要通过一级页引流的、具备较高价值的流量入口，且用户使用基数也远大于现有流量分配。只是因为当前不合理的结构或设计造成了不被关注的现状。因此，新首页应该以分发深度流量为目标，提高该流量的占比。

04.流量分发的模型提取

第二步，抽取深度流量入口打标。

第三步，将所有处理过的竞品图像进行重叠，进行观察，标记的汇聚区域即是目标入口位置集中的区域，标记的占比面积即是同类产品采用的平均曝光度。标记后发现，深度流量入口集中在头部和feed流。头部区域占比高，集中程度高，这样设计的目的是方便已有的深度浏览用户可以快速进入主题内容。第二，feed流中的入口相对弱化分散，占比小，但是feed流卡片的基础构成之一，起着将泛浏览用户转化为深度浏览用户的作用。

第四步，对比已有首页的模型。发现当前首页的深度流量入口占比偏少，头部聚合不够突出，feed流的基本卡片结构混乱，导致深度流量入口视觉感官不明显，且由于显示策略的问题，入口也时有时无。

05.用流量价值思维做设计重构

针对以上问题，我们对首页进行了设计重构。

从结构上，我们首先简化合并了重要性较低的内容类型入口，因为用户是按内容浏览而不是类型浏览。其次，按照流量模型，我们将深度流量的入口集中安排在头部，为了提升该部分的流量分发效率，让用户都能通过该模块去往主题内容，这里运用自定义的设计手段，让用户自己编辑金刚位上显示的部落，去拓宽命中率。然后，我们将主题内容变为feed流中的基础卡片之一，在feed流中增加深度流量的引导。

从feed流基础卡片上，首先，我们整体调整了卡片的内容分布，头部空出用户运营区，将部落下移，将话题上移与内容连接，形成腰部主内容区，之后承接阅后的互动区。其次，我们调整了图片显示效果、提升显示质量，成为内容吸引的第一眼钩子。至此，新的首页诞生，我们通过提取模型对比了前后效果，从视觉上看新版的深度流量入口相比更贴近竞品模型。

06.应用流量指标做模型验证

还记得判断流量分发的两大标准吗？我们的验证指标也从这两大标准而来。

标准1：用户天然的需求比例，可以导出首页向深度流量入口分发的流量占比是否有提升。

标准2：流量的产品价值，可以导出从首页导向主题内容的流量占比是否提升，该部分流量的价值是否被发挥（用户留存）。

07.小结