第 5 章 机考界面设计研究
5.1 英语四级机考界面与托福机考界面对比测试
选取托福和大学四级的机考界面作比较是因为两种考试都有机考形式并且都受到各大高校和用人单位的认可，托福采用机考的时间相对更长，更完善。这两套试题界面对比能够发现考生机考过程中的阅读、答题以及操作考试系统的习惯，以便于设计更加合理的，更加适合考生答题习惯的机考界面。
5.1.1 托福机考界面用户习惯与可用性测试
新托福网考至今已使用 8 年，考试具有科学性，其成绩在世界各地多个国家受到认可。在接下来的实验中将对新托福网考界面进行用户研究，测试其可用性。
（1）实验材料
完整的新托福机考联系系统。
（2）实验器材
① 由美国 ASL 应用科学实验室生产的 Mobile Eye-XG Eye Tracking Glasses, 这款眼动追踪眼镜优点在于其轻便便携，这样就可以减少在实验中由实验器材造成的被测不适应而带来的误差。② Eye Tracking Glasses 配套无线连接主机一台。③ ASLEyeTracking Glasses 配套 DELL 电脑一台。
（3）被测
实验中的被测是正在备考大学英语四级的 19-22 岁大学生，其左右眼裸眼视力都在0.8 以上（为保证数据准确），其中男生 4 名，女生 4 名。
（4）实验流程
① 实验过程中，被测首先被要求带上眼动眼睛，经过对焦之后，要求被测模拟操作一份新托福网考试卷系统。
② 在被测摘下眼睛之后被要求填写一份和界面信息可用性相关的调查问卷。
（5）眼动测试数据分析
这里主要分析视点图与热点图，实验中视点顺序图中绿色的注视点越大代表注视时间越长，越小注视时间越短。将他们连接起来的线代表视点路径。这些视点图可以反映考生在观察试卷时的阅读习惯。热点图中红色和绿色的部分表示被测有注视过的区域，其中红色部分注视点较多。
新托福网考练习系统没有设置登陆界面，其中根据其不同的考试部分以及题目显示形式，将对以下界面进行重点分析（CET 考试没有涉及口语部分，则此处对于新托福的研究也不包括口语部分）：考试要求、阅读、听力播放、听力题目、写作界面。
① 考试要求界面（图 5.1&图 5.2）
从托福考试说明界面前 10 个视点可以看出考生在该页面中寻找操作按钮的过程经历了一些回视，并且在各个按钮上面的关注时间也相对较多，这点与被测在整个页面上面的热点图相符。
② 阅读界面（图 5.3&图 5.4）
阅读界面中考生会将第一视点投向左边的题目部分，在简单地观察了文章内容之后，被测便反复回视了操作按钮部分。在热点图中可以看出被测将视点大量集中在版式中间的位置，在题目部分和右上角操作按钮部分也有相对多的视点。
③ 听力播放界面（图 5.5&图 5.6）
听力界面考生的视点顺序与热点图显示考生会将大部分的视点集中在图画部分，也会注意到听力进度条，当考生明确操作按钮位置之后，又会将视线集中在图片部分。
④ 听力题目界面（图 5.7&图 5.8）
听力题目部分的视点顺序图与热点图表明考生会在选择题上面进行多次回视，以确定题目信息，但是这种一张页面仅显示一题的方式，让界面的表达十分清晰明确。
⑤ 写作界面（图 5.9&图 5.10）
在写作界面，被测的于都习惯为粗陋观察下阅读题目，之后会关注写作界面的输入框以及操作按钮。热点图显示被测会将多部分的视点集中在界面有分割的中间部分的附近，这与阅读题目的注视习惯相符。
被测对于新托福各界面注视习惯的共性有：① 考生的阅读习惯是从左向右的模式，无论是先出现的题目还是阅读文章；② 如果页面有画面，考生会相对多的注视画面；③ 考生会将视点关注在有分割栏的附近；④ 如果页面上的信息现对较少，显示越清晰；⑤ 对于操作按钮，考生会对排版松散不成规律的按钮产生多次回视。
（6）新托福机考界面可用性问卷研究被测要求填写的可用性评估调查问卷内容如下[44]:
① 请问托福考试的考试顺序?A. 阅读-听力-口语-写作 B. 听力-阅读-口语-写作C. 口语-阅读-听力-写作 D. 写作-口语-阅读-听力② 请写出您在界面看见的按钮元素③ 界面中按钮操作方便 同意 1 2 3 4 5 6 7 不同意④ 界面中按钮显示方式明确 同意 1 2 3 4 5 6 7 不同意⑤ Reading 题目与文章左右分栏显示方便阅读 同意 1 2 3 4 5 6 7 不同意⑥ Reading 题目为连续的显示方式 同意 1 2 3 4 5 6 7 不同意⑦ Reading 题目显示在左边方便阅读 同意 1 2 3 4 5 6 7 不同意⑧ Listening 界面的场景图片与播放进度条设计 同意 1 2 3 4 5 6 7 不同意⑨ Listening 界面题目连续的显示方式 同意 1 2 3 4 5 6 7 不同意⑩ Writing 界面输入框及操作按钮方便使用 同意 1 2 3 4 5 6 7 不同意被测在各题目的打分的平均数如下：
被测对各界面的打分反映出，被测在使用托福考试练习系统时，对于界面中题目为一题一题的显示形式十分满意，却对于听力界面题目采用连续显示的方式马一步一般；相对界面中的操作按钮的满意度较低；听力界面中的图片影响了考生答题。
5.1.2 英语四级机考界面用户习惯与可用性测试
由于四级机考系统并没有模拟测试版本，笔者根据四级机考系统操作手册的一些界面截图对正在试用的四级机考系统界面进行还原并进行测试。
（1）实验材料。
试验材料为笔者根据大学英语四级机考操作手册还原的界面版式。
（2）实验器材。
① 由美国 ASL 应用科学实验室生产的 Mobile Eye-XG Eye Tracking Glasses, 这款眼动追踪眼镜优点在于其轻便便携，这样就可以减少在实验中由实验器材造成的被测不是而带来的误差。② Eye Tracking Glasses 配套无线连接主机一台。③ASLEye TrackingGlasses 配套 DELL 电脑一台。
（3）被测。
实验中的被测是正在备考大学英语四级的 19-22 岁大学生，其左右眼裸眼视力都在0.8 以上（为保证数据准确），其中男生 4 名，女生 4 名。
（4）实验流程。
① 实验中被测在眼动定标结束后被要求观察大学四级机考界面并进行模拟操作，如在输入个人信息后进入听力部分进行答案选择，填写输入框等。让被测在自己操作下对整个机考界面设计方案进行使用体验。在实验过程中被测只对界面体验进行评估。每一位被测眼动测试时间不超过 10 分钟。数据记录从被测开始熟悉试卷阶段开始。
② 在被测摘下眼睛之后被要求填写一份和可用性调查问卷。
（5）试卷界面视点顺序分析。
这里主要分析视点图与热点图，实验中视点顺序图中绿色的注视点越大代表注视时间越长，越小注视时间越短。将他们连线代表视点路径。这些视点图可以反映考生在观察试卷时的阅读习惯。
① 登陆界面视点顺序分析（图 5.11）如图 5.11 被测在登陆界面的 1、2、3 区域三个第一视点出现的百分比分别是 50%、30%和 20%.再由被测观察给界面的前十个注视点顺序得出：被测会在最初的登陆界面首先会观察考试名称，个人信息输入框以及页面跳转按钮。
② 写作界面视点顺序分析（图 5.12）写作界面中，第一视点在图中 1、2、3、4、5 区域出现的百分比分别是 50%、20%、10%、0 和 10%.由以上数据可知一般被测会首先注视题目（有可能是图片的原因），如图 5.15 前 10 注视点有 5 个都在题目上面，而输入框的注视点只有两个，而且考生在明确输入框后没再对其进行注视，而是又跳回到题目图片上面，在注视了写作题目描述之后，被测观察到了翻页按钮。
③ 听力选择题（SectionASection B）部分（图 5.13）第一视点在图中 1、2、3、4、5 区域出现的百分比分别是 5%、35%、60%、0 和 0.由图 5.13 以及第一视点出现区域百分比得：当页面跳转后，题目以及题目界面显示形式有所变化，这时会有 60%的被测将第一视点集中在考试要求部分，但将第一注视点投向题目的比例也很大。
④ 听力填空题（Section C）部分（图 5.14）第一视点在图中 1、2、3、4、5 区域出现的百分比分别是 50%、10%、40%、0 和 0.听力 Section C 与 SectionA、Section B 对比，由选择题变成填空题，半数被测把第一视点投向输入框。如图 5.14 所示的视点走势图，被测前 10 视点中反复的看过输入框内容。
⑤ 阅读选词填空（SectionA）部分（图 5.15）第一视点在图中 1、2、3、4、5、6 区域出现的百分比分别是 25%、37%、0、25%、12%和 0.阅读与听力的不同之处在于既有文章又有题目，而听力 Section A、Section B、Section C 却只有这两部分的其中一个。超过 1/3 的被测在第一眼都会看题目和输入框。
⑥ 快速阅读（Section B）部分（图 5.16）第一视点在图中 1、2、3、4、5、6 区域出现的百分比分别是 9%、27%、37%、18%、9%和 0.阅读 Section B 部分第一视点同样是落在题目上的最多。但与前面几个界面不同，被测将第一视点集中在答案输入框的比率非常低，而且从视点走势图上可以看出，考生寻找输入框时在输入框，10 个描述选项以及文章之间产生了多次回视，这些数据代表这部分的设计使阅读试卷界面过程不怎么顺利。
⑦ 阅读精读（Section C）部分（图 5.17）第一视点在图中 1、2、3、4、5、6 区域出现的百分比分别是 44%、44%、12%、0、0 和 0.阅读 Section C 部分第一视点也是落在输入框和题目上的最多。这于阅读 SectionA 部分的第一视点注视行为大致相同。
⑧ 翻译部分（图 5.18）第一视点在图中 1、2、3、4 区域出现的百分比分别是 0、90%、10%和 0.翻译部分由 90%的被测都将第一视点集中在中文题目上，在这里没有被测将第一视点投向输入框部分，这可能是因为翻译部分和写作部分的界面显示方式完全一样，被测在观察过写作部分的界面，对类似呈现方式已经具有了一定程度的印象，可以单从周围视区就可以判断界面不同功能区所在位置。
（6）机考界面可用性问卷对比分析
被测要求填写的可用性评估调查问卷内容如下：
① 您是否参加过大学英语四级考试?
A 是 B 否② 大学英语四级考试共有几个部分?
A3 个 B 4 个③ 界面中对您有帮助的设计元素?
④ 界面中让您产生困惑的设计元素?
⑤ 请问机考试题与笔考纸质试卷题目呈现形式您更喜欢哪一个?
A 笔考试卷 B 机考试卷⑥ 请问这份试卷试题排版形式对您的答题产生怎样的影响?（请在下面的数轴上标出）设置上述六个题目的原因在于：
第 1 题将接触过大学四级笔考的考生和没接触过的进行下对比，判断无论被测是否接触过四级考试都可以从这个设计的机考界面操作体验中对考试结构有类似于笔考试题时对试卷排版产生的心理模型；第 2 题用于判断被测在机考操作体验时能否可以在心理建立一个完整的模型；第 3 题用以判断被测在进行单一题目测试是是否对试卷存在全局观念；第 4 题第 5 题是用来根据被测在机考界面操作体验后对界面中的一些有印象的设计元素的描述与眼动数据以及可用性评分进行对比，为下面的改进设计提供方法；第6 题可以反映出被测对一套试卷的整体印象。在这里采用的方法是 1-7 分评分法，但分数并不直接写在数轴上，而在汇总问卷时才拿着标注过的数轴去对应 7 阶评分（在 3.2章节中使用过的可用性评价方法），这样做有助于减少评分中的干扰项。
被测对于问题的反馈情况如下：
再前两道题目中被测都能够做出正确的回答。第三题中关于“哪个是对您有帮助的设计元素”,其中按顺序为时间显示，左右分栏方式类似纸质试卷，分栏滚动条设计。
其中可以看出被测在考试过程中十分重视考试要求的细节，并且相对较熟悉纸质试卷的显示方式。有一点与纸质考试十分相似的地方在于考生非常喜欢将同一到题目显示在一张页面的版面设计方法。第四题关于让用户产生困惑的设计元素，这里问题多集中在版式是否统一以及文本显示是否处于被测相对居中的位置。第五题分析被较倾向的测试卷形式。这里的结果显示仅 12.5%的被测更喜欢纸质试卷，证明该机考试卷版式设计得到了大多数人的认可。其中第 6 题是针对不同界面满意度评分，用以分析哪一部分界面应该继续完善，总结如下（图 5.19）：
图5.19和表5.2的分析可知设计存在问题的界面分别是听力Section C、阅读 SectionA、Section B 和 Section C.下面将对这四个界面部分存在的问题进行详细的分析：
① 听力 Section C 在被测体验操作界面时，有 6 位被测都描述，听力 Section C 的文章整体版式太宽，在眼动数据中也反应出被测进行换行回扫眼跳时会多花时间；② 阅读 SectionA 存在的问题与听力 Section C 相类似；③ 阅读 Section B 的被测满意度低可以直接由眼动数据反映出来。看似相对统一的将 10 个题目的答案输入框排版到一起的形式并没有为考生开始带来方便，而造成了多处的不必要的回视，耽误了做题时间和造成眼疲劳；④ 阅读 Section C 存在的问题是被测在使用中不习惯由之前的滚动条显示完整形式变为翻页形式。虽然在设计时考虑的是不要让考生丢题，但这经过试验和问卷以及与被测交流可得，这种显示方式并没有达到他们的要求。
（7）新托福机考界面与 CET 机考界面对比研究。
这里用到的方法评价方法是 Think Aloud（出声思维法）[45],这是由 IBM 的克莱顿和刘易斯研发的一种可以用于可用性测试收集数据的方法。出声思维法要求被试在完成指定任务时进行出声思维。使观察者亲身体验完成任务的过程（而不仅仅是最终产品）。
测试中的观察者客观记录使用者所说的每一句话，不要试图解释其行动和言辞。这样方法的目的是明确执行特定任务者隐含的是什么。被测对于具有新托福和 CET 界面的题型相同但是布置不同的界面在进行阅读答题习惯时的对比评价总结如下：
① 阅读界面中新托福采取左侧是题目右侧是阅读文章的显示方式，而 CET 则相反。考生在回答阅读题的过程就是先阅读题目后根据关键词阅读文章，根据这种阅读习惯表明题目安排在左侧的显示方式更加合理，但是在被测出声记录中发现，由于考生从小学开始接触的英语阅读考试都是先有文章再有题目的，因此他们已经适应了先看到文章的阅读方式，虽然这种方式并不符合最高效的阅读习惯，但是在 CET 的界面中，仍然需要根据大多数考生的阅读习惯设计题目排版。
② 听力界面中，托福试卷是要求考生先听一段录音，然后根据录音内容答题，录音播放界面和题目界面分布在两个界面上面，但是 CET 的界面则是将一些题目基本是按照纸质阅读的方式呈现出来。考生对于这两种的显示方式满意度都不高，因此需要对于此版面再设计。在被测的有声思维记录中发现，考生更加倾向将播放页面和与其相关连的题目排布在同一界面。
③ 被测对于每个界面上的操作按钮的位置要求基本是倾向于将按钮安排在页面的下面而不是安排在页面上面部分，对于按钮的形状也要求其以规则的形式呈现。
（8）界面改进方法① 听力 Section C 与阅读 Section A 的改进方法是将整个文章宽度湿度变窄，减少回扫距离，提高效率；② 阅读 Section B 的答案输入框应该直接排版在每一个题目的题号旁边，这样更适应考生写答案的习惯，虽然其没有同意整体的显示在一个位置，但就从被测描述得知这种显示方式不会妨碍他们找到正确的答案输入框；③ 阅读 Section C的右边页面的5个选择题的呈现方式改成和左边页面相一致的滚动条显示完整的形式，因为左右页面同样都采用滚动条形式，减少被测忽略的可能性。
