IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

眼未动,心已动

Taobao.com UED Team 2009-10-13 23:03:11 累计浏览 2,329 次
本机暂存

    youpeng

    分享人:轻侯

    设计师常有这样的疑惑:

    如何知道用户浏览网页的习惯?

    如何设计出符合用户使用习惯的网页?

    如何从搜索引擎带来更多的流量?

    眼动研究可以帮助我们记录用户浏览网页快速变化的眼睛运动数据,包括:注视点、注视时间、眼跳方向、眼跳距离和瞳孔直径等多种参数,还可以绘制眼动轨迹图,直观而全面地反映眼动的时空特征。

    在这期《眼未动,心已动》的分享上,轻侯以淘宝的经典案例为例,让我们亲身体会了眼动仪实验的过程和对数据结果的分析,同时详细介绍了:

    1.眼睛的生理、心理构造

    我们的眼睛有两根轴线,一个是光轴, 一个是观察时视线的视轴。简单的说,视网膜与视轴相交处从内而外可以划分为:中央窝、近窝区、边缘视觉。中央窝是最集中的视觉区域,当离开中央窝后分辨率 急剧下降,并且越远越低。近窝区预先阅读中央窝的信息,边缘视觉善于捕捉运动和对比。

    eye

    我们浏览网页主要分注视和扫视,注视时眼睛相对较旧的“固定”在一个特定的区域,主要信息通过中央窝获取。扫视时眼睛快速、短暂的浏览,主要信息通过近窝区和边缘视觉获取。

    look

    2.眼动研究的历史及意义

    眼动实验的原理主要是:在实验当中,主试利用一小束对人体无害的微弱光束,射向被测试人的眼睛,这束从眼球表面反射回来的光就记录了眼球运动的情况。它的意义在于通过对结果进行分析,我们可以了解:用户如何观看一个界面和挖掘影响观看行为背后的设计因素,从而识别界面尚待改进的地方,提供客观的数据来指导设计。

    眼动研究在前期主要有观察法、机械记录法、电流记录法等。

    观察法是用肉眼直接观察被试的眼动情况,这是一种比较原始的眼动实验法。实验时在被试的面前放一面镜子,主试站在被试后面,由镜子里观察被试的眼动。后来又出现了一种窥视孔法,就是在被试阅读的材料中间穿一个直径为0.76cm的小圆孔。主试可以通过小孔观察被试阅读时的眼动。观察法简便易行,可以在没有仪器的情况下使人了解眼动方面的知识。但它只能对眼动进行比较粗略的研究,其结果不够精确。因此,这一方法很快就被新的方法所取代。

    机械记录法是通过把眼睛与记录测验装置用机械传动方法联结起来实现的。主要有头部支点杠杆法、气动法、角膜吸附环状物法等类型,眼动的机械记录法装置复杂,调整起来很麻烦,其实验结果的准确性也较低。

    电流记录法原理是:眼球运动可以产生生物电现象,角膜和网膜间存在一个电位差,当眼睛注视前方不动时,可以记录到稳定的基准电位。电位的变化由置于皮肤相应位置的电极导入放大器的电流计显示在示波器上。也可由记录器在记录纸上描记电流变化的波形图。这种方法可以记录到离开注视点70°的眼动,其精确度为1.5°~2.0°。

    method

    3.眼动研究FAQ

    问:热点图是否越红=越好,没颜色=没用?

    答:不一定。需结合场景,用户的主观解释及其他(点击)分析;颜色代表相对趋势,没颜色不代表绝对看不到。

    问:注视时间越长越有吸引力?

    答:不一定,注视时间长也可能表示该区域难以理解。

    问:我的项目是不是直接拿眼动仪就行了

    答:眼动数据不能解决一切问题,且眼动研究对样本数要求高,测试设计要求更严谨。

    同时,四川电信的朋友们专程赴UED交流学习,在碳酸饮料会上和我们零距离互动。希望有更多的设计师团体加入到我们的交流学习中来,友朋自远方来,不亦乐乎!:)

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. Web表单设计之注册表单 (累计阅读 8,877)
  2. 用色彩打造专业的视觉效果 (累计阅读 7,233)
  3. 招聘者拿起你的简历后的前6秒钟看的都是什么 (累计阅读 6,110)
  4. 视觉设计师应该略懂交互 (累计阅读 6,085)
  5. 这些反人类设计,你肯定也碰到过 (累计阅读 5,629)
  6. 产品用户体验质量的模糊评价(2)――层次分析法 (累计阅读 5,482)
  7. 企业用研二三事 (累计阅读 5,211)
  8. 行进在产品经理的路上 (累计阅读 5,040)
  9. 浅谈如何留住用户 (累计阅读 4,961)
  10. 人人都能用的10条网站易用性技巧 (累计阅读 4,936)