專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)的現(xiàn)狀調(diào)查與設(shè)計策略*

劉楚楚 馬德俊

江蘇師范大學(xué)教育科學(xué)研究院 江蘇徐州 221116

專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)的現(xiàn)狀調(diào)查與設(shè)計策略*

劉楚楚 馬德俊

江蘇師范大學(xué)教育科學(xué)研究院 江蘇徐州 221116

專題學(xué)習(xí)網(wǎng)站是當(dāng)今網(wǎng)絡(luò)學(xué)習(xí)的主要渠道之一。通過對抽樣調(diào)查和問卷調(diào)查的數(shù)據(jù)分析，結(jié)合專題學(xué)習(xí)網(wǎng)站的特點，分析現(xiàn)有專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)方面存在的一些問題，探討設(shè)計策略，最終提出研究的發(fā)展方向以及不足。

專題學(xué)習(xí)網(wǎng)站；導(dǎo)航建設(shè)；設(shè)計策略

1 引言

依據(jù)CNNIC中國互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第31次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》，截至2012年12月底，中國網(wǎng)民規(guī)模達(dá)到5.64億，互聯(lián)網(wǎng)普及率為42.1%；學(xué)生仍然是網(wǎng)民中規(guī)模最大的群體，占比為25.1%[1]。隨著網(wǎng)絡(luò)的迅速發(fā)展，網(wǎng)絡(luò)學(xué)習(xí)也逐漸被人們所接受，專題學(xué)習(xí)網(wǎng)站也成為網(wǎng)絡(luò)學(xué)習(xí)的主要渠道之一。

“專題學(xué)習(xí)網(wǎng)站”這一概念源自2001年李克東提出的“專題探索—網(wǎng)站開發(fā)”模式[2]。它是指在網(wǎng)絡(luò)環(huán)境下，圍繞一項或者多項專題進行廣泛和深入學(xué)習(xí)的資源型學(xué)習(xí)網(wǎng)站。與資訊、企業(yè)、交易類網(wǎng)站不同，專題學(xué)習(xí)網(wǎng)站具有研究的專題性、內(nèi)容的整合性、受眾的特定性、資源的開放性、結(jié)構(gòu)的相對固定性、功能的完備性等特點[3]，所以很有必要將專題學(xué)習(xí)網(wǎng)站獨立出來進行探究。

在使用專題學(xué)習(xí)網(wǎng)站時，學(xué)習(xí)者大多以自學(xué)為主，因此，以用戶為中心的導(dǎo)航設(shè)計對于提高專題學(xué)習(xí)網(wǎng)站的可用性起著至關(guān)重要的作用。由于專題學(xué)習(xí)網(wǎng)站承載的資源龐大，設(shè)計者往往以呈現(xiàn)內(nèi)容為重點，忽視了學(xué)習(xí)者的感受與需求。本文通過對現(xiàn)有專題學(xué)習(xí)網(wǎng)站的抽樣調(diào)查，以及對網(wǎng)站使用者進行調(diào)查，分析總結(jié)專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)的現(xiàn)狀，并提出設(shè)計策略。

2 研究方法

2.1 調(diào)查目的與內(nèi)容

本研究是對現(xiàn)有專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)的現(xiàn)狀進行抽樣調(diào)查，并且對使用專題學(xué)習(xí)網(wǎng)站的網(wǎng)絡(luò)學(xué)習(xí)者進行使用情況調(diào)查，目的是了解使用者的感受及建議，并與現(xiàn)狀進行對比分析，為探討現(xiàn)有網(wǎng)站導(dǎo)航設(shè)計存在的問題以及改進策略提供事實依據(jù)。

調(diào)查內(nèi)容[4]包括：

1）專題學(xué)習(xí)網(wǎng)站導(dǎo)航的建設(shè)情況；

2）調(diào)查對象的基本感受；

3）導(dǎo)航色彩配置；

4）媒體元素應(yīng)用；

5）導(dǎo)航模塊設(shè)置；

6）導(dǎo)航應(yīng)用狀況。

2.2 調(diào)查方法

