189 8069 5689

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

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

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

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

1. 视觉重心

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

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

1)视线引导

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

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

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

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

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

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

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

c.环形能够汇聚视线


分享名称:资讯类产品阅读列表的交互设计思考
当前链接:http://cdxtjz.cn/article/cpppse.html

其他资讯