论文部分内容阅读
眼睛，是人类最重要的感觉 （sense）器官。心理学研究表明，70% 以上的外界信息都通过人的眼睛来获得。在人际交往中，眼神也是传递信息的重要途径和表述情感的“秋波”。
当今社会，网络已成为人们生活中的依赖， 网络活动日益趋向于用眼睛来完成。这一方面造就了我们所说的一种经济模式——眼球经济；另一方面也使得网站使用者（用户）的“眼神（gaze）”成为网站界面设计者关注的核心。
界面设计者一直都对用户使用网络时的心理活动感兴趣，因为他们想更好地让用户简单、高效地完成任务，并提高用户对网站的粘合度。人的潜意识往往通过眼睛这个心灵的窗户浮现出来。但是，眼睛这个器官本身很精密，记录它们的运动，比网站服务器自动记录人的鼠标点击要困难得多。所幸的是，在心理学领域，眼动仪已经广泛地用于各种实验研究。受其启发，眼动仪在界面设计方面的应用，近年来开始逐渐普及起来。
一、眼动与眼动仪
我们平时看东西的时候，经常意识到自己的视线其实在不停地四处游走，这种现象在心理学上称为眼跳（saccade）。眼跳保证眼睛所获取的信息处于不断的更新中。眼跳时间一般在几十毫秒，眼跳的距离有长有短。这种现象能够透露和解读用户在寻找目标信息时的行为过程。 图1记录的是用户在试图寻找信息时视线在网页不同部分移动的情形。其中距离不等的直线记录的就是用户的眼跳。
除了各种直线外，图1中还有许多大小不一的圆圈。这是另外一种常见的眼动行为：注视（fixation）。注视是指视线固定在某个点上的行为，这个点也被称为注视点。这种行为更通俗的解释就是“盯着看”。由于映射在眼球中的影像需要一定的大脑处理时间，所以一般意义上认为，只有注视的时间超过0.3秒才会被认为是一个合适的注视点。注视时间被认为是用户理解网站目标信息的过程。
由于上述的眼动行为都是发生在1秒之内的瞬间， 所以记录这些行为需要特殊的精密设备。这种设备就被称为眼动仪（eye tracker）。目前，眼动仪的软硬件技术很成熟，并有多种型号以适应不同的使用情境（use of context）。在用户界面设计行业里，最常用的是图2中的桌面系列。
图2 SMI眼动仪（来源：ISAR公司）
如图3所示，眼动仪的本质是一台红外摄像机。它被嵌入或者安放在普通的显示器下面，就构成了一台眼动仪。设备会发射人眼看不见的红外光波，眼睛吸收并反射这种光波。摄像机接受反射回来的光波并进行一定的数学计算和格式转换，就能在屏幕上定位眼睛所注视的位置。
二、如何使用眼动仪研究界面设计
眼动设备本身与其他人体信号检测设备如多导生理记录仪并无两样，是心理学在基础研究与应用研究中使用的工具。研究者仅需要对设备本身有较基本的认识即可。在界面设计研究中真正起作用的是其建立在实验心理学、界面设计等学科上的研究逻辑。
在界面设计研究中，大量采用各种心理学的研究方法。其中最普遍采用的是问卷、访谈、使用性测试（usability testing）、数据挖掘（data mining）等。 但是这些并不能挖掘人类心理活动的全部。弗洛伊德（Freud）著名的“潜意识”理论、格林沃德（Greenwald）的内隐认知（implicit cognition）研究都支持人类心理有一部分是很难用语言表达清楚的论断，而眼动研究正好解决了这个难题。
按照 ISAR的研究经验，眼动研究作为一种方法应用到界面设计中，更适合于界面的草图（被称为线框图）（paper prototype）的设计改进。
图4 1个简单的线框图（来源：ISAR公司）
在网站上线之前，几乎每个主要页面都会由设计师给出类似的线框图。而懂得眼动测试技术的研究者的任务就是发现网页草稿哪些地方会让网站使用者遇见诸如“这个方块是个按钮吗”“我怎么找不到登录的地方”等问题。心理学者在进行界面测试之前，都会对要测试的对象（object）作很多了解，以便制订针对性的测试流程。接着他们会邀请真实的用户来完成这些测试任务。测试完成后，用客观、直接的眼动数据将这些问题描述出来，使问题在设计早期就得到解决，从而节约项目时间和费用。
三、眼动测试中的常用结果
研究者可以从眼动测试的结果图片里，找到设计中出现的问题。 这些图片中，较为常用的有三类：热区图（heatmap）、注视轨迹图（scanpath）、兴趣区图（AOI，area of interest）。热区图中用户注视时间长短用颜色表示：红色时间最长、黄色次之、绿色最短；没有颜色的部分表示用户没有看过。注视轨迹图中用户所看图像上的彩色曲线代表注视点移动轨迹，其中彩色圆点大小表示注视时间长短。兴趣区图是可自主定义感兴趣的图像区域范围，展示数量化的眼动数据信息。
图5是一个典型的热区图，它由很多颜色组成。有颜色的区域代表有网站使用者关注到这个区域。没有颜色的部分，代表网站使用者没有注视过这些区域。不同的颜色代表注视的时间长度不同。热区图的灵感来源自地理学中的地形图，即把高度不同的地面用不同的颜色表示出来。
图5 某网页的热区图（来源：ISAR公司）
网页通常由好几个模块组成。不同访问目的的用户对各模块的关注情况不同。有些用户只关注自己的账户余额，登录查看一下，所以登录模块对他来说就很重要；而某用户则想寻找产品的细则条款，产品内容对他来说就很重要。如果这些用户关注的重点并没有出现在热区图上红色较为集中的区域里，这时候研究者就可以说“哦，这是个问题！”
注视轨迹图也是一种常用的图片，特别是在观察用户的目标搜索过程时。图6表明，用户在寻找信息时，基于经验和认知会对其位置有一定的心理预期。当网页的位置设计违背了用户的预期时，用户眼睛的轨迹就会出现迷惘的移动。图中红色方块是用户的点击行为，用户的视线移动由左下往右上移动。这说明，用户视线最初是在左下方的，但是当预期元素出现在右上方时，视线跳跃着移动到了右上方。用户视线穿过的无用空间对用户寻找目标构成了障碍和时间浪费。
图7的兴趣区是设计者特别关注的区域，例如登录框、广告图片、客服专区等。这一区域会有若干设计可能，不同的设计让用户投入的认知负荷（cognitive load）是不同的。所以，兴趣区图可以给出更多的指标，对不同设计孰优孰劣的评价给出参考。
图7 兴趣区图（来源：ISAR公司）
四、结束语
眼动测试作为一种重要的研究方法，这里仅作简介。读者可以藉此略微了解心理学的研究是如何被应用到界面设计的。如果想深入了解更多的细节，例如被试数量、眼动测试中的定标（calibration）、回视（revisit）、唐德斯（Donders）减法反应时逻辑与眼动测试的关系等，可参考：
http：//www.useit.com/eyetracking/methodology/
http：//eyetracking.me/wp-content uploads/2009/ 05/tobii_ shanghai_slides.pdf
当今社会，网络已成为人们生活中的依赖， 网络活动日益趋向于用眼睛来完成。这一方面造就了我们所说的一种经济模式——眼球经济；另一方面也使得网站使用者（用户）的“眼神（gaze）”成为网站界面设计者关注的核心。
界面设计者一直都对用户使用网络时的心理活动感兴趣，因为他们想更好地让用户简单、高效地完成任务，并提高用户对网站的粘合度。人的潜意识往往通过眼睛这个心灵的窗户浮现出来。但是，眼睛这个器官本身很精密，记录它们的运动，比网站服务器自动记录人的鼠标点击要困难得多。所幸的是，在心理学领域，眼动仪已经广泛地用于各种实验研究。受其启发，眼动仪在界面设计方面的应用，近年来开始逐渐普及起来。
一、眼动与眼动仪
我们平时看东西的时候，经常意识到自己的视线其实在不停地四处游走，这种现象在心理学上称为眼跳（saccade）。眼跳保证眼睛所获取的信息处于不断的更新中。眼跳时间一般在几十毫秒，眼跳的距离有长有短。这种现象能够透露和解读用户在寻找目标信息时的行为过程。 图1记录的是用户在试图寻找信息时视线在网页不同部分移动的情形。其中距离不等的直线记录的就是用户的眼跳。
除了各种直线外，图1中还有许多大小不一的圆圈。这是另外一种常见的眼动行为：注视（fixation）。注视是指视线固定在某个点上的行为，这个点也被称为注视点。这种行为更通俗的解释就是“盯着看”。由于映射在眼球中的影像需要一定的大脑处理时间，所以一般意义上认为，只有注视的时间超过0.3秒才会被认为是一个合适的注视点。注视时间被认为是用户理解网站目标信息的过程。
由于上述的眼动行为都是发生在1秒之内的瞬间， 所以记录这些行为需要特殊的精密设备。这种设备就被称为眼动仪（eye tracker）。目前，眼动仪的软硬件技术很成熟，并有多种型号以适应不同的使用情境（use of context）。在用户界面设计行业里，最常用的是图2中的桌面系列。
图2 SMI眼动仪（来源：ISAR公司）
如图3所示，眼动仪的本质是一台红外摄像机。它被嵌入或者安放在普通的显示器下面，就构成了一台眼动仪。设备会发射人眼看不见的红外光波，眼睛吸收并反射这种光波。摄像机接受反射回来的光波并进行一定的数学计算和格式转换，就能在屏幕上定位眼睛所注视的位置。
二、如何使用眼动仪研究界面设计
眼动设备本身与其他人体信号检测设备如多导生理记录仪并无两样，是心理学在基础研究与应用研究中使用的工具。研究者仅需要对设备本身有较基本的认识即可。在界面设计研究中真正起作用的是其建立在实验心理学、界面设计等学科上的研究逻辑。
在界面设计研究中，大量采用各种心理学的研究方法。其中最普遍采用的是问卷、访谈、使用性测试（usability testing）、数据挖掘（data mining）等。 但是这些并不能挖掘人类心理活动的全部。弗洛伊德（Freud）著名的“潜意识”理论、格林沃德（Greenwald）的内隐认知（implicit cognition）研究都支持人类心理有一部分是很难用语言表达清楚的论断，而眼动研究正好解决了这个难题。
按照 ISAR的研究经验，眼动研究作为一种方法应用到界面设计中，更适合于界面的草图（被称为线框图）（paper prototype）的设计改进。
图4 1个简单的线框图（来源：ISAR公司）
在网站上线之前，几乎每个主要页面都会由设计师给出类似的线框图。而懂得眼动测试技术的研究者的任务就是发现网页草稿哪些地方会让网站使用者遇见诸如“这个方块是个按钮吗”“我怎么找不到登录的地方”等问题。心理学者在进行界面测试之前，都会对要测试的对象（object）作很多了解，以便制订针对性的测试流程。接着他们会邀请真实的用户来完成这些测试任务。测试完成后，用客观、直接的眼动数据将这些问题描述出来，使问题在设计早期就得到解决，从而节约项目时间和费用。
三、眼动测试中的常用结果
研究者可以从眼动测试的结果图片里，找到设计中出现的问题。 这些图片中，较为常用的有三类：热区图（heatmap）、注视轨迹图（scanpath）、兴趣区图（AOI，area of interest）。热区图中用户注视时间长短用颜色表示：红色时间最长、黄色次之、绿色最短；没有颜色的部分表示用户没有看过。注视轨迹图中用户所看图像上的彩色曲线代表注视点移动轨迹，其中彩色圆点大小表示注视时间长短。兴趣区图是可自主定义感兴趣的图像区域范围，展示数量化的眼动数据信息。
图5是一个典型的热区图，它由很多颜色组成。有颜色的区域代表有网站使用者关注到这个区域。没有颜色的部分，代表网站使用者没有注视过这些区域。不同的颜色代表注视的时间长度不同。热区图的灵感来源自地理学中的地形图，即把高度不同的地面用不同的颜色表示出来。
图5 某网页的热区图（来源：ISAR公司）
网页通常由好几个模块组成。不同访问目的的用户对各模块的关注情况不同。有些用户只关注自己的账户余额，登录查看一下，所以登录模块对他来说就很重要；而某用户则想寻找产品的细则条款，产品内容对他来说就很重要。如果这些用户关注的重点并没有出现在热区图上红色较为集中的区域里，这时候研究者就可以说“哦，这是个问题！”
注视轨迹图也是一种常用的图片，特别是在观察用户的目标搜索过程时。图6表明，用户在寻找信息时，基于经验和认知会对其位置有一定的心理预期。当网页的位置设计违背了用户的预期时，用户眼睛的轨迹就会出现迷惘的移动。图中红色方块是用户的点击行为，用户的视线移动由左下往右上移动。这说明，用户视线最初是在左下方的，但是当预期元素出现在右上方时，视线跳跃着移动到了右上方。用户视线穿过的无用空间对用户寻找目标构成了障碍和时间浪费。
图7的兴趣区是设计者特别关注的区域，例如登录框、广告图片、客服专区等。这一区域会有若干设计可能，不同的设计让用户投入的认知负荷（cognitive load）是不同的。所以，兴趣区图可以给出更多的指标，对不同设计孰优孰劣的评价给出参考。
图7 兴趣区图（来源：ISAR公司）
四、结束语
眼动测试作为一种重要的研究方法，这里仅作简介。读者可以藉此略微了解心理学的研究是如何被应用到界面设计的。如果想深入了解更多的细节，例如被试数量、眼动测试中的定标（calibration）、回视（revisit）、唐德斯（Donders）减法反应时逻辑与眼动测试的关系等，可参考：
http：//www.useit.com/eyetracking/methodology/
http：//eyetracking.me/wp-content uploads/2009/ 05/tobii_ shanghai_slides.pdf