本研究采用抽樣調(diào)查與調(diào)查問卷相結(jié)合的方法。在專題學(xué)習(xí)網(wǎng)站的國內(nèi)研究中，大多數(shù)針對中小學(xué)專題學(xué)習(xí)網(wǎng)站。但實際上利用網(wǎng)絡(luò)進行自主學(xué)習(xí)的更多是成年人，其中大學(xué)生更占多數(shù)。因此，本調(diào)查在適合成年人學(xué)習(xí)的專題學(xué)習(xí)網(wǎng)站中隨即抽取了60個網(wǎng)站進行現(xiàn)狀調(diào)查，調(diào)查數(shù)據(jù)采用手動統(tǒng)計。調(diào)查問卷在“問卷星”網(wǎng)站上發(fā)布，共有438人填寫問卷，有效問卷420份，圖表通過“問卷星”網(wǎng)站生成，數(shù)據(jù)采用SPSS統(tǒng)計分析。

2.3 調(diào)查對象

在調(diào)查的60個專題學(xué)習(xí)網(wǎng)站中，有28.33%是文化歷史類專題，如“南孔圣地”（http://zjqzez.com/）；16.67%是信息技術(shù)類專題，如“網(wǎng)頁教學(xué)網(wǎng)”（http://www.webjx.com/）；15%是數(shù)理化專題，如“一元函數(shù)微積分”（http://course.szu.edu.cn/weijifen/）；醫(yī)學(xué)專題占11.67%，如“糖尿病”（http://dme.med.stu.edu.cn/main_n.asp）；藝術(shù)專題占10%，如“音樂之都維也納”（http://www.xxyw.cn/zxxx/yyzdwyn/）；體育和科普類專題各占6.67%，如“羽毛球”（http://www.spo.stu.edu.cn/badminton/）和“科學(xué)視界”（http://v.kepu.cn/）。具體專題分布見表1。

問卷的調(diào)查對象為18周歲以上有網(wǎng)絡(luò)自主學(xué)習(xí)能力的成年人。調(diào)查對象分布在全國各地，有46.43%分布在江蘇，其他分布在北京、上海、湖北等各個地區(qū)；男女生比例基本相當(dāng)，分別占49.29%和50.71%；大部分調(diào)查對象的最高學(xué)歷為本科（57.86%）和碩士（29.29%）；網(wǎng)齡基本都是3年以上，有一定的網(wǎng)絡(luò)熟練度（見圖1）。

從圖2所示調(diào)查數(shù)據(jù)來看，大部分的調(diào)查對象對專題學(xué)習(xí)網(wǎng)站的了解程度一般，只是偶爾使用。根據(jù)調(diào)查，36.43%的人使用網(wǎng)站的目的是為了搜索相關(guān)內(nèi)容；26.43%是為了了解某一專題的內(nèi)容；15%是為了深入了解某專題內(nèi)容；14.29%的使用者是無意進入網(wǎng)站，并沒有明確的目的；有7.86%的使用者是為了完成某項具體任務(wù)。

3 調(diào)查結(jié)果分析

3.1 導(dǎo)航建設(shè)情況

調(diào)查選取的60個樣本的網(wǎng)站建設(shè)都基本完成，但其中只有88.33%的專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)基本完成。3.33%的網(wǎng)站只設(shè)有主導(dǎo)航，僅僅做了最基本的分類，簡單展示出專題內(nèi)容，沒有系統(tǒng)性。8.33%的網(wǎng)站導(dǎo)航還在建設(shè)中，部分功能不能正常使用。專題學(xué)習(xí)網(wǎng)站導(dǎo)航建設(shè)的具體情況見表2。

表2 導(dǎo)航建設(shè)情況統(tǒng)計表

3.2 導(dǎo)航色彩配置

專題學(xué)習(xí)網(wǎng)站導(dǎo)航的主色調(diào)是指網(wǎng)站導(dǎo)航系統(tǒng)的基本色調(diào)，依據(jù)對現(xiàn)有網(wǎng)站導(dǎo)航主色調(diào)的調(diào)查，把導(dǎo)航的主色調(diào)大致分為“綠、藍(lán)、紫”“紅、橙、棕”“黑、白、灰”三種類別，專題學(xué)習(xí)網(wǎng)站導(dǎo)航主色調(diào)的具體情況見表3。

