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

楊在寶 ，張 杰

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

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

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

楊在寶1，張 杰2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6．評價交互設(shè)計

這里的評價交互是主客體雙向交互評價的方式。包含學(xué)生評價、教師評價、同行及專家評價等。教師對學(xué)習(xí)者的作業(yè)或作品進行評價，學(xué)習(xí)者對教師的意見進行反饋。教師及時恰當(dāng)?shù)貙W(xué)習(xí)者予以評價，以維持較高水平的交互活動，提高學(xué)習(xí)者學(xué)習(xí)的持續(xù)性。同時利用同行專家的評價開展教學(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]史志強.論多媒體及其交互性[J].電化教育研究,2001(4):19-21.

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

[4]李壽材,馬秀峰.國家精品課程網(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

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

（編輯：金冉）