通过研究视线轨迹改良设计
2006-07-02 – 8:29 下午作者:一叶千鸟
原载:http://home.rexsong.com/?p=355
此研究报告来自名古屋市立大学芸術工学部的木本晴夫教授,整理了部分文字和图片。
视线跟踪技术早期主要应用于心理学研究、助残等领域,后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中:
- 推断人们感兴趣或引起注意的内容
- 通过所注视的对象可得到其指代对象
- 暗示对象之间的关系
能否自发、自觉地使用视觉导向的设计方法,并根据视觉路径走向排列关键信息,这是区别专业与业余网页设计师的一个重要依据。
视线轨迹
视线经过的所有关注点可以连接成一条完整的路径,即视觉轨迹。

A. 左右移动优先于上下移动(文字左右书写的情况)
B. 在同一背景区域移动
C. 移向醒目的地方
D. 向底部移动的可能性小
视线焦点
打开一个新的网页,我们的视线首先会聚焦在网页中最引人注意的那一点上,即视线焦点。

E. 上面配置一个eye-catcher会导致难于解读
F. 中央配置了eye-catcher时视线不稳定
G. 右上配置了eye-catcher时视线不稳定
H. 点对称时视线流向稳定
改良设计的例子

对“改良前”的设计建议:
1. 左上配置eye-catcher并强调
2. 横向整列排列图片,统一背景
3. 做成点对称
視線追跡装置をチラシのレイアウトデザインに応用する http://www.sda.nagoya-cu.ac.jp/kimoto/ncu/yamauti_eyemark/eyemark_recorder.html
用鼠标模拟视线跟踪技术 http://blog.csdn.net/henrybai/archive/2005/07/01/409249.aspx