調(diào)查問卷數(shù)據(jù)顯示，有40%的使用者認(rèn)為專題學(xué)習(xí)網(wǎng)站的導(dǎo)航應(yīng)使用“綠、藍(lán)、紫”色調(diào)；32.86%認(rèn)為“黑、白、灰”色調(diào)比較合適；17.14%認(rèn)為應(yīng)該用“紅、黃、橙”色調(diào)；還有9.10%的使用者提出應(yīng)用“金、銀”等其他色調(diào)。72.85%的使用者認(rèn)為專題學(xué)習(xí)網(wǎng)站的導(dǎo)航應(yīng)是簡約淡雅的風(fēng)格。

3.3 媒體元素應(yīng)用

51.67%的專題學(xué)習(xí)網(wǎng)站導(dǎo)航中是用圖片作為點綴的，圖片沒有特定的含義。25%的網(wǎng)站導(dǎo)航中有一定數(shù)量的圖片并且有文字表達(dá)意義，另外23.33%的導(dǎo)航是純文字的。

表3 導(dǎo)航主色調(diào)情況統(tǒng)計表

在導(dǎo)航中加入動畫元素或是導(dǎo)航以動畫的形式呈現(xiàn)，都對技術(shù)有一定的要求。調(diào)查中76.67%的專題學(xué)習(xí)網(wǎng)站的導(dǎo)航是沒有動畫的，18.33%的導(dǎo)航用動畫作為點綴，只有5%的導(dǎo)航將動畫與文字結(jié)合，如“中華里”專題學(xué)習(xí)網(wǎng)站（http://www.chinalane.org/）。專題學(xué)習(xí)網(wǎng)站導(dǎo)航圖片和動畫使用的具體情況見表4。有45.71%的使用者提出網(wǎng)站導(dǎo)航的圖片比例需要提升。85.10%的人認(rèn)為應(yīng)適當(dāng)使用動畫點綴或與文字結(jié)合。

3.4 導(dǎo)航模塊設(shè)置

除了最基本的主導(dǎo)航，專題學(xué)習(xí)網(wǎng)站的導(dǎo)航系統(tǒng)中還包含了返回首頁、當(dāng)前位置、站內(nèi)搜索、站外導(dǎo)航、上下文導(dǎo)航、知識點導(dǎo)航、站外搜索等幾個模塊。調(diào)查的60個專題學(xué)習(xí)網(wǎng)站都提供了最基本的主導(dǎo)航，專題學(xué)習(xí)網(wǎng)站導(dǎo)航系統(tǒng)模塊設(shè)計的具體情況見表5。如圖3所示，超過半數(shù)的使用者認(rèn)為專題學(xué)習(xí)網(wǎng)站的導(dǎo)航系統(tǒng)中站內(nèi)搜索、返回首頁、當(dāng)前位置和知識點導(dǎo)航等幾個模塊是必須的。

3.5 導(dǎo)航應(yīng)用狀況

如圖4所示，專題學(xué)習(xí)網(wǎng)站的使用者大多認(rèn)為網(wǎng)站導(dǎo)航的視覺舒適度一般，14.29%的使用者認(rèn)為不太舒適，12.14%認(rèn)為舒適?？梢妼ｎ}學(xué)習(xí)網(wǎng)站的導(dǎo)航視覺設(shè)計水平層次不一，有很大一部分的網(wǎng)站導(dǎo)航還存在一些問題并有待提高。同樣，導(dǎo)航的藝術(shù)設(shè)計也是如此。

?

如圖3所示，在問到“您認(rèn)為專題學(xué)習(xí)網(wǎng)站導(dǎo)航存在哪些問題”時，52.86%的使用者表示網(wǎng)站導(dǎo)航的框架模糊，不知道如何找到自己所需的內(nèi)容；46.43%認(rèn)為導(dǎo)航的設(shè)計不符合自己的使用習(xí)慣；45.71%的使用者對通過導(dǎo)航獲得的信息很失望；40.71%在使用過程中被廣告或者其他因素分散注意力；37.14%的使用者遇到了在網(wǎng)站中迷失的情況，無法回到首頁甚至不知道自己在什么位置；另外還有23.57%的使用者認(rèn)為網(wǎng)站導(dǎo)航的字體和色彩搭配不合理。

4 調(diào)查結(jié)論

通過對現(xiàn)有專題學(xué)習(xí)網(wǎng)站導(dǎo)航設(shè)計現(xiàn)狀與網(wǎng)絡(luò)學(xué)習(xí)者的使用情況對比，發(fā)現(xiàn)一些問題，學(xué)習(xí)者提出的意見和期望也為改進專題學(xué)習(xí)網(wǎng)站的導(dǎo)航設(shè)計提供了依據(jù)。在此提出幾條設(shè)計策略。

