移动学习网站界面布局与导航样式对用户体验影响因素的眼动研究

刘晓倩

摘要：本研究采用眼动实验收集实验被试在浏览移动学习网站界面过程中的眼动行为指标，并结合用户主观满意度问卷，利用移动学习相关理论分析不同布局与导航因素下的各自水平之间交互效应是否显著，主效应是否有差异，为移动学习网站界面的设计提供指导与借鉴。

关键词：眼动实验；用户体验；移动学习网站

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2019）35-0061-02

一、引言

中國出现最早的互联网用户始于2000年，那时移动互联网还只被少数人知晓和使用。从中国互联网络信息中心发布的第41次报告中看出，截至2017年12月，我国互联网网民数量达到7.72亿，普及率达到55.8%，超过全球平均水平4.1个百分点，超过亚洲平均水平9.1个百分点[1]。从用户体验的角度来说，移动学习设备的接入使学习者可以随时随地学习，并且移动互联网技术的发展使移动设备呈现出短小、便携式的特点，学习者的学习也从真正意义上打破了时空与物理场合的界限，学习变得轻松自由[2]。

本研究通过眼动实验，结合用户满意度问卷，从定性与定量两个方面，采用主客观相结合的研究方法，对用户使用移动学习网站界面的搜索与浏览行为进行客观准确的总结分析。

二、相关理论与技术

本研究采用用户体验理论为研究的理论指导，同时结合眼动追踪技术对眼动行为指标数据进行收集。用户体验，简单来说就是用户在使用产品的过程中建立的主观感受。最具影响力的是ISO 9241-210给出的用户体验定义：用户体验是用户在使用或者想要使用产品、服务、系统等时所有的反映和感受，主要表现在用户的心理感知、肢体感受、情感体验感触等，主要包括用户的感受反应、情绪反应以及心理生理的反馈[3]。通过眼动技术可以采集被试在浏览实验材料过程中眼跳距离、眼动幅度、注视时间、注视点数、凝视时间等多种眼动指标，根据不同的实验设计任务，对眼动实验采集的指标进行分类整理，分析用户行为特征的差异[4]。

三、实验设计

1.实验目的。本研究在对移动学习网站界面布局与导航进行布局被试内导航被试间的2X3混合实验设计，探究两自变量是否对用户体验有显著性差异，旨在为移动学习网站界面的设计与开发提供参考。实验主要研究三个方面的问题：被试在不同的界面布局内，浏览时间是否有差异；收集的被试的眼动指标是否有显著性差异；不同自变量水平下被试的满意度如何。

2.实验对象、变量。本研究选取浙江工业大学研究生30名，其中男生14名，女生16名，要求所有被试随机分成3组，每组10人。被试者的裸眼视力或矫正后的视力均在1.0以上。本实验的变量有：（1）自变量：布局与导航，布局有三种水平：列表型、宫格型、侧边展开型；导航有两种水平：顶部tab、底部tab。主要对这三种布局进行研究，暂不考虑其他页面的呈现方式。（2）因变量：①眼动行为指标，选取了较为显著的三类注视点数、注视时间、凝视时间。②用户满意度问卷。

3.实验假设。假设用户在浏览移动学习网站页面时，布局与导航之间的用户体验没有显著性差异。

4.实验材料及设备。本研究采用了Dreamweaver网站制作软件，设计实施了三类布局下的移动学习网站页面，作为实验所用的界面原型。实验设备有笔记本电脑一台，型号为惠普EliteBook 840。眼动仪一台，将架在笔记本电脑上，被试头部可以自由地小范围移动，被试在一个更加舒适自由的状态下进行实验，得到最真实的实验数据。

5.实验过程。（1）将被试带入实验室熟悉实验环境及准备实验材料，告知被试实验内容，说明实验过程中应注意的事项。（2）实验开始前对被试进行眼动仪校准，校准后，主试要告诉被试身体尽量保持目前的姿势，不能进行太大幅度的移动。（3）进入正式实验。（4）正式实验结束后完成满意度问卷。

四、实验结果及数据分析

实验结束后，选取眼动行为指标中的注视点数、注视时间、凝视持续时间、满意度问卷通过均值、交互效应分析、主效应检验等方面分析被试在浏览移动学习网站界面时的视觉差异。使用SPSS22.0数据分析工具对被试的眼动数据进行分析。分析结果如表所示：

在交互效应分析中，由表1知：布局类型与导航样式在注视点数上的交互效应显著（p=0.001<0.05）；在注视时间上交互效应显著（P=0.012<0.05），在注视时间上对学习者的用户体验有交互作用；布局类型与导航样式在凝视时间上的交互效应不显著（P=0.09>0.05），在凝视持续时间上对学习的用户体验没有交互作用。

从页面布局与导航样式各自效应分析表3中得出，三种类型布局类型的移动学习网站页面在凝视持续时间上达到显著性水平（P=0.031<0.05），即移动学习网站页面布局类型能对学习者的凝视持续时间产生显著性影响；三种类型布局类型页面的注视点数上已达到显著性水平（P=0.021<0.05），列表型布局网站页面时能够获得最多的注视点数，导航样式的移动学网站页面在凝视时间上未达到显著性水平，导航样式不能对学习者的凝视持续时间产生显著性影响；在注视时间上产生显著性影响；在注视点数上对学习者的注视点数产生显著性影响。

从可用性问卷结果表3可以看出，学习者对这三类布局的评分中，列表型布局的页面的平均分高于宫格型与侧边展开型布局的页面，说明被试整体上比较偏好于列表型布局的移动学习网站。

五、研究结论与展望

总的来说，本文的成果是通过用户体验相关研究结合眼动实验，论证了用户在使用移动学习网站时针对不同布局与导航的视觉行为差异在一些指标上有显著性差异，一方面弥补了传统的可用性研究在视觉认知研究方面的不足，另一方面可以有效地辅助行为层面研究。在未来的用户体验研究中，要从“以用户为中心”的理念出发，掌握用户真实的浏览行为。在眼动数据已经可以被准确记录和采集的今天，以用户浏览网页的过程中的眼动数据作为依据，使提取网页界面上真正吸引用户的因素成为可能。

参考文献：

[1]刘会会.旅游APP页面设计对视觉搜索影响的眼动研究[D].燕山大学，2016.

[2]Garrett J J.The Elements of User Experience[J].School of Government Harvard University，2013，59（1）：87-87.

[3]ISO E N.Ergonomics of human-system interaction-Part 110：Dialogue principles[J].2006.

[4]刁永锋，刘明春，杨海茹.网络视频公开课程学习行为眼动实验研究[J].现代教育技术，2014，24（11）：81-87.