王露茵

摘要：網(wǎng)絡(luò)課程學習界面設(shè)計要符合易學易用、布局清晰統(tǒng)一和細節(jié)完善的原則，以實現(xiàn)高效的網(wǎng)絡(luò)學習目的。根據(jù)對150門網(wǎng)絡(luò)課程學習界面設(shè)計的評分統(tǒng)計，以及其中9門課程的操作測試結(jié)果，可看出我國網(wǎng)絡(luò)課程學習界面的設(shè)計水平不高，原因在于缺乏學習者和專業(yè)設(shè)計人員的參與。完善學習界面設(shè)計將有助于減少操作問題，提高網(wǎng)絡(luò)學習的效率和課程使用的滿意度。

關(guān)鍵詞：網(wǎng)絡(luò)課程；界面設(shè)計；調(diào)查

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2015）13-0146-02

Abstract： network course learning interface design to meet to learn and easy to use， clear layout unified and perfect the details of the principle， in order to achieve efficient network learning objectives. According to 150 network courses learning score statistics for interface design， and the nine courses of operation test results of， we can see that our country network courses learning interface design level is not high. The reason is that the lack of learning and professional design personnel's participation. To improve the learning interface design will help reduce operating problems， improve the efficiency of the use of curriculum and network learning satisfaction.

Key words： network course； interface design； investigation

網(wǎng)絡(luò)課程的學習界面承擔著將大量學習資源和網(wǎng)站功能進行有序組織和呈現(xiàn)的工作，好的界面設(shè)計有助于學習者快速掌握課程的使用方法、尋找學習資料，從而提高學習效率。因此，調(diào)查并研究網(wǎng)絡(luò)課程學習界面的設(shè)計對網(wǎng)絡(luò)教育的發(fā)展有著重要的意義。網(wǎng)絡(luò)課程的界面設(shè)計涉及視覺效果、交互操作等方面，考慮其學習用途，應(yīng)遵循三個原則：易學易用、布局清晰統(tǒng)一、細節(jié)完善。

1 中國網(wǎng)絡(luò)課程學習界面的設(shè)計現(xiàn)狀

根據(jù)網(wǎng)絡(luò)課程界面設(shè)計的基本原則，對隨機選取的150門課程進行評分統(tǒng)計，內(nèi)容包括主頁設(shè)計、布局及整體設(shè)計、設(shè)計細節(jié)三方面，評分結(jié)果反映目前界面設(shè)計的現(xiàn)狀。

1.1 總體設(shè)計水平不高

所有課程的平均得分只有21.34（見表1），結(jié)果并不理想。“主頁設(shè)計”平均得分最低，只有4.28分，設(shè)計效果不佳、功能不完善?！安季旨罢w設(shè)計”和“細節(jié)設(shè)計”的情況稍好，分別得到9.78和7.17的平均分，而且有獲得滿分的課程。

從總分統(tǒng)計表來看，得分主要集中在20到29分之間，30分以上的課程只有10門，部分課程甚至只有幾分。可見設(shè)計優(yōu)秀的課程鳳毛麟角，大部分課程處于中等水平。

1.2 未體現(xiàn)“易學易用”原則

在具體評分中失分最多的項目有：學習入口不明確、欄目名稱有歧義、沒有提供課程使用說明或幫助、布局不符合使用習慣、內(nèi)容的層級關(guān)系不明顯等，都與“易學易用”原則相關(guān)。例如很多“課程說明”欄目都只是對學習內(nèi)容的簡介，缺少對網(wǎng)站使用和學習過程的說明。課程欄目的名稱五花八門，主要的學習欄目會采用“學習課件”、“課程教案”、“課程學習”、“課程章節(jié)”等不同的名稱，讓第一次瀏覽的人無所適從。在此情況下，假如不能明確提示學習的入口，加上缺乏課程使用說明，學習的效率將會大大降低。

究其根源都是因為未將“易學易用”原則放在首位，簡單沿用普通網(wǎng)站的界面設(shè)計或僅根據(jù)教學資源來編排網(wǎng)站，沒有考慮學習者的理解和學習過程，影響學習體驗的效果。

1.3 設(shè)計考慮不周

在評分統(tǒng)計中發(fā)現(xiàn)，不少課程主頁設(shè)計、布局及整體設(shè)計和細節(jié)設(shè)計三方面的表現(xiàn)并不均衡，某一方面得分特別高或特別低的情況很常見。可見目前學習界面的設(shè)計普遍存在考慮不周的現(xiàn)象，只重視部分功能或效果，設(shè)計缺陷很多。另一方面，網(wǎng)絡(luò)課程通常內(nèi)容較多，功能龐雜，而負責更新、檢查和維護的人員卻很少，很多細節(jié)上的錯誤沒能得到及時更正。

2 網(wǎng)絡(luò)課程操作效果測試

為檢驗界面設(shè)計與課程操作效果之間的聯(lián)系，從前面統(tǒng)計的課程中選出9門進行操作測試，其中3門課程的各項得分及總分接近平均分，稱為平均分組，3門課程為高分組，3門課程為低分組。每門課程安排3名志愿者進行瀏覽操作和任務(wù)測試，最后統(tǒng)計三組課程在操作方面出現(xiàn)的問題和得到的評價。

