眼未动,心已动【碳酸饮料会】
作者:咏沙 来源:Taobao.com UED Team 发布时间:2009-09-01 19:32:00
分享人:轻侯
设计师常有这样的疑惑:
如何知道用户浏览网页的习惯?
如何设计出符合用户使用习惯的网页?
如何从搜索引擎带来更多的流量?
眼动研究可以帮助我们记录用户浏览网页快速变化的眼睛运动数据,包括:注视点、注视时间、眼跳方向、眼跳距离和瞳孔直径等多种参数,还可以绘制眼动轨迹图,直观而全面地反映眼动的时空特征。
在这期《眼未动,心已动》的分享上,轻侯以淘宝的经典案例为例,让我们亲身体会了眼动仪实验的过程和对数据结果的分析,同时详细介绍了:
1.眼睛的生理、心理构造
我们的眼睛有两根轴线,一个是光轴, 一个是观察时视线的视轴。简单的说,视网膜与视轴相交处从内而外可以划分为:中央窝、近窝区、边缘视觉。中央窝是最集中的视觉区域,当离开中央窝后分辨率 急剧下降,并且越远越低。近窝区预先阅读中央窝的信息,边缘视觉善于捕捉运动和对比。
我们浏览网页主要分注视和扫视,注视时眼睛相对较旧的“固定”在一个特定的区域,主要信息通过中央窝获取。扫视时眼睛快速、短暂的浏览,主要信息通过近窝区和边缘视觉获取。
2.眼动研究的历史及意义
眼动实验的原理主要是:在实验当中,主试利用一小束对人体无害的微弱光束,射向被测试人的眼睛,这束从眼球表面反射回来的光就记录了眼球运动的情况。它的意义在于通过对结果进行分析,我们可以了解:用户如何观看一个界面和挖掘影响观看行为背后的设计因素,从而识别界面尚待改进的地方,提供客观的数据来指导设计。
眼动研究在前期主要有观察法、机械记录法、电流记录法等。
观察法是用肉眼直接观察被试的眼动情况,这是一种比较原始的眼动实验法。实验时在被试的面前放一面镜子,主试站在被试后面,由镜子里观察被试的眼动。后来又出现了一种窥视孔法,就是在被试阅读的材料中间穿一个直径为0.76cm的小圆孔。主试可以通过小孔观察被试阅读时的眼动。观察法简便易行,可以在没有仪器的情况下使人了解眼动方面的知识。但它只能对眼动进行比较粗略的研究,其结果不够精确。因此,这一方法很快就被新的方法所取代。
机械记录法是通过把眼睛与记录测验装置用机械传动方法联结起来实现的。主要有头部支点杠杆法、气动法、角膜吸附环状物法等类型,眼动的机械记录法装置复杂,调整起来很麻烦,其实验结果的准确性也较低。
电流记录法原理是:眼球运动可以产生生物电现象,角膜和网膜间存在一个电位差,当眼睛注视前方不动时,可以记录到稳定的基准电位。电位的变化由置于皮肤相应位置的电极导入放大器的电流计显示在示波器上。也可由记录器在记录纸上描记电流变化的波形图。这种方法可以记录到离开注视点70°的眼动,其精确度为1.5°~2.0°。
3.眼动研究FAQ
问:热点图是否越红=越好,没颜色=没用?
答:不一定。需结合场景,用户的主观解释及其他(点击)分析;颜色代表相对趋势,没颜色不代表绝对看不到。
问:注视时间越长越有吸引力?
答:不一定,注视时间长也可能表示该区域难以理解。
问:我的项目是不是直接拿眼动仪就行了
答:眼动数据不能解决一切问题,且眼动研究对样本数要求高,测试设计要求更严谨。
同时,四川电信的朋友们专程赴UED交流学习,在碳酸饮料会上和我们零距离互动。希望有更多的设计师团体加入到我们的交流学习中来,友朋自远方来,不亦乐乎!:)
猜你喜欢
- ISNULL 使用指定的替换值替换 NULL。 &nb
- 转发时请保留此声明信息,这段声明不并会影响你的速度! @author:  
- 众所周知,凡是用 FrontPage 做的网页里面都有类似这样的标记:<META content="Microso
- 我们有时候看到一些文章因为一行的字符超长而把一些表格或DIV撑开或字符写到溢出了.如何防止表格防止撑开,表格不被内容撑开,单行字符超长div
- asp三天学好ADO对象之第二天 今天来说一下Recordset对象的一些方法。1、AddNew 方法创建可更新 Recordset 对象的
- 新云4.0模版标签是全新改的了,加了前缀。如果你怀旧,请查看新云CMS3.1常用模板标签。下面的标签说明,后台就有,为了方便查看转到这里。{
- 如何在ASP.NET中使用ADO.NET连接数据库?以连接Access数据库为例,步骤如下:一、我们来用有源ODBC DSN的方法和无源OL
- meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head&
- 注:本文所说的视觉设计师专指网页视觉设计师。网页设计师与平面设计师都归类为设计师,其实这两个职业是跨行业的,虽然有很多设计师一直在跨行业工作
- button元素在过去一直没有被重视,其实它比<input type="button">的语义强许多,制定性
- 前几天,为了增强本站的SEO,着手把另一个域名:www.aspxhome.com下的所有页面301转向到www.cidianwang.com
- 阅读是在网站中的一个很重要的部分,可以说是网站的核心。网站最终要呈现给用户的就是内容。尤其是文本内容。豆瓣豆瓣前段时间小改了一下,页面拉宽,
- 因为一个需求,因为自己想多了一点东西,最后发现了一个问题,一个很奇怪的问题。这个问题我想还是我自己当初想法上的出路导致的吧,但想不通为什么会
- 怎么增大MySQL数据库连接数,MYSQL数据库安装完成后,默认连接数是100,流量稍微大一点的论坛或网站这个连接数是不够哟用
- 我们在建立一个大型网站的时候会有很多副页面框架模式,甚至一些细节元素都是相同的。但令人困扰的是更新它们却要费些周折,要一遍遍地反复更新每个页
- 例子:Response.Cookies("letwego")("visiter")="84
- CSS 文件的大小和所引起的 HTTP 的请求数是 CSS 性能的最关键因素回流(reflow)和渲染时间(非常!)没那么重要副本(dupl
- 如何让你的CSS代码更具有组织性和易维护性,为什么你的样式表总是臃肿和混乱的?有些时候是源于一开始书写时的混乱和草率,有时候也是因为后期的维
- 1、MySQL常用命令create database name; 创建数据库use databasename; 选择数据库drop data
- 登陆页login.asp:<% if request.Form.count>0 then ses