资讯类产品阅读列表的交互设计思考

列表，定义为：以表格为容器，装载着文字或图表的一种形式。根据产品类型的不同，大部分都有其各自样式的列表，有些成为产品的主体，有些则为其他页面的辅助。列表设计的主要目的，就是让用户快速浏览、扫描，从中选择出自己想要“费力”点击并“费时”去仔细阅读的内容。

与传统阅读平台比较，阅读列表就像是实体书中的目录。小说的目录简洁：标题+页码；杂志的目录则相对丰富：标题、副标题、图片、摘要、页码，精致的排版，有些甚至还包括广告。每种内容都会有适合其展现的列表形式，资讯类产品的阅读列表需要考虑的几点：

1.    视觉重心

把产品希望用户看到的内容凸显出来，引导用户去阅读那些重点推荐的内容。

在阅读信息的时候，常常受到周围文字和图像的干扰，并不是那么顺畅，根据人眼视觉心理，会有几种容易引导或者说干扰到视觉移动方向的特点。

 1）  视线引导

a.  一般，暖色比冷色，鲜艳比暗淡，更容易吸引视线。

一般阅读时，视线是从左到右从上到下的，但颜色的引导会改变视线的顺序。合理运用能给列表以重点，反之则会破坏用户的心理预期，造成阅读的负担，影响认知效率。

b.  图片比文字更吸引人。

图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。

大多数资讯类列表中都含有文章配图的缩略图。缩略图的摆放位置，根据产品定位也有所不同。

更专注于资讯本身较为稳重的产品，倾向于将缩略图放在新闻标题的后面。这类资讯内容的图片质量往往较为一般，同时，能够让用户处于较平稳的心态阅读每一条标题，从而选择自己喜欢的内容，图片只期待起到辅助标题的作用。

而对于偏娱乐化，碎片化的资讯类产品，缩略图放在标题前面能够更直观的传达出内容的含义，从而缩短用户理解文字标题的时间，让用户的时间顺着右侧的图片向下快速浏览，起到快速筛选的目的。

c.  环形能够汇聚视线

d. 视线会随箭头，或数字或编号移动。

规律的箭头或数字排布，容易造成页面一侧过重，或有强烈的提示意味，要注意页面的平稳。

2）  突出

如果需要你认为用户会感兴趣的文章，或者花了很多功夫设计的部分真的吸引到他们的注意，那就要想办法把这些部分“突出&rd