學習者是通過網(wǎng)絡課件的界面,與教學內(nèi)容和教學流程發(fā)生關系的。課件界面是由界面元素有機排列和組合構成的。界面元素之間的矛盾與協(xié)調(diào)是設計者需要考慮的一個基本問題,解決這一問題的出發(fā)點是有利于學習者的信息處理,為知識的意義建構創(chuàng)造穩(wěn)固的基點。網(wǎng)絡課件界面設計的整體性原則是:選擇和組織界面元素,成為有相互聯(lián)系的整體,以利于學習者的信息加工和意義建構。即界面設計時要根據(jù)界面元素所承載的信息的相關性,對它們進行時間和空間上的分段分區(qū)域的組織,最終成為一個蘊含信息的整體。其目的是通過界面信息的良好組織,促進學習者心理過程中的組織活動,用界面的整體性,幫助學習者完成認知的整體性。該原則的具體要求是界面的媒體元素結合協(xié)調(diào),相關信息鄰近呈現(xiàn),界面元素組合布局。
言語與相關圖像協(xié)調(diào)
此處“言語”是指文字或語音表達形式,“圖像”包括各種靜態(tài)和動態(tài)的視覺元素,如照片、動畫、視頻影像等。言語與圖像的協(xié)調(diào),能引導學習者嘗試建立言語和圖像心理表征之間的聯(lián)系,積極參與到信息加工活動中,提高加工的深度。與言語相關的圖像,是指能夠幫助理解言語的解釋圖像,包括實際事物的形象和各種圖表,而不是只起美化作用的裝飾圖像。
1.用語音解釋圖像
在界面中有靜態(tài)或動態(tài)圖像需要同步解釋時,一般應選擇語音解說,而不要用文字說明。例如讓學習者一邊觀看動畫演示,一邊聽語音解說。這樣做的理論依據(jù)是:人的各個感覺通道的短時記憶容量是有限的,當學習者同步處理圖像和文字所傳遞的信息時,視覺通道的認知容量可能會超負荷。如果他的眼睛必須注意文字,就不能充分地注意動畫或圖片,尤其是當兩者同時呈現(xiàn),并且以同樣速度變化時(圖1)。使用語音解說的優(yōu)點是信息分別從兩個感覺通道輸入,使視覺信息處理的負擔最小化。當然,如果需要用文字來支持記憶或進一步學習,例如對復雜動畫過程的解釋、對操作步驟的指導等,可以分步呈現(xiàn)文字說明。
2.避免同時用文字和語音解釋
在用語音配合圖像的情況下,再同步呈現(xiàn)同樣內(nèi)容的文字解釋,則同樣會加重視覺通道短時記憶的負擔,這種情況下學習者可能會分配一部分注意力給文字,而使圖像的效果受到損失。例外的情況是,當學習者對語音解說的理解比文字更為困難時,例如用外語解說或解說內(nèi)容長而復雜,或是有不熟悉的關鍵詞時,可以適當添加文字解釋。當然,學習者中有人偏好聽覺學習,有人偏好視覺學習,因而教學材料應能充分適應學習者的這種差異,配合相應的語音解釋或文字解釋。
相關信息鄰近呈現(xiàn)
網(wǎng)絡課件界面元素都不是孤立的,例如文字與其解釋圖像是相互關聯(lián)的,所傳遞的信息有相關性。在界面中,有信息相關性的元素在時間或空間上應該結合成為一個整體,避免分離和互相干擾,以向?qū)W習者傳遞完整的信息。信息相關性的元素鄰近呈現(xiàn)的理論依據(jù)是:學習者始終在試圖尋找感知的刺激之間的意義聯(lián)系,當相關信息的承載者分離時,他不得不動用有限的認知資源來使之匹配,那么用在心理上組織和整合材料的資源就減少。然而,如果在界面中信息相關元素已經(jīng)結合為整體,學習者就能在短時記憶中把它們放在一起,使它們產(chǎn)生有意義的聯(lián)系,信息加工更為深入。下面是一些常見的結合關系。
1.文字與相關圖像同屏呈現(xiàn)
文字與相關圖像應該在位置上就近,處于同一視域內(nèi),形成相互支持的關系。例如說明文字伴隨著視頻演示內(nèi)容逐步呈現(xiàn),位于圖像一側。在網(wǎng)絡課件中,常常由于同一頁面呈現(xiàn)的內(nèi)容過多,而使頁面過長,可能導致縱向排列的圖像與說明文字不能同時在一屏上看到。因此,用文字給圖像作注釋時,要使用動畫技術或翻轉(zhuǎn)技術,使注釋出現(xiàn)在圖像近旁。例如,當圖像顯示一個物體的部件時,該部件的名稱應出現(xiàn)在相應部位,用箭頭線連接。又如,當描述一幅圖中的活動時,用翻轉(zhuǎn)技術顯示文字。
2.練習的相關成分就近呈現(xiàn)
練習的解題指導、問題、提示、應答、反饋等,無論是文字還是圖像,都應就近呈現(xiàn),使學習者能方便地相互參照。圖2表示問題、應答、提示、反饋都呈現(xiàn)在同一頁面,而圖3的頁面中的解答、反饋與題目因為頁面滾動而分離,學生需要返回到題目頁面來反思。
3.局部控制元素與控制對象協(xié)同呈現(xiàn)
按鈕和鏈接等主要用于作局部控制,它們所控制的對象,如打開的新窗口應該與控制元素出現(xiàn)在同一屏上,并且新窗口的初始大小不應完全覆蓋原窗口。例如圖4設定了呈現(xiàn)例子的彈出窗口的尺寸,使學生可以同時看到各窗口的內(nèi)容。
界面元素組合布局
1.依據(jù)接近性規(guī)律組織元素
“接近性”是格式塔理論中的一個基本規(guī)律,如果不同的文字或圖形元素在屏幕上的位置靠近,學習者就比較容易把它們看成是屬于同一個整體。根據(jù)這一規(guī)律,如果界面元素在功能上或內(nèi)容上是相同或相近的,就應在一定程度上保持相對較小的空間距離,使學習者產(chǎn)生“就近成組”的感覺。同時,使不相近元素遠離可以使學習者能很容易看出界面中各部分的功能,能由一組元素中任何一個元素的屬性推知其他元素的屬性,減輕認知負擔。例如在圖5中,左側為主菜單,中部是信息顯示區(qū),右上角是特殊功能按鈕,使各類元素各歸其類。
2.依據(jù)相似性規(guī)律聯(lián)結元素
人們?nèi)菀装淹獗硐嗨频奈矬w看成同類,因為看起來相似的界面元素容易被認為具有相似的屬性。根據(jù)上述相似性規(guī)律,在界面設計中,就可以應用形狀、顏色、動態(tài)變化等構圖要素,使相同或相近的元素具有相似的外觀,無論它們在空間位置上遠近,或呈現(xiàn)時間有先后,都能被看作一類元素。例如在界面中,加下畫線的文字都會被看作關鍵詞語,同樣顏色的按鈕被認為有相似的功能,所有鏈接都使用加底色的特殊字體會使學生感到是相同功能的元素,同樣布局和風格的頁面能加強網(wǎng)絡課件的統(tǒng)一感。
【參考文獻】
[1] 張軍征. 多媒體課件設計與制作基礎[M]. 北京:高等教育出版社,2004.
[2] Beverly Abbey. Instructional and Cognitive Impacts of Web-Based Education[M]. Idea Group Publish