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

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

创新互联公司专业为企业提供金东网站建设、金东做网站、金东网站设计、金东网站制作等企业网站建设、网页设计与制作、金东企业网站模板建站服务，十余年金东做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

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

1. 视觉重心

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

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

1）视线引导

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

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

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

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

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

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

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

c.环形能够汇聚视线

分享题目：资讯类产品阅读列表的交互设计思考
本文路径：https://www.cdcxhl.com/article34/cpppse.html

成都网站建设公司_创新互联，为您提供动态网站、云服务器、网站排名、软件开发、关键词优化、网站收录

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联