“教學(xué)系統(tǒng)設(shè)計(jì)”網(wǎng)絡(luò)課程的交互設(shè)計(jì)探索 *

楊在寶 ，張 杰

（1.紅河學(xué)院 工學(xué)院，云南 蒙自 661100；

2.云南師范大學(xué) 計(jì)算機(jī)科學(xué)與信息技術(shù)學(xué)院，云南 昆明 650092）

“教學(xué)系統(tǒng)設(shè)計(jì)”網(wǎng)絡(luò)課程的交互設(shè)計(jì)探索*

楊在寶1，張 杰2

（1.紅河學(xué)院 工學(xué)院，云南 蒙自 661100；

2.云南師范大學(xué) 計(jì)算機(jī)科學(xué)與信息技術(shù)學(xué)院，云南 昆明 650092）

本文在分析交互設(shè)計(jì)的理論基礎(chǔ)之上，結(jié)合“教學(xué)系統(tǒng)設(shè)計(jì)”課程本身的特點(diǎn)和學(xué)習(xí)者特征，設(shè)計(jì)了6種交互方式：交互界面、導(dǎo)航交互、內(nèi)容交互、測(cè)試交互、評(píng)價(jià)交互和協(xié)作交互，以增強(qiáng)學(xué)生的學(xué)習(xí)興趣，維持學(xué)習(xí)動(dòng)機(jī)，實(shí)現(xiàn)教學(xué)交互，進(jìn)而提高學(xué)習(xí)效果和質(zhì)量。

網(wǎng)絡(luò)課程；教學(xué)系統(tǒng)設(shè)計(jì)；交互設(shè)計(jì)

一、網(wǎng)絡(luò)教學(xué)交互的含義

交互設(shè)計(jì)是衡量網(wǎng)絡(luò)課程質(zhì)量高低的標(biāo)準(zhǔn)之一。在國(guó)內(nèi)外有關(guān)交互的研究中，關(guān)于交互的解釋和描述還沒(méi)有統(tǒng)一的定論，如吉爾伯特和莫爾認(rèn)為：“交互是兩個(gè)或多個(gè)個(gè)體在學(xué)習(xí)環(huán)境中為完成學(xué)習(xí)任務(wù)或建立社會(huì)關(guān)系而進(jìn)行的雙向通信?！盵1]筆者認(rèn)為：網(wǎng)絡(luò)教學(xué)交互是指學(xué)習(xí)者在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，為滿足學(xué)習(xí)的需要而與學(xué)習(xí)系統(tǒng)或他人（教師或?qū)W習(xí)伙伴）進(jìn)行溝通的雙向互動(dòng)過(guò)程。學(xué)習(xí)者可以利用學(xué)習(xí)平臺(tái)提供的各種信息資源，并根據(jù)自己的學(xué)習(xí)需要選擇不同的資源進(jìn)行雙向交互活動(dòng)。

二、網(wǎng)絡(luò)教學(xué)交互的理論依據(jù)

行為主義學(xué)習(xí)理論強(qiáng)調(diào)外部環(huán)境刺激的重要性，如網(wǎng)絡(luò)環(huán)境中各種媒體信息對(duì)學(xué)習(xí)者的刺激，將有助于學(xué)習(xí)者交互行為的發(fā)生；認(rèn)知主義學(xué)習(xí)理論則更重視學(xué)習(xí)者內(nèi)部心理因素的作用，強(qiáng)調(diào)學(xué)習(xí)者對(duì)外部信息的接收、加工、存儲(chǔ)和提取，如內(nèi)容交互中的反思學(xué)習(xí)，是學(xué)習(xí)者經(jīng)過(guò)反思學(xué)習(xí)后加工提煉觀點(diǎn)、問(wèn)題等的內(nèi)在認(rèn)知學(xué)習(xí)結(jié)構(gòu)；社會(huì)認(rèn)知理論則重視學(xué)習(xí)者如何在合作環(huán)境中從他人（教師或?qū)W習(xí)伙伴）那里學(xué)習(xí)，如協(xié)作交互中的專題論壇和單元論壇等，為學(xué)習(xí)者創(chuàng)設(shè)了從他人那里學(xué)習(xí)的情景；建構(gòu)主義學(xué)習(xí)理論則強(qiáng)調(diào)兒童（學(xué)習(xí)者）通過(guò)與環(huán)境的相互作用來(lái)認(rèn)識(shí)外部世界，發(fā)展自己的認(rèn)知結(jié)構(gòu)，如內(nèi)容交互中的資源學(xué)習(xí)為學(xué)習(xí)者提供了更多外部資源，也充實(shí)和完善學(xué)習(xí)者原有的認(rèn)知結(jié)構(gòu)；結(jié)構(gòu)能動(dòng)理論則強(qiáng)調(diào)構(gòu)成整體的各要素互相結(jié)合、互相影響的作用；現(xiàn)代心理學(xué)研究證明，學(xué)習(xí)者與周圍環(huán)境的交互作用，對(duì)于學(xué)習(xí)內(nèi)容的理解起著關(guān)鍵作用。[2]由此可見(jiàn)，充分有效的互動(dòng)是提高教學(xué)質(zhì)量的重要途徑。

