劉楚楚 馬德俊

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

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

劉楚楚 馬德俊

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

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

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

1 引言

依據(jù)CNNIC中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第31次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》，截至2012年12月底，中國(guó)網(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)站開(kāi)發(fā)”模式[2]。它是指在網(wǎng)絡(luò)環(huán)境下，圍繞一項(xiàng)或者多項(xiàng)專題進(jìn)行廣泛和深入學(xué)習(xí)的資源型學(xué)習(xí)網(wǎng)站。與資訊、企業(yè)、交易類網(wǎng)站不同，專題學(xué)習(xí)網(wǎng)站具有研究的專題性、內(nèi)容的整合性、受眾的特定性、資源的開(kāi)放性、結(jié)構(gòu)的相對(duì)固定性、功能的完備性等特點(diǎn)[3]，所以很有必要將專題學(xué)習(xí)網(wǎng)站獨(dú)立出來(lái)進(jìn)行探究。

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

2 研究方法

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

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

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

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

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

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

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

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

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

2.2 調(diào)查方法

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

2.3 調(diào)查對(duì)象

在調(diào)查的60個(gè)專題學(xué)習(xí)網(wǎng)站中，有28.33%是文化歷史類專題，如“南孔圣地”（http://zjqzez.com/）；16.67%是信息技術(shù)類專題，如“網(wǎng)頁(yè)教學(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%，如“音樂(lè)之都維也納”（http://www.xxyw.cn/zxxx/yyzdwyn/）；體育和科普類專題各占6.67%，如“羽毛球”（http://www.spo.stu.edu.cn/badminton/）和“科學(xué)視界”（http://v.kepu.cn/）。具體專題分布見(jiàn)表1。

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

從圖2所示調(diào)查數(shù)據(jù)來(lái)看，大部分的調(diào)查對(duì)象對(duì)專題學(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ú)意進(jìn)入網(wǎng)站，并沒(méi)有明確的目的；有7.86%的使用者是為了完成某項(xiàng)具體任務(wù)。

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

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

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

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

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

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

調(diào)查問(wèn)卷數(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)是簡(jiǎn)約淡雅的風(fēng)格。

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

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

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

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

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

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

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

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

?

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

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

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

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

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

在具體的運(yùn)用上，導(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í)者對(duì)專題的理解；藝術(shù)類的網(wǎng)站則可以選擇大膽一些的色調(diào)，撞色的搭配甚至金屬的色彩將會(huì)激發(fā)學(xué)習(xí)者的藝術(shù)靈感。

表4 圖片和動(dòng)畫(huà)使用情況統(tǒng)計(jì)表

4.2 媒體元素設(shè)計(jì)

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

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

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

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

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

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

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

5 總結(jié)

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

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

[1]CNNIC.第31次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告[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)站的特點(diǎn)及功能設(shè)計(jì)分析[J].遠(yuǎn)程教育雜志,2003(6):43-45.

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

[5]吳偉敏.網(wǎng)絡(luò)學(xué)習(xí)中的信息迷航問(wèn)題初探[J].中國(guó)電化教育,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)新項(xiàng)目“眼動(dòng)技術(shù)在專題學(xué)習(xí)網(wǎng)站中的應(yīng)用研究”（項(xiàng)目批號(hào)：CXLX11-0915）研究成果之一。

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