优化List式信息结构 — 眼动研究

0 评论 4111 浏览 2 收藏 3 分钟
对未来感到迷茫?起点课堂的导师将为你提供专业的职业发展规划指导,帮你明确方向、设定目标,让你在产品经理的道路上,每一步都走得清晰而坚定。

List式信息结构是在网页中常用的,一种类似于表单的自上而下的信息分布方式。例如Facebook中和其他社交网站中常用的信息流,很多电商网站中常用的产品列表,这些都属于List式信息结构。

关于List式结构的研究有很多,它的优点在于其符合目前人类自然阅读的两条基本规律 —   自上而下,从左往右。但是经过近些年的眼动研究,其缺点也越来越多的被发现,即注意力分布不均匀,处于较顶端的元素获得了90%的关注度,而中间部分的元素则很难被注意到,具体详细信息请参看这篇blog。

香港浸会大学的Li Chen教授在去年发表了一篇论文,对三种List式信息结构进行了眼动研究。如下图

如上图,除了在普通list式结构(a)的基础上,Li Chen 同时测试了令两种经过了优化的结构(b,c),即将原有的列表分离成若干小部分,并给它们加上小标题。热点图,和浏览顺序图如下:

从上图可以看出,在后两种list结构中,用户注意力的分布会更加平均些,而不像第一种list结构,中部很少被注意到。而实验也证明,用户在后两种list结构中的购买率也更高一些。细看的话可以发现,在后两种结构中,起关键作用的是各个“小标题”,它将用户散落在各处的注意力串联在一起,让整个页面成为一个整体。这个概念对于更合理的list结构信息流的设计也许会有些启发意义。

来源:http://nickinteractiondesign.com

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
16224人已学习12篇文章
区别于普通业务,中台能让系统更好地满足业务需求,提升系统效率。本专题的文章分享了如何搭建业务中台。
专题
11926人已学习12篇文章
金融产品的流程与常见策略规则类型是从事相关行业人员需要了解的重要内容。本专题的文章分享了消费金融APP流程详解。
专题
32406人已学习19篇文章
一个合格的购物车是怎么设计出来的?
专题
17955人已学习13篇文章
本专题的文章对整个商业模式进行了一个清晰的梳理和设计,并说明了商业模式如何变成可执行的路径。
专题
14547人已学习13篇文章
数据仓库是所有产品的数据中心,公司体系下的所有产品产生的所有数据最终都流向数据仓库。本专题的文章分享了什么是数据仓库和如何搭建数据仓库。
专题
12867人已学习12篇文章
现如今,越来越多的企业开始重视私域,很多的企业都对私域的发展进行了布局。本专题的文章分享了如何搭建私域模型。