因此，在指導(dǎo)網(wǎng)絡(luò)課程設(shè)計(jì)時(shí)應(yīng)加強(qiáng)師生、生生間的討論、辯論、反思等交互活動(dòng)，并通過(guò)雙向溝通重組學(xué)習(xí)者的知識(shí)結(jié)構(gòu)。[3]同時(shí)，在學(xué)習(xí)過(guò)程中要鼓勵(lì)學(xué)習(xí)者成為認(rèn)知的主體，不斷提出新的問(wèn)題，讓學(xué)習(xí)者積極參與到學(xué)習(xí)過(guò)程中來(lái)，而并不只看重他的學(xué)習(xí)結(jié)果。

三、“教學(xué)系統(tǒng)設(shè)計(jì)”課程網(wǎng)絡(luò)學(xué)習(xí)的特點(diǎn)

“教學(xué)系統(tǒng)設(shè)計(jì)”課程是高等院校教育技術(shù)學(xué)專業(yè)的一門主干課程，是為培養(yǎng)教育技術(shù)學(xué)專業(yè)學(xué)生教學(xué)設(shè)計(jì)理論知識(shí)和應(yīng)用能力而設(shè)置的專業(yè)必修課。其實(shí)質(zhì)就是為解決實(shí)際問(wèn)題而提供的科學(xué)的系統(tǒng)解決問(wèn)題的模式。在網(wǎng)絡(luò)環(huán)境下課程學(xué)習(xí)具有傳統(tǒng)教學(xué)無(wú)法比擬的優(yōu)勢(shì)：（1）為課程的個(gè)性化學(xué)習(xí)提供了可能。如學(xué)習(xí)可按照學(xué)習(xí)者的認(rèn)知結(jié)構(gòu)特點(diǎn)、興趣等個(gè)性化的方式進(jìn)行。（2）為課程學(xué)習(xí)提供了多種學(xué)習(xí)模式。如研究性學(xué)習(xí)模式，不僅實(shí)現(xiàn)了學(xué)習(xí)者多感官的參與，而且對(duì)學(xué)習(xí)者的認(rèn)識(shí)和行為產(chǎn)生了潛移默化的影響。（3）為課程的形成性評(píng)價(jià)提供了保障。如學(xué)習(xí)過(guò)程記錄、單元評(píng)價(jià)等為學(xué)習(xí)者提供了及時(shí)的信息反饋。（4）為課程學(xué)習(xí)創(chuàng)設(shè)了真實(shí)的情景。如針對(duì)學(xué)習(xí)內(nèi)容和學(xué)習(xí)者的基本特征創(chuàng)設(shè)相關(guān)的學(xué)習(xí)情景，促進(jìn)交流溝通和諧發(fā)展，激發(fā)起學(xué)生的學(xué)習(xí)興趣。

四、“教學(xué)系統(tǒng)設(shè)計(jì)”課程網(wǎng)絡(luò)學(xué)習(xí)者的特征

利用網(wǎng)絡(luò)開(kāi)展課程學(xué)習(xí)的宗旨就是要促進(jìn)學(xué)習(xí)者學(xué)習(xí)效率的提高，網(wǎng)絡(luò)教學(xué)交互的設(shè)計(jì)是為了學(xué)習(xí)者的學(xué)習(xí)。因此，要取得網(wǎng)絡(luò)課程學(xué)習(xí)的成功，必須重視學(xué)習(xí)者特征的分析。

