今日头条作为资讯阅读类产品，Feed流景是资讯类产品的核心景之一，关于Feed流的改版尝一直在进行，针对本次优化，多次在线上进行验证后，得一个的结果，也将关于「头条首页改版」运用的计方法进行享。
观点-实验-规则
项目前期提出计论点，通过方案和实验去验证可行性，最后结案例形成符当前景的计规则，这也是本次计探索所运用的论证方法。
1. 什么阅读需求？
一组信息通过不同的字反差组合满足不同场景下的文字阅读需求，这称之阅读需求，阅读需求一般可以归纳以下3种类型：速型、浏览型、阅读型。
- 快速定位型：主内容突出，反差比大，快速检索到需要的信息。
- 浏览型：被检索信息主次较平均，字反差比中。
- 阅读型：无殊调内容，需要用户沉浸式阅读，字号反差比较。
△ 三种阅读需求
2. 今头条首页的阅读需求是什么？
今头条Feed的阅读需求，我们定义为快速定位型和浏览型之间。原因是在阅读Feed时，用户有获取标题关键信息的强定位属，同时也有浏览feed信息的浏览诉求；从Feed阅读习惯的分析，我们提到两个关键词，信息的定位和浏览，面的探索也围绕两个关键词展开。
△ 首页的阅读需求
1. 信噪比与界
「信噪比」（Signal-to-Noise Ratio）原本是用在声音和图像领域概念，指在声音传播过程信号和噪音比例。这个理论也可以运用在页，如要将讯息完地传递使用者，可以选择强化原有讯息，或是降低多余杂讯，来提高「信噪比」（Signal-to-Noise Ratio）以增加讯息成功被判读率，也让使用者能更轻松地阅读资讯。
一组信息是否更的兼容定位与浏览属，在信息身是否够强与清晰；「信噪比」理论是帮助我们理「信息清晰度」的存在。
简言之，「信噪比」理论通指效信息次级信息的比例，控制平衡这比例，可以利于信息完整的传递给用户，也能轻松的获取资讯。
通过化页面内的有效资讯，降低多余杂讯，从而提升页面内的「噪比」，以达提高有效资讯传递，帮助用户能更轻获取资讯的目的。「噪比」理论是非常通用、使用广泛的指导理论，对息流页面计有确的指导作用；
△ 提升「噪比」的目的
2. 视觉搜寻实验
△ 视觉搜寻实验
在视觉搜寻的实验，让受者从许多个「X」面挑出1个「O」，然后再让从「┸」面挑出一个「┼」。把所有的视觉素称作刺激总量，大部的素（「X」和「┸」）称为干扰物，唯一不一的那个素（上面例的「O」和「┼」）称为目标物。而实验的目的，就是要检测在干扰物增加和同等情况下，受者会不会需要花费更多间才能找目标物。
当我们的视觉系统在辨识影像时，有一些影像的属性很容易被大脑处，我们的视觉系统可很快过滤辨识这些基础特征，我们的大脑分辨这些影像属性更容易一些。因此我们涉及到大量信息的设计时，如果够善这些基本特征，可户的阅读效率。
那么，什么样特征能够帮助讯息更快，更有效被用户判读和接收呢？在视觉搜寻实验，有些基础特征很容易被我们视觉系统所辨识出来，其主要有4不需注意力介入便能轻易分辨基本特征：
- 颜色
- 线段
- 大小
- 运动
△ 4基础特征
强化信息的基特征是增强信息被判读最有效的方式，我们以根据场和用户诉求，选取最合理的方式来对信息进行处理；4个基础特征，通反差来增强核心信息的突出程度，辅助信息更的传递给用户。
通过「视觉搜寻实验」，我们可以得到两点结论：
- 在干扰物增的情况下，基础特征和其它区别不明显的物，用户花费更时间才能现。
- 元素对比越强，用户能越获取自己的信息。
两点结论是对」信噪比「理论的补充，处理信息的」信噪比「关系，强化有效资，弱化次要，帮助用户有效接收资，更轻松获取资。
3. 首页目标的变化
资的生命周期中，包括产生、传递、接收三个重要的阶段，而每个阶段有能造成信息的损耗；
信息产源，这里的损耗所难免，我们所的，尽可能控制」传递「」接受「阶段的损耗；早的条首页承载信息，目的了让用户可以接受到多信息，这时「效率」会第一。
但在承载大量息的同，页面息过多，容易造成息对比弱、布局密集，从而导致息 」传递「 阶段的损耗，同用户在」受「息，拥挤的息布局，受息的」效率「被降低，被迫造成损耗。
为了更好的升首页阅读效率，我们重审视当前的设计目标，通过对同组合的空间调整，平衡展示效率及阅读识别性，控制「传递」和「接受」中必要的信息损耗；将设计目标从过的「效率最大」，调整为「有效，轻松的阅读」
于这个目标，我们结合前抽离」信噪比「理论，进更为细致拆解，确保能落实到后续设计案。
△ 设计目标转变
4. 回顾信噪比
「信噪比」理论可以平衡页内有效信息和级信息，在这样理论引导下，提供案其实更具备说服力。
和图噪点一样，噪点越低，清晰度越高，映射到页面也是此，页面内的，影响到有效息的传递，我们需要做的，就是给页面进行「降噪」处理。
1. 文反比
根据前期」信噪比「论和」视觉搜寻实验「，我们出两个核心观：
- 强页面的有效资讯，降低多余杂讯，给帮助户有效获取信息。
- 元素比越强，用户能越快获取自己想要资讯。
两个论点实都到了信息对强弱对于户判读的影响，由此可见，同信息的反差系,是增强信息传递，缩短户接受信息耗时间的键指标。
如说「信噪比」是信息流优化理论依据，那么「反比」则是验证页信息反关系手段。
整页面内文字反差，一般通三种方式来提升或整
- 号
- 字重
- 字色
△ 提升文反
让我们来看首页中Feed流的标题字号，我们通 iOS 和 Android 的通用文字规范以现，最小阅读文字为12号字（10号字用在标签，9号字用在数字提醒，不适合为阅读文字），Material design中正文内容默认字号为16px，iOS规范中则定义7个正文字阶（14、15、16、17、19、21、23)，综合方因素，我们选取16号字、17号字为主要验证目标.最形成16/12 17/12两组组合来验证上Feed信息流。
「信噪比」「视觉搜索」理论中，多次提到增强元素反差比，用户能越获取资讯；所以我们也试了加粗字体加文字的实验试，用于验证文字反差比的限。
△ iOS/Android 通用文字
2. 反差比公式
了好的验证观察Feed流中的不同文字字的反差关系范围，我们提出了一坐标公式用于验证，可以直观的观察字，字色，字重三组信息间的关系。
Y轴代表字号，X轴是不同灰阶文字颜色，可以将Feed息组中的字号放入表格中，通过科学方法检验反差范围。
于这套验证公式，是我们为了验证字反差的检验方法，通过同实验组中字号的反差范围来验证哪组更适合Feed场景，最后输成符合当前场景的通规则。
△ 字/灰阶反差推导图
最后，我们选择4组案进首页反比验证，时将比号放入坐标轴,可以看出以下文反范围
- 16号字粗/12号字
- 17号/12号
- 17号字加粗/12号字
- 18字/12字
△ 在反比范围内，选取四体组合
上面4个表分别对应4组反差比验证的字号组合，不同字号组合的反差比范围，我们视化出来，以便更验证哪个信噪比范围更合理；每组方案的反差比范围不一样，我们通上验，选取最适合当前场的反差比范围，并形成适用Feed的反差比规则。
这里也验证首页Feed反差比的限下限范围，时主体并不反差越强越好，反差也阈范围，超过这阈范围，会导致信息展示比例不协调，用户侧也会起到反作用。
目前对于坐标公式验证文字反差比的理论还于实验理论阶段，认为对于字号和灰阶之间，有理的规则存在，独对于规则的抽离和梳理，还需要大量本去实验论证，后续有新的结论产出和模型迭代。
目前线上首页存在以下问题：
- Feed间距不统一，间距控件缺乏一致性。
- 过去品牌颜色比较陈旧，未给用户传递品牌印象。
- 务发展要更多拓展空间，当前首页格难满足。
为了解决这些问题，对于首页的视觉语言进行了优化，通过」噪比「理论，了解衡有效息和杂讯的比例，是保持息干净清晰，更好触达用户的保证；因此重新梳理不同题材的结构，确保核心息在首页展示的唯一性，去掉了对于用户阅读过程中可能造成阻碍的息。
△ 首页前后对比
这样，首页上核心信息的展示层级得到统一，保证了信息干净清晰，够更好触达户。
在「信噪比」理论和「反比」实验基础上，输出了用于线上测试设计案，为了验证首页不变量影响，我们把头部，号，，距这些可能影响首页素都拆分验证于首页影响；时，根据前」反比「验证理论，我们把」号加大「和」文加粗「也放进实验进验证，为后续实验积累数据样本。
△ 线上验证首页案
综合前面的验结果，最终我们选择两组两组方案，目前上在进行最验。在验中，我们也提取到几点关键指标：
用户对于灰样式并未特别排斥，这对于过去条顶部必须色的认知些挑战；其实当下设趋势减少用户阅读的信息扰，灰符合这一趋势，同时使用灰也会提升条整体品质感，对于后续设拓展很帮。
加粗字体上，男性用户比较偏好加粗字体，但是性用户和年轻用户较为反。
增大Feed字号，信息展示确实更突，但是影响到整个首页的感官，而且违背了我们的设计目标，同时利于后续设计拓展。分户手机的展示情况和特殊字体设置都会受到大字体影响，需慎重考虑。
前有谈及18号问题，号增大确实能增强视觉感官，要考虑到头条用户比较喜欢运用特殊体，特殊体比用体更加个性化，是体大小，展示高度并不可控，号比较大情况下，再加上手写体，效不可控。
△ 线上手写体情况
上验，我们也进行一次下用户研，用研结果中用户对新版满意度高旧版，其中有一个点次被用户提及到，就是整的圆角搜索框。相比去的方形搜索框，整的圆角搜索框是能给用户留下深刻印象的视忆。
回顾整个首页改版程，我们总结项目中的流程和思考，希望能帮助大家：
1. 定义当前使用场的阅读需求：
阅读Feed的时，用户有获取关键信息的强定位属，同时也兼顾feed信息的浏览属。
2. 通「信噪比」理论，明确设计方向：
强化页面内的有效资，降低余，提升页面内的」信噪比「，达到用户有效接受资，轻松获取资的目的。
3. 运用「反差比」手段，提升信息反差比，增强信息传递：
文字以通字号，字，字重整反差关系，并且通「文字反差验证表」进行反差比范围验证，推导出更适合首页的反差范围，形成首页反差比规则。
4. 上拆分验证，量化首页影响指标：
上验证方案，把字号、字重、间距疏密，头部颜个度拆分验证，观察不同个指标对首页影响。
5. 抽离项目中有价值的信息，续形成统一规则：
间距样式和信息级统一的feed模块；从矩形到圆角的搜索框识点以沉淀成信息流场的认规则，并且给予其它业务和项目理论和践支持，将理论和上验证相结合，形成正有价值的设计方法。
「信噪比」理论以泛运用到页面信息设计中，帮助大家合理的梳理核心信息与次要信息关系，并且通」反差比「手段，增强有效信息或弱化次要信息；障页面内级的合理局，帮助用户更有效的判读信息；次改版也是对目前认基础上进行的一次拆与构建，去我们所认的基础目前能处变化阶段，也为我们续方向探索提供更能。
希望这些能后续设起到帮，给予家思与灵感，好的服务用户。
参考资料
- 视觉搜寻 (visual search)：
http://maximum-possibility.blogspot.com/2012/10/visual-search.html - 資訊和特殊效果的絕妙平衡：
http://blog.fourdesire.com/2014/12/11/zi-xun-he-te-shu-xiao-guo-de-jue-miao-ping-heng/
欢迎关注者微信众号：「今头条UED」
浙公网安备33011002017549号