分享

通过研究视线轨迹改良设计

 冷冷 2007-06-13

通过研究视线轨迹改良设计

| |
[不指定 2006/07/05 14:46 | by yangsu ]
此研究报告来自名古屋市立大学芸術工学部的木本晴夫教授,整理了部分文字和图片。

视线跟踪技术早期主要应用于心理学研究、助残等领域,后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中:

(1) 推断人们感兴趣或引起注意的内容
(2) 通过所注视的对象可得到其指代对象
(3) 暗示对象之间的关系

能否自发、自觉地使用视觉导向的设计方法,并根据视觉路径走向排列关键信息,这是区别专业与业余网页设计师的一个重要依据。

视线轨迹

视线经过的所有关注点可以连接成一条完整的路径,即视觉轨迹。

点击在新窗口中浏览此图片
A. 左右移动优先于上下移动(文字左右书写的情况)
B. 在同一背景区域移动
C. 移向醒目的地方
D. 向底部移动的可能性小

视线焦点

打开一个新的网页,我们的视线首先会聚焦在网页中最引人注意的那一点上,即视线焦点。

点击在新窗口中浏览此图片
E. 上面配置一个eye-catcher会导致难于解读
F. 中央配置了eye-catcher时视线不稳定
G. 右上配置了eye-catcher时视线不稳定
H. 点对称时视线流向稳定

改良设计的例子

475) {this.resized=true; this.width=475;}" border=0 resized="true">

对“改良前”的设计建议:
1. 左上配置eye-catcher并强调
2. 横向整列排列图片,统一背景
3. 做成点对称

Referrence

視線追跡装置をチラシのレイアウトデザインに応用する http://www.goya-cu.a...
用鼠标模拟视线跟踪技术 http://blog.csdn.net/henry...

蓝色经典 http://www./de...

delicious http://del./url/a28...
----------------------------------------------------------------------------------------------------------------------
感谢千鸟同学:http://www./blo...
Tags:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多