4.1 導(dǎo)航色彩設(shè)計

一般來說，專題學(xué)習(xí)網(wǎng)站是以學(xué)習(xí)為目的的，所以在色彩設(shè)計方面要以冷色調(diào)為主，在風(fēng)格上偏于簡約淡雅。這樣的設(shè)計更有助于學(xué)習(xí)者把注意力集中在學(xué)習(xí)內(nèi)容上，而不是單純用炫麗的色彩來刺激視覺。

在具體的運用上，導(dǎo)航的色調(diào)選擇還要考慮到與專題內(nèi)容的統(tǒng)一：普通的數(shù)理化網(wǎng)站可選擇普通的冷色調(diào)，像藍(lán)、綠、紫等；而歷史文化類型的，如“秦兵馬俑專題學(xué)習(xí)網(wǎng)站”（http://qinbmy.czqlxx.com/）的導(dǎo)航就選擇了與兵馬俑、泥土顏色相近的土黃色，更有助于學(xué)習(xí)者對專題的理解；藝術(shù)類的網(wǎng)站則可以選擇大膽一些的色調(diào)，撞色的搭配甚至金屬的色彩將會激發(fā)學(xué)習(xí)者的藝術(shù)靈感。

表4 圖片和動畫使用情況統(tǒng)計表

4.2 媒體元素設(shè)計

現(xiàn)有的專題學(xué)習(xí)網(wǎng)站多以文字為主，重點是為了展現(xiàn)學(xué)習(xí)內(nèi)容，略顯枯燥。但在調(diào)查問卷中發(fā)現(xiàn)，學(xué)習(xí)者還是希望有適當(dāng)?shù)拿襟w元素來幫助理解導(dǎo)航內(nèi)容，使網(wǎng)站顯得生動活潑一點，適當(dāng)?shù)脑攸c綴也會提高學(xué)習(xí)者的學(xué)習(xí)效率。并且有學(xué)習(xí)者表示，圖片與動畫的使用最好是與專題相關(guān)，并配有文字說明，畢竟圖片與動畫相對文字來說抽象了很多，但這并不代表一味地增加媒體元素的數(shù)量。與專題內(nèi)容無關(guān)的元素，反而會分散學(xué)習(xí)者的注意力，影響學(xué)習(xí)效果。

實際應(yīng)用時，應(yīng)根據(jù)不同的專題，對媒體元素進行合理的設(shè)計。純理論專題的學(xué)習(xí)網(wǎng)站應(yīng)適當(dāng)減少圖片以及動畫的數(shù)量，體現(xiàn)出網(wǎng)站的理論特性；而需要激發(fā)學(xué)習(xí)者發(fā)散思維的研究性專題學(xué)習(xí)網(wǎng)站，則需將媒體元素結(jié)合文字說明以達(dá)到啟發(fā)學(xué)習(xí)者思維與靈感的效果。

4.3 系統(tǒng)模塊設(shè)計

專題學(xué)習(xí)網(wǎng)站與普通網(wǎng)站不同，它是具有專題性的以學(xué)習(xí)為目的的網(wǎng)站，因此專題學(xué)習(xí)網(wǎng)站的導(dǎo)航系統(tǒng)中，知識點導(dǎo)航是不可缺少的。它可以讓學(xué)習(xí)者了解專題的系統(tǒng)性與知識框架，方便學(xué)習(xí)者查找專題知識點，幫助學(xué)習(xí)者抓住重點并提高學(xué)習(xí)效率。另外，由于專題知識點多、內(nèi)容繁雜，因此“站內(nèi)搜索”模塊也起到了重要的作用，能夠幫助學(xué)習(xí)者節(jié)省不少時間。

與普通的網(wǎng)站一樣，專題學(xué)習(xí)網(wǎng)站也存在在網(wǎng)站中迷失的問題[5]，由于網(wǎng)站資源較多，經(jīng)常需要多次點擊才能找到所需的內(nèi)容，但往往由于設(shè)計不夠全面，導(dǎo)致學(xué)習(xí)者不清楚自己在什么位置，甚至無法回到主頁，最后導(dǎo)致無法順利進行網(wǎng)絡(luò)學(xué)習(xí)。因此，“返回首頁”與“當(dāng)前位置”導(dǎo)航模塊也是必不可少的，以確保學(xué)習(xí)者在每個頁面都可以返回到之前訪問的每一個頁面。

