基于可用性理论的慕课网站界面设计

孙宁 徐永顺

在可用性相关理论基础上，选取3个典型慕课网站为样本，邀请目标用户以单因子组内实验的方式参与网站操作任务绩效测量，对比3个样本在5个操作任务上的差异性，并通过LSD事后比较差异找到设计痛点，继而提出慕课网站设计的改進意见。

良好的慕课网站使用体验可以提高学生学习效果和满意度，也是平台发展和提升竞争力的重要因素。可用性要求互动产品容易学习，且符合用户的习惯与需求，能有效地使用并带来愉快的体经验。Nielsen提出了界面可用性设计应考虑的十大原则，包括系统状态可视化、防止错误和减少短期记忆负担等，他同时还提出绩效测量是常用于网站界面可用性研究的方法。

实验与结果

挑选学堂在线、中国大学和好大学在线3个慕课网站为样本，邀请18位目标用户实际操作，操作内容包含：任务一找课程、任务二添加课程、任务三学习课程、任务四作业与评分、任务五交流与互动。实验记录数据由SPSS一般线性模型的重复测量分析，结果表明受测者完成5个操作任务所需的时间，除了任务二外，其他4个任务的P值均小于0.05，3个样本之间有显著差异，经LSD事后比较，结果讨论如下。

任务一讨论

学堂在线的操作绩效显著优于中国大学和好大学在线。三者的主页导航栏外形相似且均位于页面顶端，但中国大学MOOC在导航栏的课程标签弹出菜单中和主页左侧都有专业筛选菜单，提高了使用效率。但中国大学MOOC“正在进行”标签位置设计在页面底端且字样较小，可视性弱。好大学在线的专业筛选菜单默认是全部勾选，严重影响了受测者的筛选进度。

任务三讨论

中国大学MOOC的操作绩效显著优于好大学在线，学堂在线居中。中国大学MOOC在首页个人中心下设有醒目的绿底“我的课程”可视性较高，成为快捷进入通道，减少了用户的短期记忆负担。好大学在线需要准确点击到视频截图或学习内容文字才能进入课程视频，容易引起操作失误；学堂在线无加载进程提示，受测者确定不了目标章节；好大学在线的“章节导航”和同列的“课程大纲”容易造成混淆以致产生误操作，页面说明信息和右侧“测验与作业”红色标签成为干扰信息。

任务四讨论

任务四的主要目的是为了测试课程页面菜单功能。三者中中国大学MOOC最快，好大学在线次之，学堂在线最慢。中国大学生MOOC的作业是以卷标形式列于左侧菜单栏中，有绿底高亮显示，总体可视性较好，动作反馈清晰；好大学在线的章节作业字体并不明显；学堂在线的章节作业所处列表内容庞杂，界面的可视性和一致性较差。学堂在线将评分置于“成绩”标签里，界面用语与受测者语言习惯不一致。

任务五讨论

好大学在线的操作绩效与中国大学MOOC和学堂在线有显著差异。中国大学MOOC的讨论区是以菜单栏的形式列于左侧高亮显示，总体可视性较好；学堂在线的讨论区以页面顶端导航栏的“讨论”标签的形式存在，也比较容易找到；而好大学在线的讨论区没有明确的发帖提示，受测者耗费较多操作时间。

慕课网站界面设计建议

根据可视化和减少短期记忆负担设计原则，常用的筛选标签应分类设置在同处菜单栏中；重要功能应有明确操作键；使用频率较高的标签应尽量设置在首页并突出显示；课程视频加载过程设置加载进程提示。

根据美而简约的设计原则，课程主页应排除相关度不高的干扰信息，建议采用单侧菜单栏的设计；重要的功能键旁边避免设置无关信息。

根据一致性以及与真实世界匹配的设计原则，慕课网站使用界面设计中应使用符合用户语言习惯的词语；上级页面出现过的标签内容在下级页面尽量不要重复出现，以免造成混淆。

根据灵活高效及防止错误的设计原则，慕课网站的筛选菜单应避免采用使用率低、灵活度小的方式，以免引起错误；类似点击课程列表进入课程主页的步骤中，应尽量降低对使用者操作精确度的要求。

基金项目：南京航空航天大学金城学院2019年教改项目（2019-Z-07）