孫寧 徐永順

在可用性相關(guān)理論基礎(chǔ)上，選取3個典型慕課網(wǎng)站為樣本，邀請目標(biāo)用戶以單因子組內(nèi)實驗的方式參與網(wǎng)站操作任務(wù)績效測量，對比3個樣本在5個操作任務(wù)上的差異性，并通過LSD事后比較差異找到設(shè)計痛點，繼而提出慕課網(wǎng)站設(shè)計的改進意見。

良好的慕課網(wǎng)站使用體驗可以提高學(xué)生學(xué)習(xí)效果和滿意度，也是平臺發(fā)展和提升競爭力的重要因素。可用性要求互動產(chǎn)品容易學(xué)習(xí)，且符合用戶的習(xí)慣與需求，能有效地使用并帶來愉快的體經(jīng)驗。Nielsen提出了界面可用性設(shè)計應(yīng)考慮的十大原則，包括系統(tǒng)狀態(tài)可視化、防止錯誤和減少短期記憶負(fù)擔(dān)等，他同時還提出績效測量是常用于網(wǎng)站界面可用性研究的方法。

實驗與結(jié)果

挑選學(xué)堂在線、中國大學(xué)和好大學(xué)在線3個慕課網(wǎng)站為樣本，邀請18位目標(biāo)用戶實際操作，操作內(nèi)容包含：任務(wù)一找課程、任務(wù)二添加課程、任務(wù)三學(xué)習(xí)課程、任務(wù)四作業(yè)與評分、任務(wù)五交流與互動。實驗記錄數(shù)據(jù)由SPSS一般線性模型的重復(fù)測量分析，結(jié)果表明受測者完成5個操作任務(wù)所需的時間，除了任務(wù)二外，其他4個任務(wù)的P值均小于0.05，3個樣本之間有顯著差異，經(jīng)LSD事后比較，結(jié)果討論如下。

任務(wù)一討論

學(xué)堂在線的操作績效顯著優(yōu)于中國大學(xué)和好大學(xué)在線。三者的主頁導(dǎo)航欄外形相似且均位于頁面頂端，但中國大學(xué)MOOC在導(dǎo)航欄的課程標(biāo)簽彈出菜單中和主頁左側(cè)都有專業(yè)篩選菜單，提高了使用效率。但中國大學(xué)MOOC“正在進行”標(biāo)簽位置設(shè)計在頁面底端且字樣較小，可視性弱。好大學(xué)在線的專業(yè)篩選菜單默認(rèn)是全部勾選，嚴(yán)重影響了受測者的篩選進度。

任務(wù)三討論

中國大學(xué)MOOC的操作績效顯著優(yōu)于好大學(xué)在線，學(xué)堂在線居中。中國大學(xué)MOOC在首頁個人中心下設(shè)有醒目的綠底“我的課程”可視性較高，成為快捷進入通道，減少了用戶的短期記憶負(fù)擔(dān)。好大學(xué)在線需要準(zhǔn)確點擊到視頻截圖或?qū)W習(xí)內(nèi)容文字才能進入課程視頻，容易引起操作失誤；學(xué)堂在線無加載進程提示，受測者確定不了目標(biāo)章節(jié)；好大學(xué)在線的“章節(jié)導(dǎo)航”和同列的“課程大綱”容易造成混淆以致產(chǎn)生誤操作，頁面說明信息和右側(cè)“測驗與作業(yè)”紅色標(biāo)簽成為干擾信息。

任務(wù)四討論

任務(wù)四的主要目的是為了測試課程頁面菜單功能。三者中中國大學(xué)MOOC最快，好大學(xué)在線次之，學(xué)堂在線最慢。中國大學(xué)生MOOC的作業(yè)是以卷標(biāo)形式列于左側(cè)菜單欄中，有綠底高亮顯示，總體可視性較好，動作反饋清晰；好大學(xué)在線的章節(jié)作業(yè)字體并不明顯；學(xué)堂在線的章節(jié)作業(yè)所處列表內(nèi)容龐雜，界面的可視性和一致性較差。學(xué)堂在線將評分置于“成績”標(biāo)簽里，界面用語與受測者語言習(xí)慣不一致。

任務(wù)五討論

好大學(xué)在線的操作績效與中國大學(xué)MOOC和學(xué)堂在線有顯著差異。中國大學(xué)MOOC的討論區(qū)是以菜單欄的形式列于左側(cè)高亮顯示，總體可視性較好；學(xué)堂在線的討論區(qū)以頁面頂端導(dǎo)航欄的“討論”標(biāo)簽的形式存在，也比較容易找到；而好大學(xué)在線的討論區(qū)沒有明確的發(fā)帖提示，受測者耗費較多操作時間。

慕課網(wǎng)站界面設(shè)計建議

根據(jù)可視化和減少短期記憶負(fù)擔(dān)設(shè)計原則，常用的篩選標(biāo)簽應(yīng)分類設(shè)置在同處菜單欄中；重要功能應(yīng)有明確操作鍵；使用頻率較高的標(biāo)簽應(yīng)盡量設(shè)置在首頁并突出顯示；課程視頻加載過程設(shè)置加載進程提示。

根據(jù)美而簡約的設(shè)計原則，課程主頁應(yīng)排除相關(guān)度不高的干擾信息，建議采用單側(cè)菜單欄的設(shè)計；重要的功能鍵旁邊避免設(shè)置無關(guān)信息。

根據(jù)一致性以及與真實世界匹配的設(shè)計原則，慕課網(wǎng)站使用界面設(shè)計中應(yīng)使用符合用戶語言習(xí)慣的詞語；上級頁面出現(xiàn)過的標(biāo)簽內(nèi)容在下級頁面盡量不要重復(fù)出現(xiàn)，以免造成混淆。

根據(jù)靈活高效及防止錯誤的設(shè)計原則，慕課網(wǎng)站的篩選菜單應(yīng)避免采用使用率低、靈活度小的方式，以免引起錯誤；類似點擊課程列表進入課程主頁的步驟中，應(yīng)盡量降低對使用者操作精確度的要求。

基金項目：南京航空航天大學(xué)金城學(xué)院2019年教改項目（2019-Z-07）