眼未动,心已动【碳酸饮料会】

作者:咏沙 来源:Taobao.com UED Team 时间:2009-09-01 19:32:00 

分享人:轻侯

设计师常有这样的疑惑:
如何知道用户浏览网页的习惯?
如何设计出符合用户使用习惯的网页?
如何从搜索引擎带来更多的流量?

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

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

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

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

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

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

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

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

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

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

3.眼动研究FAQ

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

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

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

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

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

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

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

标签:设计师,网页,眼睛
0
投稿

猜你喜欢

  • WebSocket的简单介绍及应用

    2024-04-23 09:20:09
  • 利用Python实现Picgo图床工具

    2023-10-09 16:10:45
  • Python+Pygame实现简单的射击小游戏

    2023-06-01 11:50:30
  • ES6新特性一: let和const命令详解

    2024-05-22 10:37:14
  • 树莓派使用python-librtmp实现rtmp推流h264的方法

    2021-10-24 13:50:15
  • django框架实现模板中获取request 的各种信息示例

    2023-08-31 05:16:41
  • laravel yajra插件 datatable的使用详解

    2023-11-18 20:05:06
  • Windows 8.1下MySQL5.7 忘记root 密码的解决方法

    2024-01-27 22:16:16
  • 教你怎么用Python实现自动生日祝福

    2022-04-08 01:03:25
  • mysql数据库备份命令分享(mysql压缩数据库备份)

    2024-01-22 10:36:57
  • python PIL和CV对 图片的读取,显示,裁剪,保存实现方法

    2022-02-06 09:35:07
  • ASP编程入门进阶(十四):Browser & Linkin

    2008-06-12 07:08:00
  • python3.6连接mysql数据库及增删改查操作详解

    2024-01-23 22:27:27
  • PHP实现的随机IP函数【国内IP段】

    2024-06-05 09:49:17
  • CGO编程基础快速入门

    2024-02-05 05:20:58
  • Jupyter notebook如何修改平台字体

    2022-03-21 13:37:59
  • python3处理含有中文的url方法

    2021-04-10 02:42:45
  • python使用正则表达式替换匹配成功的组并输出替换的次数

    2022-04-05 06:35:05
  • python将人民币转换大写的脚本代码

    2021-03-05 17:36:23
  • python代码打印100-999之间的回文数示例

    2022-10-14 02:53:39
  • asp之家 网络编程 m.aspxhome.com