本文研究的對(duì)象是教育技術(shù)學(xué)專業(yè)和師范院校大三的師范專業(yè)學(xué)生，年齡一般在19歲以上。對(duì)于教育技術(shù)學(xué)專業(yè)的學(xué)生而言，已經(jīng)具備教育技術(shù)學(xué)的基礎(chǔ)理論、計(jì)算機(jī)基礎(chǔ)、學(xué)與教的原理等基礎(chǔ)知識(shí)。而大三的師范生則具有教育技術(shù)基礎(chǔ)、計(jì)算機(jī)基礎(chǔ)、學(xué)科教學(xué)法等知識(shí)。這些學(xué)生在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境下表現(xiàn)出以下幾個(gè)方面的特征：

（1）具有較強(qiáng)的自主學(xué)習(xí)能力和自我指導(dǎo)能力。有一定的教育理論基礎(chǔ)知識(shí)，對(duì)教學(xué)系統(tǒng)設(shè)計(jì)的了解雖然不多，但自主學(xué)習(xí)能力較強(qiáng)，對(duì)于學(xué)什么、怎么學(xué)等，學(xué)習(xí)者均有較強(qiáng)的自主性。

（2）具有良好的自我監(jiān)控和調(diào)控的能力。在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境下自主學(xué)習(xí)是一個(gè)非線性的過(guò)程，學(xué)習(xí)者訪問(wèn)信息的自由度很大，如果沒(méi)有良好的自我監(jiān)控和調(diào)控能力，將可能出現(xiàn)迷航的現(xiàn)象。

（3）熟練使用計(jì)算機(jī)并具有網(wǎng)絡(luò)課程學(xué)習(xí)的能力。學(xué)習(xí)者已學(xué)會(huì)計(jì)算機(jī)的基本操作，了解網(wǎng)絡(luò)知識(shí)，能熟練參與網(wǎng)絡(luò)教學(xué)活動(dòng)。

（4）具有較強(qiáng)的自我表現(xiàn)能力。由于非面對(duì)面的交流方式，學(xué)習(xí)者更易張揚(yáng)個(gè)性，能克服與他人接觸時(shí)的畏懼和羞澀心理，可以毫不修飾地表達(dá)自己個(gè)性化、有創(chuàng)造性的觀點(diǎn)。

（5）具有較強(qiáng)的群體觀念。學(xué)習(xí)者在網(wǎng)絡(luò)中更易結(jié)成團(tuán)體（如QQ群等），有利于團(tuán)隊(duì)精神的培養(yǎng)，而從眾和服從權(quán)威心理卻在削弱。有利于學(xué)習(xí)者在“教學(xué)系統(tǒng)設(shè)計(jì)”課程環(huán)境中扮演不同的角色。

五、“教學(xué)系統(tǒng)設(shè)計(jì)”網(wǎng)絡(luò)課程的交互設(shè)計(jì)

本文在“教學(xué)系統(tǒng)設(shè)計(jì)”課程網(wǎng)絡(luò)學(xué)習(xí)的特點(diǎn)和學(xué)習(xí)者特征分析的基礎(chǔ)上，針對(duì)學(xué)習(xí)者的習(xí)慣、知識(shí)、經(jīng)驗(yàn)和技能等特征，制定了6個(gè)方面的交互設(shè)計(jì)，總體結(jié)構(gòu)如圖1所示。

1．交互界面設(shè)計(jì)

界面是學(xué)習(xí)者和網(wǎng)絡(luò)課程之間賴以交換信息的通道，幾乎所有的學(xué)習(xí)資源都是從界面中獲得的。因而人機(jī)交互界面的設(shè)計(jì)不僅要向用戶提供一個(gè)交互性強(qiáng)的操作環(huán)境，而且還要從用戶的感官享受等方面進(jìn)行全盤考慮。對(duì)于“教學(xué)系統(tǒng)設(shè)計(jì)”網(wǎng)絡(luò)課程的交互界面設(shè)計(jì)而言，主要從兩個(gè)角度進(jìn)行考慮：一是視覺(jué)元素。利用點(diǎn)、線、面、色彩等平面設(shè)計(jì)要素創(chuàng)造出構(gòu)圖合理、色彩搭配合適，具有美感，有利于增強(qiáng)學(xué)習(xí)者審美鑒賞能力的基本界面；二是結(jié)合界面功能創(chuàng)造出具有功用性、舒適性、鑒賞性、節(jié)奏感的實(shí)用交互界面，以促進(jìn)學(xué)習(xí)者有效地學(xué)習(xí)。