2.1 界面設(shè)計優(yōu)秀的課程能得到更多測試者的認可

通過課程主頁的評價（表3）可看出，高分組的負面評價最少，低分組的負面評價最多，而正面評價最少。

在總體信息反饋中（表4），低分組仍然是正面評價最少、負面評價最多的。盡管不能武斷地說界面設(shè)計水平低的課程，內(nèi)容和質(zhì)量一定差，但界面設(shè)計好的課程，確實得到更多用戶的肯定。另外，高分組與平均分組的總體評價完全相同。所以，界面設(shè)計不必過分追求視覺方面的驚艷效果，通用的界面布局和設(shè)計風格足以使人產(chǎn)生親切感。

2.2 界面設(shè)計直接影響課程網(wǎng)站的順利操作

對測試中發(fā)現(xiàn)的問題進行歸類統(tǒng)計，結(jié)果如表5。高分組課程在測試中發(fā)現(xiàn)的各類問題數(shù)均比較少，低分組正好相反。這表明，界面設(shè)計得分高的課程，其使用相對比較順暢。在“導致學習任務(wù)中斷的次數(shù)”中，低分組課程有5次之多，即出現(xiàn)了5次沒有找到主要學習資源或不能完成操作任務(wù)的情況，問題都是由于鏈接設(shè)計不合理造成的。假如在真正的學習中，這就代表了5次失敗的學習過程。

可見，網(wǎng)絡(luò)課程的界面設(shè)計并不只是視覺上的美化，它與課程的使用有直接聯(lián)系，完善與提高界面設(shè)計，有助于減少學習過程中的失誤，使學習更加便捷順暢。

3 問題分析及建議

3.1 問題分析

調(diào)查結(jié)果表明，學習界面設(shè)計在中國網(wǎng)絡(luò)課程的建設(shè)中未得到應(yīng)有的重視，設(shè)計效果不夠?qū)I(yè)和嚴謹。造成這種狀況的原因有二：

1）課程沒有進行學習者使用測試。缺乏專業(yè)背景的學習者在實際使用中會比課程的建設(shè)者碰到更多的問題，而大部分的問題只要通過簡單的使用測試，以及適當?shù)慕缑嬖O(shè)計就能得到改善。

2）專業(yè)的界面設(shè)計人員極少全程參與課程開發(fā)。設(shè)計師與課程的開發(fā)者、使用者都缺乏足夠的交流，對課程的教學理念、學習內(nèi)容和學習過程幾乎一無所知，無法提供建設(shè)性意見，導致設(shè)計上出現(xiàn)了許多原可避免的問題。

3.2 網(wǎng)絡(luò)課程學習界面設(shè)計的建議

相對于學習資源和網(wǎng)站平臺的建設(shè)，學習界面的設(shè)計和修改要容易和方便得多，如果能加強課程團隊的合作，提高對界面設(shè)計重要性的認識，必然可在短時間內(nèi)改進界面的設(shè)計效果。改進建議如下：

1）學習界面設(shè)計應(yīng)體現(xiàn)學習的主題和主要內(nèi)容。設(shè)計要從課程自身的特點出發(fā)，避免套用機構(gòu)網(wǎng)站的版面效果，也不宜強調(diào)學習以外的信息。

2）在頁面顯著位置提供足夠的學習引導和提示信息。不管課程使用何種學習模式，都應(yīng)針對網(wǎng)站的具體操作方法和學習過程作完整的說明。簡要的提示可直接顯示在主頁上，詳細的幫助或說明可專門設(shè)置一個欄目。

3）使用容易理解和符合人們習慣的設(shè)計方案。網(wǎng)絡(luò)課程的創(chuàng)新應(yīng)體現(xiàn)在學習方式和學習過程中，而不是視覺效果上，使用人們最熟悉和習慣的效果，往往是最合理和最有效的。

4）檢查細節(jié)是否已完善無誤。一個微小的錯誤就會極大降低使用者對網(wǎng)站的評價，降低網(wǎng)站的專業(yè)形象。如果用戶對網(wǎng)站失去信心，學習的效果必然大打折扣。

綜上所述，網(wǎng)絡(luò)課程建設(shè)應(yīng)重視學習界面設(shè)計的作用，以操作的便捷性為目標，提高視覺效果與使用功能兩方面的質(zhì)量。隨著網(wǎng)絡(luò)教育的發(fā)展，將會出現(xiàn)更多不同形式的教學媒介和應(yīng)用軟件，而以易用性為目標的用戶界面設(shè)計理念仍然會貫穿其中。因此，對界面設(shè)計與用戶操作之間的相關(guān)研究有著重要的參考價值。

參考文獻：

[1] 林育曼.國家精品課程教學課件界面設(shè)計調(diào)查與分析[J].中國遠程教育，2013（01）：90.

[2] 張桐.遠程開放教育網(wǎng)絡(luò)課程設(shè)計現(xiàn)狀評析——以中央廣播電視大學為例[J].中國電化教育，2012（10）：86.

[3]羅伯特·赫克曼.一目了然：web和移動應(yīng)用設(shè)計通識方法[M].機械工業(yè)出版社，2012.

[4] 斯蒂夫·克魯格.點石成金：訪客至上的網(wǎng)頁設(shè)計秘笈[M].機械工業(yè)出版社，2006.