網(wǎng)絡(luò)課件界面設(shè)計(jì)的整體性原則

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