（1）界面構(gòu)圖和色彩設(shè)計(jì)

構(gòu)圖是把對(duì)象及造型元素加以有機(jī)組織、選擇和安排，構(gòu)成畫面樣式的一種創(chuàng)作活動(dòng)?；镜臉?gòu)圖元素包括線條、色彩、明暗、節(jié)奏等。在進(jìn)行構(gòu)圖設(shè)計(jì)時(shí)要考慮到學(xué)習(xí)者的心理趨合、畫面均衡、視覺(jué)重心等人的視覺(jué)心理對(duì)構(gòu)圖的影響。色彩則是構(gòu)圖的基本元素之一，對(duì)顏色合理恰當(dāng)?shù)乩貌粌H可以增加網(wǎng)絡(luò)課程的藝術(shù)性，而且可以吸引學(xué)習(xí)者的注意力。[4]

在網(wǎng)絡(luò)課程設(shè)計(jì)中，應(yīng)充分考慮課程內(nèi)容表現(xiàn)的需要、課程的總體風(fēng)格、色彩對(duì)學(xué)習(xí)者心理的影響以及色彩本身所表達(dá)的含義等因素。在色彩處理上盡量做到搭配和諧、自然、舒服，給人以美感，減少因色彩過(guò)多、過(guò)雜而帶來(lái)的風(fēng)格不一致等問(wèn)題。

（2）界面元素設(shè)計(jì)

界面元素通常有圖形圖像、文字、按鈕、色彩等。圖形圖像不僅可以生動(dòng)、形象、直觀地表達(dá)大量信息，還可以用來(lái)縮短學(xué)習(xí)者和界面之間心理距離，使學(xué)習(xí)者在看到熟悉的圖片或圖形后產(chǎn)生親近感，間接地增加學(xué)習(xí)者和學(xué)習(xí)內(nèi)容之間的心理交互；文字可以用來(lái)呈現(xiàn)內(nèi)容的概念、原理、方法等信息，設(shè)計(jì)時(shí)可以使用不同字體、色彩、文字藝術(shù)效果等方式使文字材料閱讀起來(lái)更加賞心悅目，重點(diǎn)突出，條理清楚。另外，為了使各章節(jié)、段落之間的層次更鮮明，字體、字號(hào)、字體顏色在體例上也要相對(duì)統(tǒng)一；按鈕可以設(shè)計(jì)成動(dòng)態(tài)按鈕，不僅可以增強(qiáng)界面的生動(dòng)性、趣味性，而且可以賦予界面新的生命力。

2．導(dǎo)航交互設(shè)計(jì)

“導(dǎo)航是一種避免學(xué)習(xí)偏離教學(xué)目標(biāo)，引導(dǎo)學(xué)習(xí)者進(jìn)行有效學(xué)習(xí)，提高學(xué)習(xí)效率的策略”。[5]導(dǎo)航交互設(shè)計(jì)的好壞將直接影響學(xué)習(xí)者的學(xué)習(xí)情緒及其效率。一般來(lái)講導(dǎo)航交互設(shè)計(jì)能幫助學(xué)習(xí)者了解當(dāng)前學(xué)習(xí)內(nèi)容所處的位置，找到所需的信息；確定下一步的前進(jìn)方向和路徑；尋求解決困難的方法，找到達(dá)到學(xué)習(xí)目標(biāo)的最佳學(xué)習(xí)路徑；使學(xué)習(xí)者能清楚地了解教學(xué)信息的結(jié)構(gòu)概況，產(chǎn)生整體結(jié)構(gòu)映像。因此，本文針對(duì)學(xué)習(xí)者和網(wǎng)絡(luò)課程的特點(diǎn)，設(shè)計(jì)了主導(dǎo)航、子導(dǎo)航、位置導(dǎo)航、返回導(dǎo)航4個(gè)導(dǎo)航交互策略。

