網(wǎng)絡(luò)課件中的導(dǎo)航設(shè)計(jì)

劉　冬　周京偉　馬秀峰

文章編號(hào)：1672-5913(2009)06-0037-03

摘要：在網(wǎng)絡(luò)課件的設(shè)計(jì)中，導(dǎo)航是一個(gè)重要因素，可有效保證網(wǎng)絡(luò)課程的質(zhì)量，需要全面考慮和精心設(shè)計(jì)。良好的導(dǎo)航設(shè)計(jì)可以引導(dǎo)學(xué)習(xí)者有效的學(xué)習(xí)，提高學(xué)習(xí)的效率。本文從導(dǎo)航的作用入手，介紹了導(dǎo)航設(shè)計(jì)的原則以及導(dǎo)航設(shè)計(jì)的策略。

關(guān)鍵詞：網(wǎng)絡(luò)課程；導(dǎo)航設(shè)計(jì)；策略；原則

中圖分類號(hào)：G642

文獻(xiàn)標(biāo)識(shí)碼：B

1引言

在這里我們說的“導(dǎo)航”是專指網(wǎng)絡(luò)課件中的導(dǎo)航模塊。網(wǎng)絡(luò)課件是通過網(wǎng)絡(luò)表現(xiàn)的某門學(xué)科的教學(xué)內(nèi)容及實(shí)施的教學(xué)活動(dòng)的總和，網(wǎng)絡(luò)課件的內(nèi)容是以超媒體信息組織結(jié)構(gòu)進(jìn)行信息的組織。超媒體信息組織結(jié)構(gòu)是一種能很好地體現(xiàn)依序?yàn)橹行牡慕虒W(xué)思想的信息組織形式，它使學(xué)習(xí)者在學(xué)習(xí)時(shí)可以自己制定學(xué)習(xí)目標(biāo)，選擇學(xué)習(xí)內(nèi)容和學(xué)習(xí)途徑，但是超媒體課件因信息結(jié)構(gòu)復(fù)雜和信息量大，易產(chǎn)生迷失路徑，增加不必要認(rèn)知負(fù)載。因此在用節(jié)點(diǎn)和鏈組成的超媒體網(wǎng)絡(luò)結(jié)構(gòu)中，就需要導(dǎo)航模塊，它可允許使用者非線性地自由瀏覽，賦予了學(xué)習(xí)者更大的自由度，使他們可以在各種教學(xué)信息之間跳轉(zhuǎn)，既發(fā)揮超媒體的作用和特長(zhǎng)，又便于學(xué)習(xí)者主動(dòng)地、創(chuàng)新地進(jìn)行學(xué)習(xí)，同時(shí)又可減少使用者的認(rèn)知負(fù)荷。明確清晰的導(dǎo)航可以給學(xué)習(xí)者指明當(dāng)前學(xué)習(xí)的路徑、可以達(dá)到的信息領(lǐng)域及學(xué)習(xí)內(nèi)容之間的關(guān)系。簡(jiǎn)言之，導(dǎo)航就是網(wǎng)絡(luò)課件中當(dāng)學(xué)習(xí)者迷航時(shí)，通過軟件提供的各種工具，以此達(dá)到操作或?qū)W習(xí)的目標(biāo)。

2導(dǎo)航的作用及其表現(xiàn)形式

2.1導(dǎo)航的作用

如上所述，課件中導(dǎo)航設(shè)計(jì)的重要作用在于引導(dǎo)學(xué)生圍繞教學(xué)目標(biāo)，提高學(xué)習(xí)效率，進(jìn)行有效學(xué)習(xí)。從導(dǎo)航的概念中也可以看出導(dǎo)航模塊的具體作用可歸結(jié)為如下幾點(diǎn)：

(1) 使學(xué)習(xí)者能清楚地了解教學(xué)內(nèi)容的結(jié)構(gòu)概況，產(chǎn)生整體性結(jié)構(gòu)的概念；

(2) 讓學(xué)習(xí)者了解當(dāng)前學(xué)習(xí)內(nèi)容在學(xué)習(xí)過程中、在課件的知識(shí)結(jié)構(gòu)體系中所處的位置；

