导读：内容产品的首页大家都不陌生，作为承担着品牌传达和内容分发两大基本使命的页面，改版设计难度很高。除了其牵一发而动全身特殊地位外，面临的最难问题是，为了什么而改？依据是什么？改完就能更好吗？本文就从流量价值思维开始，带领我们看看部落首页的改版设计。

01 流量价值思维

流量天然诞生于满足用户需求的场景中，而产品能从中获取到什么价值，则需通过设计手段达到，例如获取内容（引导用户创作）、获取线索（引导用户进一步使用服务）、获取收益（引导用户付费）等。

用户产生的流量价值

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

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

入口流量图

02 流量分发的判断标准

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

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

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

标准2：流量的产品价值

泛浏览用户未被培养具体兴趣，习惯于在feed流浏览，互动行为较少。而深度浏览用户具备特定兴趣，习惯在某个主题下浏览，且会产生互动行为，有商业转化的机会。因此，后者价值更稀缺，产品也更希望引导泛浏览用户成为深度浏览用户。

判断标准

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

03 流量分发的模型提取

想要提升某入口的合理占比，无非就是动结构动视觉，难在动的有理有据。这里我们用视觉归纳的方法去研究入口的分布和占比。

第一步，将流量类型对应的功能进行归纳。

功能归纳

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

打标

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

重叠

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

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

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

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

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

05 应用流量指标做模型验证

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

1. 用户天然的需求比例，可以导出首页向深度流量入口分发的流量占比是否有提升。
2. 流量的产品价值，可以导出从首页导向主题内容的流量占比是否提升，该部分流量的价值是否被发挥（用户留存）。

通过灰度测试，一半用户都使用了自定义部落功能，且该部分用户的次日、3日、7日留存提升了2倍以上，从首页导向主题内容的流量占比也提升了一倍。

06 小结

流量价值思维，可以帮助设计师从业务角度思考流量分发的作用，让设计更好的服务于产品目标。视觉归纳法去抽象流量入口的分布状态可以帮助我们快速理解页面的流量理想分配，发现当前流量分配的主要问题。

在后后后后面的文章中，我们还会带着流量思维去做流量的转化，点个小赞，敬请期待~

作者：梁晨曦，交互设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@梁晨曦

题图来自Unsplash，基于CC0协议