專題學習網站導航建設的現狀調查與設計策略*

劉楚楚 馬德俊

江蘇師范大學教育科學研究院 江蘇徐州 221116

專題學習網站導航建設的現狀調查與設計策略*

劉楚楚 馬德俊

江蘇師范大學教育科學研究院 江蘇徐州 221116

專題學習網站是當今網絡學習的主要渠道之一。通過對抽樣調查和問卷調查的數據分析，結合專題學習網站的特點，分析現有專題學習網站導航建設方面存在的一些問題，探討設計策略，最終提出研究的發展方向以及不足。

專題學習網站；導航建設；設計策略

1 引言

依據CNNIC中國互聯網絡信息中心發布的第31次《中國互聯網絡發展狀況統計報告》，截至2012年12月底，中國網民規模達到5.64億，互聯網普及率為42.1%；學生仍然是網民中規模最大的群體，占比為25.1%[1]。隨著網絡的迅速發展，網絡學習也逐漸被人們所接受，專題學習網站也成為網絡學習的主要渠道之一。

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

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

2 研究方法

2.1 調查目的與內容

本研究是對現有專題學習網站導航建設的現狀進行抽樣調查，并且對使用專題學習網站的網絡學習者進行使用情況調查，目的是了解使用者的感受及建議，并與現狀進行對比分析，為探討現有網站導航設計存在的問題以及改進策略提供事實依據。

調查內容[4]包括：

1）專題學習網站導航的建設情況；

2）調查對象的基本感受；

3）導航色彩配置；

4）媒體元素應用；

5）導航模塊設置；

6）導航應用狀況。

2.2 調查方法

本研究采用抽樣調查與調查問卷相結合的方法。在專題學習網站的國內研究中，大多數針對中小學專題學習網站。但實際上利用網絡進行自主學習的更多是成年人，其中大學生更占多數。因此，本調查在適合成年人學習的專題學習網站中隨即抽取了60個網站進行現狀調查，調查數據采用手動統計。調查問卷在“問卷星”網站上發布，共有438人填寫問卷，有效問卷420份，圖表通過“問卷星”網站生成，數據采用SPSS統計分析。

2.3 調查對象

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

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

從圖2所示調查數據來看，大部分的調查對象對專題學習網站的了解程度一般，只是偶爾使用。根據調查，36.43%的人使用網站的目的是為了搜索相關內容；26.43%是為了了解某一專題的內容；15%是為了深入了解某專題內容；14.29%的使用者是無意進入網站，并沒有明確的目的；有7.86%的使用者是為了完成某項具體任務。

3 調查結果分析

3.1 導航建設情況

調查選取的60個樣本的網站建設都基本完成，但其中只有88.33%的專題學習網站導航建設基本完成。3.33%的網站只設有主導航，僅僅做了最基本的分類，簡單展示出專題內容，沒有系統性。8.33%的網站導航還在建設中，部分功能不能正常使用。專題學習網站導航建設的具體情況見表2。

表2 導航建設情況統計表

3.2 導航色彩配置

專題學習網站導航的主色調是指網站導航系統的基本色調，依據對現有網站導航主色調的調查，把導航的主色調大致分為“綠、藍、紫”“紅、橙、棕”“黑、白、灰”三種類別，專題學習網站導航主色調的具體情況見表3。

調查問卷數據顯示，有40%的使用者認為專題學習網站的導航應使用“綠、藍、紫”色調；32.86%認為“黑、白、灰”色調比較合適；17.14%認為應該用“紅、黃、橙”色調；還有9.10%的使用者提出應用“金、銀”等其他色調。72.85%的使用者認為專題學習網站的導航應是簡約淡雅的風格。

3.3 媒體元素應用

51.67%的專題學習網站導航中是用圖片作為點綴的，圖片沒有特定的含義。25%的網站導航中有一定數量的圖片并且有文字表達意義，另外23.33%的導航是純文字的。

表3 導航主色調情況統計表

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

3.4 導航模塊設置

除了最基本的主導航，專題學習網站的導航系統中還包含了返回首頁、當前位置、站內搜索、站外導航、上下文導航、知識點導航、站外搜索等幾個模塊。調查的60個專題學習網站都提供了最基本的主導航，專題學習網站導航系統模塊設計的具體情況見表5。如圖3所示，超過半數的使用者認為專題學習網站的導航系統中站內搜索、返回首頁、當前位置和知識點導航等幾個模塊是必須的。

3.5 導航應用狀況

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

?

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

4 調查結論

通過對現有專題學習網站導航設計現狀與網絡學習者的使用情況對比，發現一些問題，學習者提出的意見和期望也為改進專題學習網站的導航設計提供了依據。在此提出幾條設計策略。

4.1 導航色彩設計

一般來說，專題學習網站是以學習為目的的，所以在色彩設計方面要以冷色調為主，在風格上偏于簡約淡雅。這樣的設計更有助于學習者把注意力集中在學習內容上，而不是單純用炫麗的色彩來刺激視覺。

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

表4 圖片和動畫使用情況統計表

4.2 媒體元素設計

現有的專題學習網站多以文字為主，重點是為了展現學習內容，略顯枯燥。但在調查問卷中發現，學習者還是希望有適當的媒體元素來幫助理解導航內容，使網站顯得生動活潑一點，適當的元素點綴也會提高學習者的學習效率。并且有學習者表示，圖片與動畫的使用最好是與專題相關，并配有文字說明，畢竟圖片與動畫相對文字來說抽象了很多，但這并不代表一味地增加媒體元素的數量。與專題內容無關的元素，反而會分散學習者的注意力，影響學習效果。

實際應用時，應根據不同的專題，對媒體元素進行合理的設計。純理論專題的學習網站應適當減少圖片以及動畫的數量，體現出網站的理論特性；而需要激發學習者發散思維的研究性專題學習網站，則需將媒體元素結合文字說明以達到啟發學習者思維與靈感的效果。

4.3 系統模塊設計

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

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

4.4 以用戶為中心的導航設計

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

5 總結

專題學習網站是網絡學習的主要渠道之一，設計者往往沿用普通網站的研究成果，并沒有從學習者的角度進行導航設計，從而影響了網絡學習者的學習效果。本文依據專題學習網站的特點，通過分析調查現狀發現存在的問題，并且提出了幾條改進專題學習網站導航設計的策略，希望專題學習網站的設計者能夠從學習者的角度出發，以提高學習效率為目的，精心設計網站導航。

本文僅是對專題學習網站導航設計的現狀進行了分析調查，依據調查結果提出幾條發展和改進的策略，而如何具體設計網站導航框架以及布局，還需要進一步的實驗和調查。這將是筆者今后研究的重點，以用戶為中心，利用眼動技術[6]，為專題學習網站的導航設計作出貢獻。

[1]CNNIC.第31次中國互聯網絡發展狀況統計報告[EB/OL].http://www.cnnic.net.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm.

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

[3]周靜,馮秀琪.專題學習網站的特點及功能設計分析[J].遠程教育雜志,2003(6):43-45.

[4]Kalbach J.WEB導航設計[M].北京:電子工業出版社,2009.

[5]吳偉敏.網絡學習中的信息迷航問題初探[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年普通高校研究生科研創新項目“眼動技術在專題學習網站中的應用研究”（項目批號：CXLX11-0915）研究成果之一。

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