中國網(wǎng)絡(luò)課程學(xué)習(xí)界面設(shè)計(jì)的調(diào)查與分析

王露茵

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

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

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

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

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

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

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

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

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

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

究其根源都是因?yàn)槲磳ⅰ耙讓W(xué)易用”原則放在首位，簡單沿用普通網(wǎng)站的界面設(shè)計(jì)或僅根據(jù)教學(xué)資源來編排網(wǎng)站，沒有考慮學(xué)習(xí)者的理解和學(xué)習(xí)過程，影響學(xué)習(xí)體驗(yàn)的效果。

1.3 設(shè)計(jì)考慮不周

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

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

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

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

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

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

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

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

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

3 問題分析及建議

3.1 問題分析

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

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

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

3.2 網(wǎng)絡(luò)課程學(xué)習(xí)界面設(shè)計(jì)的建議

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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