眼未动,心已动【碳酸饮料会】
作者:咏沙 来源:Taobao.com UED Team 发布时间:2009-09-01 19:32:00
分享人:轻侯
设计师常有这样的疑惑:
如何知道用户浏览网页的习惯?
如何设计出符合用户使用习惯的网页?
如何从搜索引擎带来更多的流量?
眼动研究可以帮助我们记录用户浏览网页快速变化的眼睛运动数据,包括:注视点、注视时间、眼跳方向、眼跳距离和瞳孔直径等多种参数,还可以绘制眼动轨迹图,直观而全面地反映眼动的时空特征。
在这期《眼未动,心已动》的分享上,轻侯以淘宝的经典案例为例,让我们亲身体会了眼动仪实验的过程和对数据结果的分析,同时详细介绍了:
1.眼睛的生理、心理构造
我们的眼睛有两根轴线,一个是光轴, 一个是观察时视线的视轴。简单的说,视网膜与视轴相交处从内而外可以划分为:中央窝、近窝区、边缘视觉。中央窝是最集中的视觉区域,当离开中央窝后分辨率 急剧下降,并且越远越低。近窝区预先阅读中央窝的信息,边缘视觉善于捕捉运动和对比。
我们浏览网页主要分注视和扫视,注视时眼睛相对较旧的“固定”在一个特定的区域,主要信息通过中央窝获取。扫视时眼睛快速、短暂的浏览,主要信息通过近窝区和边缘视觉获取。
2.眼动研究的历史及意义
眼动实验的原理主要是:在实验当中,主试利用一小束对人体无害的微弱光束,射向被测试人的眼睛,这束从眼球表面反射回来的光就记录了眼球运动的情况。它的意义在于通过对结果进行分析,我们可以了解:用户如何观看一个界面和挖掘影响观看行为背后的设计因素,从而识别界面尚待改进的地方,提供客观的数据来指导设计。
眼动研究在前期主要有观察法、机械记录法、电流记录法等。
观察法是用肉眼直接观察被试的眼动情况,这是一种比较原始的眼动实验法。实验时在被试的面前放一面镜子,主试站在被试后面,由镜子里观察被试的眼动。后来又出现了一种窥视孔法,就是在被试阅读的材料中间穿一个直径为0.76cm的小圆孔。主试可以通过小孔观察被试阅读时的眼动。观察法简便易行,可以在没有仪器的情况下使人了解眼动方面的知识。但它只能对眼动进行比较粗略的研究,其结果不够精确。因此,这一方法很快就被新的方法所取代。
机械记录法是通过把眼睛与记录测验装置用机械传动方法联结起来实现的。主要有头部支点杠杆法、气动法、角膜吸附环状物法等类型,眼动的机械记录法装置复杂,调整起来很麻烦,其实验结果的准确性也较低。
电流记录法原理是:眼球运动可以产生生物电现象,角膜和网膜间存在一个电位差,当眼睛注视前方不动时,可以记录到稳定的基准电位。电位的变化由置于皮肤相应位置的电极导入放大器的电流计显示在示波器上。也可由记录器在记录纸上描记电流变化的波形图。这种方法可以记录到离开注视点70°的眼动,其精确度为1.5°~2.0°。
3.眼动研究FAQ
问:热点图是否越红=越好,没颜色=没用?
答:不一定。需结合场景,用户的主观解释及其他(点击)分析;颜色代表相对趋势,没颜色不代表绝对看不到。
问:注视时间越长越有吸引力?
答:不一定,注视时间长也可能表示该区域难以理解。
问:我的项目是不是直接拿眼动仪就行了
答:眼动数据不能解决一切问题,且眼动研究对样本数要求高,测试设计要求更严谨。
同时,四川电信的朋友们专程赴UED交流学习,在碳酸饮料会上和我们零距离互动。希望有更多的设计师团体加入到我们的交流学习中来,友朋自远方来,不亦乐乎!:)


猜你喜欢
- 最近在做一些email相关的办公自动化项目,发现一个第三方模块imap-tools不错, 网上没有啥相关介绍,所以记录下来.环境: pyth
- 前言首先图片格式转换的方法有很多,但是转二进制字节流的,我搜了一下午终于在 stackoverflow上搜到了 说一下为什么要在线转这个图片
- 对于SQL的新手,NULL值的概念常常会造成混淆,他们常认为NULL是与空字符串''相同的事。情况并非如此。例如,下述语句是
- V5.0之后,我们总结了一些得失。首先要说的是改版的动力。产品设计或产品升级的驱动力只有两个:用户需求和网站目标。之前的我们的多次改版,其驱
- 写此篇文章,我花10块购买了域名ssw.ski。目的是编写python脚本,通过dnspod api获取个人域名内的dns解析记录,免登录实
- 以下是我这几天一直在用的几个命令,先记下来,以后会整理一份mysql详细的使用文档注:[]中代表名字,需要用库名或者表名替换显示所有的库:s
- 前言可能很多人会觉得这是一个奇葩的需求,爬虫去好好的爬数据不就行了,解析js干嘛?吃饱了撑的?搜索一下互联网上关于这个问题还真不少,但是大多
- django中的超链接,在template中可以用{% url 'app_name:url_name' param%}其中a
- 1、处理包含数据的文件最近利用Python读取txt文件时遇到了一个小问题,就是在计算两个np.narray()类型的数组时,出现了以下错误
- 最近有个功能需要java与python之间的数据交互,java需要把参数传给python,然后python计算的结果返回给java.于是就写
- 1.PyQtGraph简介:pyqtgraph的主要用途:1、为数据、绘图、视频等提供快速、可交互图形显示。2、提供快速开发应用的工具。2.
- 今天我们分享的主要目的就是通过在 Python 中使用命令行和配置文件来提高代码的效率Let's go!我们以机器学习当中的调参过程
- 如下所示:$ary = array( array('t'=>1,'y'=>2), &
- 如下所示:screen.widthscreen.heightscreen.availHeight //获取去除状态栏后的屏幕高度screen
- 阅读目录什么是PrmoisePromise的使用最近在看《你不知道的javascript中卷》,发觉作者花了基本一半的篇幅去讲异步和prom
- 本文实例讲述了php实现通过cookie换肤的方法。分享给大家供大家参考。具体如下:saveStyleSheet.php页面如下:<?
- 大致介绍在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口例子: function p
- 一、将对象转为json字符串json.dumps:将 Python 对象编码成 JSON 字符串json.loads:将已编码的 JSON
- 环境cat /etc/redhat-release CentOS Linux release 7.5.1804 (Core) [root@l
- 前言成语填空想必大家都是十分熟悉的了,特别是有在上小学的家长肯定都有十分深刻的印象。在我们的认知里看图猜成语不就是一些小儿科的东西吗?当然了