(3) 讓學(xué)習(xí)者能根據(jù)學(xué)習(xí)過的知識(shí)、走過的路徑，確定下一步的前進(jìn)方向和路徑；

(4) 讓學(xué)習(xí)者能快速而簡(jiǎn)捷地找到所需的信息，并以最佳的路徑找到這些信息，也可預(yù)設(shè)瀏覽路徑，減少學(xué)習(xí)者的探路時(shí)間。

(5) 讓學(xué)習(xí)者使用課件遇到困難時(shí)，能尋求到解決困難的方法，找到達(dá)到學(xué)習(xí)目標(biāo)的最佳學(xué)習(xí)路徑；

(6) 對(duì)一些學(xué)習(xí)過程中容易遇到的問題，用幫助頁(yè)面的方式給出指導(dǎo)，提供解決問題的方法和途徑。

2.2網(wǎng)絡(luò)課件導(dǎo)航的表現(xiàn)形式

網(wǎng)絡(luò)課件的導(dǎo)航類型多樣，有基于學(xué)習(xí)位置的導(dǎo)航、基于學(xué)習(xí)過程的導(dǎo)航、基于知識(shí)點(diǎn)的導(dǎo)航、基于測(cè)試輔導(dǎo)的導(dǎo)航等類型，相應(yīng)的，導(dǎo)航的表現(xiàn)形式也是豐富多彩。目前網(wǎng)絡(luò)課件導(dǎo)航設(shè)計(jì)中常見的表現(xiàn)形式有以下幾種：

(1) 樹狀結(jié)構(gòu)。在網(wǎng)絡(luò)課件導(dǎo)航設(shè)計(jì)的目錄結(jié)構(gòu)設(shè)計(jì)中最為常用，比較形象直觀。

(2) 下拉菜單。與樹狀結(jié)構(gòu)相比能夠節(jié)省頁(yè)面空間，便于課件其他素材的布置。但是其直觀程度沒有樹狀結(jié)構(gòu)明顯，操作也不夠方便。

(3) 列表框。主要用于對(duì)分類對(duì)象的導(dǎo)航，如章、節(jié)、知識(shí)點(diǎn)導(dǎo)航。它具有占用頁(yè)面空間少、可以任意布置頁(yè)面位置的優(yōu)點(diǎn)，并且可以包含更多的數(shù)據(jù)信息，但是其表現(xiàn)的直觀性弱于樹狀及下拉菜單。

(4) 動(dòng)態(tài)頁(yè)面。是一種基于數(shù)據(jù)搜索查詢的導(dǎo)航，可以根據(jù)給定的關(guān)鍵詞從數(shù)據(jù)庫(kù)中搜索相應(yīng)的導(dǎo)航內(nèi)容。它主要應(yīng)用于“關(guān)鍵詞導(dǎo)航”、“基于學(xué)習(xí)過程的導(dǎo)航”以及“基于測(cè)試輔導(dǎo)的導(dǎo)航”中，方便學(xué)習(xí)者依據(jù)需要進(jìn)行自主學(xué)習(xí)。

3導(dǎo)航設(shè)計(jì)的策略

在網(wǎng)絡(luò)課件或網(wǎng)絡(luò)課程中，通常包含巨大的信息量，內(nèi)部信息之間的關(guān)系可能異常復(fù)雜。因此除了要求信息結(jié)構(gòu)要設(shè)計(jì)合理之外，對(duì)信息的導(dǎo)航策略要求也很高。在網(wǎng)絡(luò)課程設(shè)計(jì)中，常見的導(dǎo)航策略有：

3.1信息隱形

“信息隱形”就是將不常用的或在一定的條件下才能使用的選擇工具暫時(shí)隱藏起來，只有在條件滿足時(shí)，才開放給用戶，這樣就減少了用戶的選擇。如菜單中常常有些項(xiàng)目顯示模糊，表明此時(shí)不能選擇該項(xiàng)目。再者，并不是所有按鈕，學(xué)習(xí)者可隨時(shí)使用，若當(dāng)前屏幕顯示的是文字信息，只有當(dāng)知識(shí)庫(kù)中有與該文字信息相關(guān)的圖像聲音等信息，圖像、聲音等按鈕才處于待激活狀態(tài)。

