用超多产品，解构今日头条设计背后的逻辑

今日头条出现颠覆了传统新闻品（如网易、新浪和搜狐新闻）。

传统闻依靠着编辑人员的推荐，将闻触达给户，而今日头条则依靠着闻算法，抛弃传统人工分发的思路，使分发效率数万计的升，迅速崛起，成为头闻资讯产。

今日头条作为新闻息流的头部产品，面的计细节和计逻辑值得思考和析。

信息流样式

什是息流？息流有部组成，息流=息+流。

信息指的内，这些内可以新闻、视频、图片，所呈的样式多列表或卡片。

流指的是瀑流，以无滑动浏览。

所以信息流是可以限滑动浏览内容信息。

信息流的样式的好坏，会直接影响到信息的展现效率和点击率，从而影响到户获取信息的效率和整体阅读时长。

下图为今日头条首页推频道的息流：

将息流式进行简类，使用最多的四种式为纯文、左文右图、短内容、大图视频。如下图所示：

纯文式用于新闻中没有图片的情况，当文章中没有图片，这候采用改式。列表含有：标题、来源、评论数、发布间。

对于含图片时候，采用左文右图样式。目新闻对于含图片的列表样式，一般3种分别：左文右图、左图右文三图。

左图右文的样式，强化图，弱化标题。对新闻资来说，图无法准确的表达其新闻资的内容，所以种样式目前没什么产品使用。

目前市上绝大部分品都采用左文右图，例如今日头条、网易新闻、腾讯新闻、新浪新闻等。有是搜狐新闻采用左图右文。

三图则过图片吸引用户击查看，更加过图片引导用户击，好处是可以提升击率，是个信息流显乱，影响用户阅读。

和网易相比，头条信息流阅读起来更加舒服，视觉压力减少，这是基于今日头条三图样占比很少，如下图所示，网易新闻信息流插入三图样导致个信息流杂乱。

比下网易新闻和今日头条信息流样，如下图所示：

纯，今日头条的标题颜色更深，易的相对而言淡一些。头条的列表易的，这意味着，头条的屏幕展示条数易闻的，但是整体的空间感和留白呼吸感更舒。同时今日头条含有发布时间，使得户观看闻资讯时，够感知闻的实时性。

左右图，头条的列表易的要一些，对来看，头条的标题更明显，图片含有圆角半径，使得头条整体看上更舒。

大图视频，两者的区别大，依然是标题字颜色、封面圆角和发布时间的差异性。

小结：

头条流体空感、留白，标题颜色比做比较好。

留白相对于易更多一些，相同的屏幕空间，展示的容信息会一点，屏幕展示效率会低一些。但户在阅读过程中舒适更强，同样的情况户的阅读时长会变长。

信息流分发

么是信息流分发？通过一定的设计策略，将户的流量合的分配到他各个地方，从而达到产的设计目标，促进流量利最大。升流量最大限的转，获得更大的商值。

今日头条的息流主要包含5个模块：置顶模块、资讯列表、广告模块、短内容、其功能模块的卡片入。如下图所示：

推流顶部的置顶内容，最多置顶条，这是因为相关政策因。

常信息流第一条之后，插入广告，平台商业化营收。之后就会根据用户的阅读习惯，给用户推荐信息内，并时不时的插入广告。

今头条没有编辑运营，所以几乎所有的新闻来自机器法。少编辑人的人工运营，使得今头条有巨量的内容按照不同用户的阅读习惯推荐用户不同的内容。

搜索栏

在新闻信息流产品里，搜索栏所承接的使用场主要有两个。一个是提供搜索新闻功能，通关键词对当前或去的新闻进行搜索。

另个是在搜索模块提供热搜新闻，提供用户阅读。

那么如何升搜索栏的点击次数。今日头条将热搜闻示语的形式展示在搜索栏滚，吸引户。同时为了更大限的展示闻条数，采一两个的设计，保证最大程的升点击率。

户点击搜索框之后，搜索框里面置第一条热搜键词。户可通过键盘上的搜索，进行搜索。可点击搜索栏方的两个热搜闻进行搜索查看。

短视频

视频标题置于播放器中，这样的好处可减卡片，视频曝光量升，缺点是户如果想看视频标题介绍时，则需要点击播放器，标题才再次现。

标题置于播放器里面，头条可展示2.5条，而好看视频将标题置于外面只展示2条，如图示：

对于广告务来说，收入的一个重要指标则是广告曝光量，为了升广告的收入，则必须降低视频，使得广告曝光效率得到升，此升收入，头条将标题放置于播放器里面符合商目标，但是符合户目标。

小视频

小视频的布设计大致有两种，一种是抖音式布，采头像和操作项位于右侧。这样的好处是，视频的互量很明显的展示来，可引导户互。但对视频的容有一定遮挡影响。

另一种是好视频式布局，将头像昵称、操作项放在底部，弱化视频的互动数据。让用户专注于视频内容。

今日头条的视频采用和抖音一的布局。头像和操作项放于右侧。但是为了引导用户评论，在界面底部加入了输入框，引导用户评论，为了让用户更加方便的评论。上滑势变成了调起起评论。

短内容流

推荐流里面的短容（微头条），点击进入短容feed流。而非短容详情页。户如果想看详情，那么需要户再次点击。

这种设计明显体验好，估计产为他短容导流。这样的交互设计，可以使体短内容流曝量提升好几倍。

这种做法牺牲了体验，户如果需要看详情，则需要连续点击两次。这是为了务指标作牺牲的设计。

后记

上是于今日头条的一些模简单分析和解构，后续如果有深解析，我会继续更，敬请期待。

欢迎关注作者的公众号：「Echo的计笔记」