（1）主導(dǎo)航：根據(jù)功能結(jié)構(gòu)模塊設(shè)計(jì)導(dǎo)航欄目，對(duì)應(yīng)網(wǎng)絡(luò)課程的一級(jí)界面，屬于主層次結(jié)構(gòu)。一般位于界面的頂部或左側(cè)。如圖2所示，主導(dǎo)航采用圓形立體的水晶按鈕，下方標(biāo)示有明確的文字信息，既美化了界面，同時(shí)又起到較好的提示作用，位于界面頂部。

（2）子導(dǎo)航：根據(jù)功能的分支結(jié)構(gòu)設(shè)計(jì)的導(dǎo)航欄目，一般用于二級(jí)、三級(jí)欄目?jī)?nèi)容的導(dǎo)航。主要位于左側(cè)。如圖3所示的子導(dǎo)航采用長(zhǎng)方形立體導(dǎo)航條，色彩和背景色彩一致，由于采用了浮雕效果設(shè)計(jì)，在背景上顯得十分突出，白色的文字藍(lán)色的背景顯得格外清晰。

（4）返回導(dǎo)航：一般分為返回首頁(yè)和返回上一級(jí)導(dǎo)航。當(dāng)學(xué)習(xí)者迷航時(shí)可以利用返回首頁(yè)從頭開(kāi)始。也可以返回上一級(jí)頁(yè)面進(jìn)行學(xué)習(xí)。

3．內(nèi)容交互設(shè)計(jì)

內(nèi)容交互是為學(xué)習(xí)者提供在線學(xué)習(xí)的主要手段，主要包含內(nèi)容學(xué)習(xí)、學(xué)習(xí)反思、資源學(xué)習(xí)、課程作業(yè)4個(gè)模塊。

（1）內(nèi)容學(xué)習(xí)：是利用超文本形式組織的知識(shí)結(jié)構(gòu)模塊。該模塊以教材為依據(jù)，按照章、節(jié)、知識(shí)點(diǎn)的形式組織學(xué)習(xí)內(nèi)容。

（2）反思學(xué)習(xí)：是學(xué)習(xí)者在學(xué)習(xí)過(guò)程中在完成內(nèi)容學(xué)習(xí)后將心得、想法、觀點(diǎn)、態(tài)度、遇到的問(wèn)題等以記事本的形式記錄反思，提交后可以查看來(lái)自同學(xué)、教師的評(píng)價(jià)或幫助。

（3）資源學(xué)習(xí)：提供了教師上課PPT、上課視頻、教學(xué)案例、優(yōu)秀的學(xué)生作品等資源。學(xué)習(xí)者在內(nèi)容學(xué)習(xí)的基礎(chǔ)上可以利用這里的資源進(jìn)行學(xué)習(xí)。

（4）課程作業(yè)：為學(xué)習(xí)者提供了為鞏固知識(shí)和學(xué)習(xí)遷移而設(shè)計(jì)的課程作業(yè)，課程作業(yè)包含討論、案例分析、實(shí)踐等多種形式。

吃完面后，兩個(gè)人又陷入了沉默。窗外的雨越下越大，似乎沒(méi)有要停止的意思。世界似乎已經(jīng)變成了一片汪洋，白汪汪的水面反射著燈光和閃電，看不出深淺。葉曉曉租住的房子仿佛是大海中的一葉扁舟，隨時(shí)有傾覆的可能，這棟單薄的民房，建在路邊的電線桿旁，葉曉曉聽(tīng)著轟隆隆的雷聲漸漸感到了害怕。

4．測(cè)試交互設(shè)計(jì)

測(cè)試交互是為學(xué)習(xí)者提供的課程學(xué)習(xí)評(píng)價(jià)的一種方式，主要目的是了解學(xué)習(xí)者在學(xué)習(xí)完一個(gè)或多個(gè)單元后的學(xué)習(xí)效果。包括單元測(cè)試和總結(jié)性測(cè)試。本文根據(jù)課程學(xué)習(xí)的需要，針對(duì)課程的特點(diǎn)設(shè)計(jì)了5種題型的在線測(cè)試，分別為選擇題、填空題、判斷題、匹配題、問(wèn)答題等。