3.2電子書簽和電子筆記

電子書簽可以讓學(xué)習(xí)者在超媒體系統(tǒng)探索路徑上做下多個(gè)標(biāo)記，供下次學(xué)習(xí)參考；學(xué)習(xí)者使用電子筆記記下學(xué)習(xí)心得或?qū)?duì)自己有用的信息拷貝到電子筆記中。

3.3安全返回

當(dāng)學(xué)習(xí)者在系統(tǒng)中迷路或遇到困難時(shí)，系統(tǒng)應(yīng)提供工具，讓學(xué)習(xí)者能夠“安全”退回大本營(yíng)，回到中心結(jié)點(diǎn)，如在課件中設(shè)一“返回”按鈕，使學(xué)習(xí)者隨時(shí)可以回到系統(tǒng)的開頭。

3.4提供教學(xué)導(dǎo)向活動(dòng)

多媒體網(wǎng)絡(luò)課件中包含教學(xué)活動(dòng)的導(dǎo)航，具體來說，至少應(yīng)包括下列內(nèi)容：

(1) 首先應(yīng)包括系列化教學(xué)事件如明確學(xué)習(xí)目標(biāo)、課程概覽、提示學(xué)前經(jīng)驗(yàn)、提供原則、例證、練習(xí)、評(píng)估和反饋等；

(2) 提供導(dǎo)航工具：目錄、菜單、圖標(biāo)、索引等。

(3) 應(yīng)給予學(xué)習(xí)者適當(dāng)?shù)目刂茩?quán)：在計(jì)算機(jī)輔導(dǎo)教學(xué)中，要達(dá)到個(gè)別化教學(xué)的目的，最容易做到也最可行的方法是經(jīng)由“學(xué)習(xí)者控制”，由學(xué)生根據(jù)自己的需求和偏愛來選擇信息的形式、數(shù)量、速度和路徑。盡管“學(xué)習(xí)者控制”的方法看起來頗為吸引人，但需謹(jǐn)慎，避免誤用了控制的權(quán)力，系統(tǒng)應(yīng)適當(dāng)監(jiān)控學(xué)習(xí)者，提供學(xué)習(xí)建議，提示重要的學(xué)習(xí)路徑，更重要的是評(píng)估學(xué)習(xí)成果，以診斷學(xué)習(xí)的困難并保證學(xué)習(xí)目標(biāo)的達(dá)成。

(4) 告知學(xué)習(xí)進(jìn)度：在傳統(tǒng)的印刷媒體呈現(xiàn)信息的方式中，學(xué)習(xí)者可以隨時(shí)瀏覽而得知自己的閱讀進(jìn)度，而在網(wǎng)絡(luò)教學(xué)環(huán)境中則不行。在多媒體課件中，當(dāng)學(xué)習(xí)者行經(jīng)每一章節(jié)或段落時(shí)，系統(tǒng)應(yīng)告知，以便了學(xué)習(xí)者了解進(jìn)度如路徑、頁(yè)數(shù)等的顯示。

4網(wǎng)絡(luò)課件導(dǎo)航設(shè)計(jì)案例

為了探索和實(shí)踐網(wǎng)絡(luò)課件的導(dǎo)航設(shè)計(jì)策略及原則，筆者所在的團(tuán)隊(duì)設(shè)計(jì)制作了泰山學(xué)院“數(shù)據(jù)結(jié)構(gòu)”網(wǎng)絡(luò)課件，并在教學(xué)中應(yīng)用，產(chǎn)生了良好的教學(xué)效果。

(1) 基于學(xué)習(xí)內(nèi)容的樹形導(dǎo)航

