王露茵

摘要：網(wǎng)絡(luò)課程學(xué)習(xí)界面設(shè)計(jì)要符合易學(xué)易用、布局清晰統(tǒng)一和細(xì)節(jié)完善的原則，以實(shí)現(xiàn)高效的網(wǎng)絡(luò)學(xué)習(xí)目的。根據(jù)對(duì)150門(mén)網(wǎng)絡(luò)課程學(xué)習(xí)界面設(shè)計(jì)的評(píng)分統(tǒng)計(jì)，以及其中9門(mén)課程的操作測(cè)試結(jié)果，可看出我國(guó)網(wǎng)絡(luò)課程學(xué)習(xí)界面的設(shè)計(jì)水平不高，原因在于缺乏學(xué)習(xí)者和專業(yè)設(shè)計(jì)人員的參與。完善學(xué)習(xí)界面設(shè)計(jì)將有助于減少操作問(wèn)題，提高網(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ì)對(duì)網(wǎng)絡(luò)教育的發(fā)展有著重要的意義。網(wǎng)絡(luò)課程的界面設(shè)計(jì)涉及視覺(jué)效果、交互操作等方面，考慮其學(xué)習(xí)用途，應(yīng)遵循三個(gè)原則：易學(xué)易用、布局清晰統(tǒng)一、細(xì)節(jié)完善。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 問(wèn)題分析及建議

3.1 問(wèn)題分析

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

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

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

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

相對(duì)于學(xué)習(xí)資源和網(wǎng)站平臺(tái)的建設(shè)，學(xué)習(xí)界面的設(shè)計(jì)和修改要容易和方便得多，如果能加強(qiáng)課程團(tuán)隊(duì)的合作，提高對(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）在頁(yè)面顯著位置提供足夠的學(xué)習(xí)引導(dǎo)和提示信息。不管課程使用何種學(xué)習(xí)模式，都應(yīng)針對(duì)網(wǎng)站的具體操作方法和學(xué)習(xí)過(guò)程作完整的說(shuō)明。簡(jiǎn)要的提示可直接顯示在主頁(yè)上，詳細(xì)的幫助或說(shuō)明可專門(mén)設(shè)置一個(gè)欄目。

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

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

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

參考文獻(xiàn)：

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

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

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

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