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

标签: 信息交互 信息结构 产品设计 | 发表时间:2012-02-14 14:59 | 作者:P迪
出处:http://www.alibuybuy.com

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

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

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

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

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

来源: http://nickinteractiondesign.com


© 推荐 for 互联网的那点事, 2012. | Permalink | No comment | Add to del.icio.us
Post tags: ,

你可能也喜欢:

如果法律要求,Twitter会移交用户信息 (@tech2ipo)

不是因为信息过量,而是因为过滤太失败 (@tech2ipo)

导航设计中的信息结构

信息构架的若干原则 (第二部分)

周全:交互设计中的视觉结构
无觅

Feed enhanced by Better Feed from Ozh

相关 [优化 list 信息] 推荐:

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

- - 互联网的那点事...
List式信息结构是在网页中常用的,一种类似于表单的自上而下的信息分布方式. 例如Facebook中和其他社交网站中常用的信息流,很多电商网站中常用的产品列表,这些都属于List式信息结构. 关于List式结构的研究有很多,它的优点在于其符合目前人类自然阅读的两条基本规律 —   自上而下,从左往右.

Web交互设计优化的简易check list

- 没剑 - 互联网的那点事
“优化已有产品的体验”,这是用户体验相关岗位职责中常见的描述. 我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废. 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入“重要不紧急”甚至是“不重要不紧急”的象限,变成了东一棒子西一榔锤的买卖.

2015,Google 的 to do list

- - 博客园_新闻
Google 是一家很有抱负的公司. 和去年一样,今年 Google 做了很多事情,多到有点数不清. ArsTechnica 做了详细的梳理,整理了 Google 今年收购的公司以及之后所做的动作,知道它在下一年的打算. Nest 与 Google 智能家居野心. 年初,Google 用 32 亿美元收购 Nest.

PHP RFC: 让PHP的foreach支持list

- 三马 - 风雪之隅
本文地址: http://www.laruence.com/2011/07/13/2110.html. 上个月, 终于算加入了PHP developer team, 一直以来最大的障碍就是语言, 现在想起来, 当年真应该更加认真努力的去学习英语.. 得到的第一个任务是: 解决一个feature request, 请求在allow foreach($array as list($a,$b).

LevelDB中的Skip List(跳跃表)

- jiaosq - NoSQLFan
本文是关于Skip List数据结构的,Skip List是在有序List(链表)数据结构的基础上的扩展,解决了有序链表结构查找特定值困难的问题,使用Skip List,可以使得在一个有序链表里查找特定值的时间复杂度为O(logn),在本文中我们看到,Skip List被用在leveldb中,实际上它还被使用在Redis的sorted sets数据结构中.

如何优化网站信息架构

- - 钛媒体网
最近突然想写个专题类的文章,关于如何让用户更方便快捷地在网站上寻找到他们需要的信息,当然不能脱离博客的主题——网站数据分析,所以这里主要介绍的是如何通过网站分析来优化网站,实现用户对信息的快速获取,首先介绍的是网站的信息架构. 关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简单温习,在这里表述一下我的一点拙见.

Out of Milk Shopping List 用Android打點大賣場購物清單

- lichzy - 電腦玩物
柴米油鹽醬醋茶這些生活必需品總是要我們定期去做一番採買,但一長串購物清單如果沒有事先管理,難免會漏東漏西,或者不小心買到家裡冰箱早已有存貨的物品. 而對於智慧型手機用戶來說,利用各種App來建立購物清單、存貨清單,應該會比紙本記錄更有彈性吧. 可以製作購物清單的軟體非常多,基本上你可以用Evernote建立購物清單,也可以用Remember the Milk建立採買列表.

响应式互联网设计【A List Apart杂志第306期】

- - 译言-每日精品译文推荐
伊森·马考特(Ethan Marcotte). “在印刷媒体中设计师拥有一种熟悉的掌控感,从而常常渴望在互联网上也能同样地掌控全局. 然而这种掌控其实只是实体印刷页面本身固有的一种局限而已. 互联网恰恰没有这种局限,所以我们因该拥抱它给设计带来的自由天地. 但首先,正如老子所说,万物作而弗始,生而弗有——我们应该先接受事物生灭的规律.

Any.DO 簡潔優雅開始完成工作的 Android To Do List App

- hkftwe - 電腦玩物
我很喜歡「Any.DO」那句巧妙的標語:「Make Things Happen」,來源應該是那本非常有名的專案管理書籍《Making Things Happen》,我自己的解讀是,在完成事情(Get Things Done)之前,更重要的是讓事情開始發生,也就是當能夠跨出每個任務最重要的第一步時,事情就已經趨近完成了.

Self Hosted - 超赞开源免费合集 awesome list chinese

- -
有关个人分析 / 仪表板,请参阅 . Content Management System 解决方案还具有存档和数字保存功能.. Access to Memory (AtoM) - 基于 Web 的开源应用程序,用于在多语言、多存储库环境中进行基于标准的档案描述和访问. Archivematica - 成熟的数字保存系统,旨在维护对数字对象集合的基于标准的长期访问.