“數(shù)據(jù)結(jié)構(gòu)”網(wǎng)絡(luò)課件設(shè)置了相關(guān)學(xué)習(xí)活動(dòng)樹形導(dǎo)航，包括“教學(xué)大綱”、“試驗(yàn)大綱”、“電子教案”、“教學(xué)錄像”等模塊，同時(shí)以章、節(jié)、知識(shí)點(diǎn)的目錄結(jié)構(gòu)建立二級(jí)導(dǎo)航鏈接，分別呈現(xiàn)在頁(yè)面的左右邊，如圖1所示。通過導(dǎo)航，學(xué)生可以很方便地進(jìn)入各章節(jié)各模塊的學(xué)習(xí)，容易定位學(xué)習(xí)的位置，不易迷航。樹形導(dǎo)航結(jié)構(gòu)與內(nèi)容采用楨分離技術(shù)，使得課件的結(jié)構(gòu)設(shè)計(jì)與課件的內(nèi)容設(shè)計(jì)分離開來，有效地減少了課件的制作冗余，更有利于設(shè)計(jì)者集中精力進(jìn)行內(nèi)容的設(shè)計(jì)；方便了課件的結(jié)構(gòu)修改，同時(shí)學(xué)習(xí)內(nèi)容也因?yàn)椴恍枰賳为?dú)附上結(jié)構(gòu)導(dǎo)航信息因此減少了頁(yè)面內(nèi)容，加快了頁(yè)面的打開速度。

(2) 基于學(xué)習(xí)測(cè)試輔導(dǎo)導(dǎo)航

“數(shù)據(jù)結(jié)構(gòu)”網(wǎng)絡(luò)課件不但提供了基于學(xué)習(xí)內(nèi)容的樹形導(dǎo)航，同時(shí)還提供了基于學(xué)習(xí)測(cè)試輔導(dǎo)的導(dǎo)航，以下拉菜單的形式放置在每頁(yè)的上方，方便學(xué)習(xí)者自學(xué)、自測(cè)以及在線提問。學(xué)習(xí)者可以根據(jù)自己的學(xué)習(xí)進(jìn)度及程度，有選擇性地進(jìn)入感興趣的學(xué)習(xí)模塊。

(3) 基于頁(yè)面內(nèi)三自由度的讀者位置導(dǎo)航

學(xué)習(xí)內(nèi)容模塊導(dǎo)航、章節(jié)知識(shí)點(diǎn)樹形結(jié)構(gòu)導(dǎo)航以及學(xué)習(xí)測(cè)試輔導(dǎo)導(dǎo)航提供了三個(gè)自由度的定位，學(xué)習(xí)者可以完全確定自己的學(xué)習(xí)位置，容易掌握自己的學(xué)習(xí)進(jìn)度。并且它們都是基于界面內(nèi)的操作，在同一個(gè)界面上可以完成所有的操作，不會(huì)由于打開的界面太多而迷失方向，操作簡(jiǎn)潔方便。

5導(dǎo)航設(shè)計(jì)原則

針對(duì)學(xué)習(xí)者的使用及反饋情況，我們認(rèn)為，在網(wǎng)絡(luò)課程的導(dǎo)航設(shè)計(jì)中應(yīng)遵循以下的原則：

5.1明確性

無論采用什么導(dǎo)航策略，導(dǎo)航設(shè)計(jì)應(yīng)該明確，讓使用者能一目了然。具體表現(xiàn)為：能讓使用者明確自己的學(xué)習(xí)路徑，包含過去的和未來的；能讓使用者清楚了解自己所處的位置等。只有明確的導(dǎo)航才能真正引導(dǎo)的作用，引導(dǎo)學(xué)習(xí)者高效地進(jìn)行學(xué)習(xí)。

5.2可理解

導(dǎo)航對(duì)于用戶應(yīng)是易于理解的。在表達(dá)形式上，要使用清楚、簡(jiǎn)潔的示意圖、表格、圖像，甚至文字來表達(dá)，盡量少用用戶陌生、費(fèi)解的技術(shù)術(shù)語(yǔ)和概念，盡可能少的使用文本，更要避免使用無效字句。在顯示上，導(dǎo)航信息不要與系統(tǒng)其他信息混雜顯示在一起，應(yīng)顯示在專用窗口內(nèi)或固定區(qū)域中。對(duì)信息量大的導(dǎo)航方式還應(yīng)合理使用各種符號(hào)，并盡量使用色彩、外型變化、高亮度等方法強(qiáng)調(diào)其中的重要信息。

5.3完整性