4.4 以用戶為中心的導(dǎo)航設(shè)計

每個專題學(xué)習(xí)網(wǎng)站都需要有明確的用戶目標(biāo)與教學(xué)目標(biāo)，即網(wǎng)站面對的學(xué)習(xí)者是哪些人？要達(dá)到什么學(xué)習(xí)效果？在明確這些之后，最好可以在設(shè)計導(dǎo)航之前對學(xué)習(xí)者進行調(diào)查，了解他們的學(xué)習(xí)特征、學(xué)習(xí)習(xí)慣以及性格特征，并參考調(diào)查結(jié)果、綜合專題內(nèi)容，明確導(dǎo)航設(shè)計的各個方面。也可以在設(shè)計過程中征求學(xué)習(xí)者的意見，以最終達(dá)到更好的學(xué)習(xí)效果。

5 總結(jié)

專題學(xué)習(xí)網(wǎng)站是網(wǎng)絡(luò)學(xué)習(xí)的主要渠道之一，設(shè)計者往往沿用普通網(wǎng)站的研究成果，并沒有從學(xué)習(xí)者的角度進行導(dǎo)航設(shè)計，從而影響了網(wǎng)絡(luò)學(xué)習(xí)者的學(xué)習(xí)效果。本文依據(jù)專題學(xué)習(xí)網(wǎng)站的特點，通過分析調(diào)查現(xiàn)狀發(fā)現(xiàn)存在的問題，并且提出了幾條改進專題學(xué)習(xí)網(wǎng)站導(dǎo)航設(shè)計的策略，希望專題學(xué)習(xí)網(wǎng)站的設(shè)計者能夠從學(xué)習(xí)者的角度出發(fā)，以提高學(xué)習(xí)效率為目的，精心設(shè)計網(wǎng)站導(dǎo)航。

本文僅是對專題學(xué)習(xí)網(wǎng)站導(dǎo)航設(shè)計的現(xiàn)狀進行了分析調(diào)查，依據(jù)調(diào)查結(jié)果提出幾條發(fā)展和改進的策略，而如何具體設(shè)計網(wǎng)站導(dǎo)航框架以及布局，還需要進一步的實驗和調(diào)查。這將是筆者今后研究的重點，以用戶為中心，利用眼動技術(shù)[6]，為專題學(xué)習(xí)網(wǎng)站的導(dǎo)航設(shè)計作出貢獻(xiàn)。

[1]CNNIC.第31次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告[EB/OL].http://www.cnnic.net.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm.

[2]李克東.數(shù)字化學(xué)習(xí):下[J].電化教育研究,2001(9):18-22.

[3]周靜,馮秀琪.專題學(xué)習(xí)網(wǎng)站的特點及功能設(shè)計分析[J].遠(yuǎn)程教育雜志,2003(6):43-45.

[4]Kalbach J.WEB導(dǎo)航設(shè)計[M].北京:電子工業(yè)出版社,2009.

[5]吳偉敏.網(wǎng)絡(luò)學(xué)習(xí)中的信息迷航問題初探[J].中國電化教育,2001(10):52-54.

[6]Morimoto C H, Mimica M R M. Eye for gaze tracking techniques for interactive applications[J].Computer Vision and Image Understanding,2005,98(1):4-24.

Present Situation and Design Strategies of Project-based Learning Websites’s Navigation Construction

Liu Chuchu, Ma Dejun

Nowadays project-based learning website is one of the main channel of network learning. Through analysis of the sampling survey and questionnaire survey, combined with the characteristics of project-based learning website, analysis of existing problems of the projectbased learning website’s navigation construction, finally discusses the design strategies and puts forward the development direction of the research and the inadequate.

project-based learning website; navigation construction; design strategies

TP393

B

1671-489X(2013)09-0040-04

10.3969/j.issn.1671-489X.2013.09.040

本文系江蘇省2011年普通高校研究生科研創(chuàng)新項目“眼動技術(shù)在專題學(xué)習(xí)網(wǎng)站中的應(yīng)用研究”（項目批號：CXLX11-0915）研究成果之一。

作者：劉楚楚，江蘇師范大學(xué)教育研究院碩士研究生在讀，研究方向為遠(yuǎn)程教育。