網絡課件界面設計的整體性原則

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