完整是要求軟件所提供的導(dǎo)航具體、完整，可以讓用戶獲得整個(gè)軟件范圍內(nèi)的全域性導(dǎo)航，能涉及到軟件中全部的教學(xué)信息及其關(guān)系，盡可能解決使用者的所有問題。

5.4靈活性

導(dǎo)航信息與課件相關(guān)，更與使用者運(yùn)行軟件的當(dāng)前狀態(tài)相關(guān)，因此導(dǎo)航策略應(yīng)該跟蹤用戶的當(dāng)前狀態(tài)，獲得與使用情況緊密相關(guān)的信息，了解用戶需要的信息，及時(shí)生成解決方案，讓用戶減少查看或處理無關(guān)信息的操作。

5.5提供咨詢

導(dǎo)航應(yīng)能提供用戶咨詢信息，它如同一個(gè)詢問處、咨詢部，當(dāng)用戶有需要的時(shí)候，能為使用者提供導(dǎo)航，其中所含信息應(yīng)僅供使用者參考。導(dǎo)航信息不應(yīng)中斷或影響使用者正在進(jìn)行的學(xué)習(xí)，也不能因此改變系統(tǒng)狀態(tài)，也就是說，導(dǎo)航信息不可以嚴(yán)重干擾、中斷或破壞系統(tǒng)的運(yùn)行。另外導(dǎo)航信息雖要明確但不應(yīng)過于引人注目，要避免它在用戶需要之前就吸引或干擾了使用者的注意力。總之，要保證是在用戶需要的情況下，并在盡可能少地干擾用戶的情況下向用戶提供。

5.6容易使用和操作

導(dǎo)航系統(tǒng)應(yīng)在容易啟動(dòng)的同時(shí)容易退出，或讓使用者以簡(jiǎn)單的方式跳轉(zhuǎn)到想要去的部分，對(duì)于彈出式的導(dǎo)航窗口，可以定義按鈕、快捷操作鍵等作為導(dǎo)航信息的啟動(dòng)事件，同時(shí)設(shè)計(jì)相應(yīng)的事件來完成離開或關(guān)閉導(dǎo)航窗口的操作，做到隨時(shí)進(jìn)入隨時(shí)退出。

5.7動(dòng)態(tài)導(dǎo)航

導(dǎo)航信息可以說是一種引導(dǎo)，動(dòng)態(tài)的引導(dǎo)能更好地適合使用者，解決用戶的具體問題。即時(shí)、動(dòng)態(tài)地解決使用者的問題，是一個(gè)好導(dǎo)航必須具有的特點(diǎn)。

考慮到以上這些導(dǎo)航設(shè)計(jì)的原則，才能保證導(dǎo)航策略的有效，發(fā)揮出導(dǎo)航策略應(yīng)有的作用。

6結(jié)束語(yǔ)

網(wǎng)絡(luò)課件的導(dǎo)航是指導(dǎo)學(xué)習(xí)者學(xué)習(xí)課程內(nèi)容的關(guān)鍵因素，故網(wǎng)絡(luò)課程的導(dǎo)航系統(tǒng)要清晰、明確、簡(jiǎn)單、方便，要符合大多數(shù)學(xué)習(xí)者的學(xué)習(xí)習(xí)慣和對(duì)知識(shí)掌握的人之心理。應(yīng)該能夠?qū)崿F(xiàn)課程瀏覽的縱向到底、橫向到邊，既能使學(xué)習(xí)者對(duì)某一個(gè)知識(shí)點(diǎn)的學(xué)習(xí)深入下去，又能使學(xué)習(xí)者容易全面地了解章節(jié)內(nèi)容。

參考文獻(xiàn)：

[1] 何克抗, 謝幼如, 鄭詠柏. 教學(xué)系統(tǒng)設(shè)計(jì)[M]. 北京: 北京師范大學(xué)出版社, 2002,304-318.

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

[3] 李松. 如何設(shè)計(jì)有效的網(wǎng)絡(luò)課程[J]. 成人教育, 2006, (3),68．

[4] 程志, 桂占吉. 關(guān)于網(wǎng)絡(luò)課程設(shè)計(jì)的思考[J]. 教育理論與實(shí)踐, 2004,(9)．