（1）單元測(cè)試：為了方便學(xué)習(xí)者進(jìn)行自我學(xué)習(xí)評(píng)價(jià)，強(qiáng)化單元知識(shí)的學(xué)習(xí)，在每個(gè)學(xué)習(xí)單元后均設(shè)計(jì)有相關(guān)的單元在線測(cè)試。學(xué)習(xí)者通過(guò)它可以及時(shí)了解自己目前的學(xué)習(xí)狀況，并根據(jù)反饋回來(lái)的信息調(diào)整自己的學(xué)習(xí)計(jì)劃、進(jìn)度等安排，真正做到有的放矢。

（2）總結(jié)性測(cè)試：是學(xué)習(xí)者完成課程學(xué)習(xí)后，對(duì)學(xué)習(xí)者學(xué)得怎么樣的結(jié)果測(cè)試。通過(guò)它學(xué)習(xí)者可以清楚地看到自己課程學(xué)習(xí)的總體情況，雖然不能由此評(píng)定學(xué)生的最終結(jié)果，但結(jié)合單元測(cè)試和其他交互行為，可以反映學(xué)習(xí)者的學(xué)習(xí)態(tài)度。

5．協(xié)作交互設(shè)計(jì)

在“教學(xué)系統(tǒng)設(shè)計(jì)”網(wǎng)絡(luò)課程中還設(shè)計(jì)了協(xié)作交互。通過(guò)協(xié)作交互實(shí)現(xiàn)教師與教師、教師與學(xué)習(xí)者、學(xué)習(xí)者與學(xué)習(xí)者之間的交互。在這里學(xué)生提交的作業(yè)、論文、作品以及疑難問(wèn)題等均能及時(shí)得到教師的反饋、指導(dǎo)和幫助，對(duì)學(xué)習(xí)者發(fā)揮首創(chuàng)精神進(jìn)行學(xué)習(xí)將產(chǎn)生激勵(lì)和促進(jìn)作用。而且在學(xué)習(xí)者之間也能產(chǎn)生互相激勵(lì)，增進(jìn)情感交流，使學(xué)習(xí)者感受到學(xué)習(xí)大家庭的溫暖，從而在網(wǎng)絡(luò)學(xué)習(xí)中產(chǎn)生歸屬感。

6．評(píng)價(jià)交互設(shè)計(jì)

這里的評(píng)價(jià)交互是主客體雙向交互評(píng)價(jià)的方式。包含學(xué)生評(píng)價(jià)、教師評(píng)價(jià)、同行及專家評(píng)價(jià)等。教師對(duì)學(xué)習(xí)者的作業(yè)或作品進(jìn)行評(píng)價(jià)，學(xué)習(xí)者對(duì)教師的意見(jiàn)進(jìn)行反饋。教師及時(shí)恰當(dāng)?shù)貙?duì)學(xué)習(xí)者予以評(píng)價(jià)，以維持較高水平的交互活動(dòng)，提高學(xué)習(xí)者學(xué)習(xí)的持續(xù)性。同時(shí)利用同行專家的評(píng)價(jià)開(kāi)展教學(xué)研究也有助于提高教師的教學(xué)水平。

[1]Larry Gilbert,David R.Moore.Building Interactivity into Web Courses:Tools for Social and Instructional Interaction[J].Educational Technolgy,1998,38(3):26.

[2]史志強(qiáng).論多媒體及其交互性[J].電化教育研究,2001(4):19-21.

[3]羅剛,張琴珠.網(wǎng)絡(luò)課件的自主學(xué)習(xí)策略設(shè)計(jì)[J].廣西師范大學(xué)學(xué)報(bào)(哲學(xué)社會(huì)科學(xué)版),2003(4):81.

[4]李壽材,馬秀峰.國(guó)家精品課程網(wǎng)站色彩調(diào)查與分析[J].電化教育研究,2009(3):83-86.

[5]王廣新,黎加厚.論網(wǎng)絡(luò)遠(yuǎn)程學(xué)習(xí)中的交互[J].電化教育研究,2000(11):25-28,49.

G434

B

1673-8454（2010）03-0074-03

*本文是云南省教育廳科研基金課題（項(xiàng)目編號(hào)：06Y161G）、紅河學(xué)院碩博課題（項(xiàng)目編號(hào)：XSS07015）研究成果之一。

（編輯：金冉）