基于可用性理論的慕課網站界面設計

孫寧 徐永順

在可用性相關理論基礎上，選取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）