國家精品課程教學(xué)課件界面設(shè)計調(diào)查與分析*

□ 林育曼

一、研究問題的提出

多媒體教學(xué)課件以文字、圖形、圖像、動畫、視頻等多種媒體組合展示教學(xué)內(nèi)容，以期達到較好的教學(xué)效果。然而，應(yīng)用多媒體教學(xué)并不總能帶來好的學(xué)習(xí)效果，其主要原因之一在于教學(xué)界面設(shè)計的優(yōu)劣。[1]金燕所做調(diào)查表明，課件制作內(nèi)容、表現(xiàn)形式與教學(xué)效果之間存在著極高的正相關(guān)。課件所采用的外觀形式如字形搭配、色彩搭配、圖像搭配和教學(xué)效果之間存在顯著正相關(guān)。[2]國家精品課程被定位為“五個一流”，即一流的教師隊伍、一流的教學(xué)內(nèi)容、一流的教學(xué)方法、一流的教材、一流的教學(xué)管理。“一流教學(xué)內(nèi)容”需要通過一流的教學(xué)課件來表現(xiàn)。對國家精品課程教學(xué)課件界面設(shè)計的現(xiàn)狀進行調(diào)查分析，可以為后續(xù)國家精品課程教學(xué)課件的界面設(shè)計提供有益參考。

二、研究過程與方法

本研究的資料來源于國家精品課程資源網(wǎng)（www.jingpinke.com）。筆者通過“課程中心”按條件進行搜索，檢索時間為2011年6月，其中搜索條件為：教育層次“本科”，課程級別“國家級精品課程”，起止年份為2007-2010年，共搜索到1697門課，這些國家級精品課程涉及文學(xué)、歷史學(xué)、經(jīng)濟學(xué)、管理學(xué)、法學(xué)等13個學(xué)科類別。本研究確定樣本時，按照搜索頁面的排列順序逐一鏈接課程并下載其中的教學(xué)課件，限于網(wǎng)絡(luò)速度及響應(yīng)時間的影響，共下載了220門課程328個教學(xué)課件作為研究樣本，其中文科類的課件128個，約占總數(shù)的39%；理科類的課件200個，約占61%。研究樣本的學(xué)科類別及時間分布情況如表1所示。

表1 研究樣本的學(xué)科類別及時間分布情況

本研究主要采用內(nèi)容分析法對國家精品課程的教學(xué)課件界面設(shè)計進行統(tǒng)計分析，使用數(shù)據(jù)處理軟件對研究樣本進行統(tǒng)計分析并得出相關(guān)結(jié)論。筆者通過大量閱讀課件界面設(shè)計的相關(guān)文獻，總結(jié)界面設(shè)計的各個因素并制定用于分析的類目表，包括界面的視覺要素、交互及功能模塊、反饋信息設(shè)計和安全性（容錯性）設(shè)計。研究的主要問題包括：國家精品課程教學(xué)課件中運用了哪些視覺要素，視覺要素的設(shè)計和運用情況如何，國家精品課程教學(xué)課件在交互及功能模塊設(shè)計方面主要運用了哪些交互形式，主要功能模塊有哪些，具有什么特點，國家精品課程教學(xué)課件在反饋信息設(shè)計和安全性設(shè)計方面如何等。

三、研究資料統(tǒng)計與分析

（一）授課課件類型概況

制作多媒體課件常用軟件有Power Point、Flash、 Dreamweaver、 Frontpage、 Authorware等。PowerPoint是一種專門用于制作演示用的多媒體投影片/幻燈片的工具，它以頁為單位制作演示文稿，然后將制作好的頁集成起來，形成一個完整課件。其制作簡單，不需要計算機專業(yè)知識，適用于制作教師自行演示的課件。Flash、Authorware、Dreamweaver等屬于專業(yè)性較強的制作軟件，可制作出具備較強交互性能的教學(xué)課件，但較難熟練掌握并使用。

在本文所采用的328個多媒體教學(xué)課件研究樣本中，PPT格式的樣本約占68.6%，PDF格式的樣本約占18.9%，而且這些PDF格式的樣本本質(zhì)上是由PPT格式轉(zhuǎn)換而來的，因此本質(zhì)上使用PowerPoint制作的樣本占總數(shù)的87.5%，而Flash、Authorware、網(wǎng)頁格式的課件則分別為9.5%、1.2%和1.8%，具體統(tǒng)計結(jié)果如表2所示。這表明精品課程教學(xué)課件多數(shù)選擇PowerPoint作為制作軟件，只有少數(shù)課件的制作采用了專業(yè)性較強的制作軟件。這也在一定程度反映出PowerPoint為多數(shù)授課教師所掌握并運用，且是最為普遍使用的多媒體課件制作工具。

表2 多媒體教學(xué)課件類型統(tǒng)計結(jié)果

（二）視覺要素統(tǒng)計情況與分析

不論采用何種工具軟件制作多媒體教學(xué)課件，其視覺效果都應(yīng)該遵循讓用戶感覺舒適、生機與活力的原則。通過視覺感官的刺激，增加對用戶的親和力，適應(yīng)不同學(xué)習(xí)者的不同心理特征。下面分別從文字設(shè)計、圖片/圖表/視頻動畫使用、界面總體色調(diào)、背景及過渡效果設(shè)計等4個方面對國家精品課程教學(xué)課件的視覺要素進行統(tǒng)計分析。

1.文字設(shè)計方面

計算機能夠儲存大量的信息，這是其一大優(yōu)勢。但在進行多媒體文本的設(shè)計時，應(yīng)該用盡量少的文字來表明事實的含義。[3]文本的設(shè)計包括了文字的字體、字體的顏色、字體背景顏色、每頁文字表達的概念以及每頁文字的內(nèi)容多少等。根據(jù)這幾個方面對328個研究樣本進行統(tǒng)計，統(tǒng)計結(jié)果如圖1所示。

有研究認為，界面設(shè)計的用色并不是越多越好，一般控制在三種色彩以內(nèi)，故在調(diào)查字體顏色數(shù)時以字體顏色數(shù)大于3為界進行統(tǒng)計。[4]人機工程學(xué)研究表明，字符的最小可視高度=視距/250，據(jù)此算一個頁面的文字不宜超過12行，否則文字的字間距、行距會影響文字內(nèi)容的可讀性，并易使學(xué)習(xí)者產(chǎn)生視覺疲勞。[5]認知心理學(xué)家Miller(1956)已經(jīng)證實個體的工作記憶容量只有7±2個組塊，在如此有限的工作記憶容量下，如果同時進行幾種認知活動的話，就會出現(xiàn)資源分配的問題。[6]故為減少學(xué)習(xí)者的認知負荷，一個頁面中所表達的概念不宜超過7個。王優(yōu)等（2009）研究表明，字體是影響漢字辨認的因素之一，傾斜或過于藝術(shù)化的字體影響漢字的辨認。[7]而從統(tǒng)計中發(fā)現(xiàn)，在被調(diào)查對象中，字體顏色數(shù)大于3的教學(xué)課件比例高達11.3%，字體的背景顏色數(shù)大于3的也達到了9.1%。約1.5%的教學(xué)課件每頁的概念數(shù)大于7個，約8.8%的教學(xué)課件每頁正文超過了12行，約4.6%的教學(xué)課件使用了斜體字或藝術(shù)字。

2.圖片/圖表/視頻動畫使用方面

圖片/圖表具有迅速傳達信息、直接專注重點、更突出事物間的相互關(guān)系、使信息表達更加鮮明生動的作用。視頻、動畫具有從屬性，能再現(xiàn)和補充文字語言所表達的視覺形象，使學(xué)習(xí)者更易理解所傳達內(nèi)容的思想內(nèi)涵，而且還具有獨立性，能夠突出頁面形式之美，增強學(xué)習(xí)的趣味性。認知理論的多重表征原則和接近性原則指出，如果詞和相應(yīng)的圖同時呈現(xiàn)，學(xué)習(xí)者就容易在它們之間建立聯(lián)系，即整合信息，這就提高了有意義學(xué)習(xí)。如果動畫和敘述在時間上是協(xié)調(diào)的，學(xué)習(xí)者就更可能同時把相應(yīng)的視覺和語言表征保持在工作記憶中。[4]

通過對研究樣本的統(tǒng)計發(fā)現(xiàn)，國家精品課程教學(xué)課件中圖表的應(yīng)用相當廣泛，其中概念圖表和數(shù)字圖表的使用分別達到了80.2%和85.1%。使用圖片的樣本有31個，約占總數(shù)的9.5%，具體統(tǒng)計結(jié)果如表3所示。統(tǒng)計結(jié)果還表明視頻、動畫的使用率偏低，有30個樣本使用了視頻動畫，占9.1%。

表3 圖片/圖表/視頻動畫使用統(tǒng)計結(jié)果

表4 界面總體色調(diào)的統(tǒng)計結(jié)果

3.界面總體色調(diào)設(shè)計方面

主色調(diào)指的是教學(xué)課件中使用得最多的色調(diào)。人們會因心理作用而對色彩產(chǎn)生寒冷或溫暖的感覺，紅、橙、黃使人聯(lián)想到旭日和火焰，有溫暖感；藍青色使人聯(lián)想到大海、陰影，因此有寒冷感。帶紅、橙、黃的色調(diào)都帶暖感，帶藍、青的色調(diào)都帶冷感。[5]色彩的冷暖與明度、純度也有關(guān)，高明度的色一般有冷感，低明度的色一般有暖感。高純度的色一般有暖感，低純度的色一般有冷感。無彩色系中白色有冷感，黑色有暖感，灰色屬于中性。[6]教學(xué)課件應(yīng)該有一個主色調(diào)，并且擁有一個整體的布局風(fēng)格，這對于保持學(xué)習(xí)者穩(wěn)定的情緒是非常重要的，也是非常必要的。

研究樣本界面總體色調(diào)的統(tǒng)計結(jié)果如表4所示，采用冷色系和中性色系的課件占總數(shù)的84.4%。這表明國家精品課程教學(xué)課件采用的主色調(diào)多數(shù)是冷色調(diào)或中間色調(diào)。這兩種色調(diào)給人穩(wěn)定、規(guī)范、簡潔明晰的感覺和視覺效果，因此多數(shù)課件采用了冷色系和中性色系作為課件的主色調(diào)。

4.背景及過渡效果設(shè)計方面

恰當使用課件背景可以起到渲染和營造出主體信息呈現(xiàn)所需要的環(huán)境、氣氛的作用，同時可以將學(xué)習(xí)者的注意力集中到主體信息上，實現(xiàn)主體信息傳播的有效性和準確性。因此，背景的設(shè)計應(yīng)按照一定的整體風(fēng)格，并依據(jù)主題信息的呈現(xiàn)要求，給主體信息提供一個特定場景。界面轉(zhuǎn)換設(shè)計的基本原則是要使學(xué)習(xí)者的注意力從這一界面自然過渡到下一界面，中間沒有明顯的視覺間斷感和跳躍感。

研究樣本使用的背景的類型包括動畫背景、顏色背景和圖案背景。使用圖案背景的課件是指其在課件框架或背景中加入了底圖，教學(xué)內(nèi)容呈現(xiàn)在底圖上。統(tǒng)計結(jié)果如圖2所示，其中顏色背景占56.7%，圖案背景占42.1%，這兩種背景是當前精品課程教學(xué)課件背景設(shè)計采用的主要形式。研究樣本統(tǒng)計還顯示，背景不一致的課件達到了10.4%，背景顏色數(shù)大于3的課件達到了6.4%。

在過渡效果設(shè)計方面，統(tǒng)計結(jié)果顯示，設(shè)置了畫面過渡與圖片文字緩出的教學(xué)課件占總數(shù)的84.1%，共276個課件，這表明多數(shù)教學(xué)課件在設(shè)計時考慮了學(xué)習(xí)者注意力的自然過渡，但也有15.9%的課件并沒有處理畫面過渡與圖片文字的緩出。如圖3所示。

（三）交互設(shè)計及功能模塊統(tǒng)計情況與分析

多媒體教學(xué)與傳統(tǒng)教學(xué)最大的區(qū)別在于多媒體課件強大的交互功能。在進行課件界面設(shè)計時，一個完整的課件應(yīng)該包括各種交互功能，良好的交互功能有利于人與計算機之間進行信息交流。多媒體課件中適當合理地使用菜單、按鈕、熱字、熱區(qū)、動畫、切換、鏈接等功能，能夠提高教學(xué)效果和質(zhì)量。

研究樣本統(tǒng)計結(jié)果表明，熱字是精品課程課件中采用最多的交互形式，約65.85%的樣本采用；其次是按鈕形式和菜單形式，分別為13.41%和7.93%；使用圖形圖片作為交互的占7.01%，而使用熱區(qū)交互的樣本只有3個，占0.91%。還有16個樣本僅提供了結(jié)束的交互功能，占4.88%，具體結(jié)果如表5所示。

常見的多媒體課件分為四大模塊：教學(xué)內(nèi)容、導(dǎo)航（目錄）、課程說明、思考練習(xí)。一般教育性的課件都應(yīng)該包含教學(xué)內(nèi)容，教學(xué)內(nèi)容是每個多媒體課件的核心。靈活的導(dǎo)航系統(tǒng)可以幫助學(xué)習(xí)者根據(jù)自己的知識結(jié)構(gòu)，選擇合適的學(xué)習(xí)內(nèi)容，或者更加方便地轉(zhuǎn)入任一章節(jié)的學(xué)習(xí)，或者在任何地點都能回到總目錄或退出整個課件等。課程說明可以為有需要的學(xué)習(xí)者提供信息，例如這個課件的學(xué)習(xí)需要哪些知識基礎(chǔ)、適合哪些人群、學(xué)習(xí)課件的方法提示等。思考練習(xí)環(huán)節(jié)幫助學(xué)習(xí)者鞏固知識，查漏補缺。

從表6統(tǒng)計數(shù)據(jù)來看，目前大多數(shù)的精品課程教學(xué)課件功能模塊并不完善，具有導(dǎo)航（目錄）功能的樣本很少，只占5.5%；具有課程說明功能的樣本和思考練習(xí)功能的樣本所占比例偏低，分別占10.1%和25.9%。

表5 交互要素統(tǒng)計結(jié)果

表6 功能模塊統(tǒng)計結(jié)果

這一現(xiàn)象與精品課程教學(xué)課件以演示型課件為主有關(guān)。例如調(diào)查顯示，僅有44個樣本設(shè)計了按鈕交互功能，其中約一半的按鈕只是用于上下翻頁，約三分之一的按鈕用于退出，其余6個樣本的按鈕用于提供幫助。

（四）反饋信息設(shè)計和安全性（容錯性）設(shè)計統(tǒng)計情況與分析

一個完整的多媒體課件應(yīng)具備反饋信息的設(shè)計，以便于學(xué)習(xí)者操作使用。例如對于學(xué)習(xí)者的回答，要及時予以反饋評價。形式可設(shè)計成文字(正確或錯誤)、聲音(“答錯了，別灰心”或“答對了，請繼續(xù)”或歡呼聲、掌聲等)、圖片(笑臉/哭臉)，還可插入一段動畫，這樣能引起學(xué)習(xí)者的注意。而安全性主要是指課件的容錯性。即在進行課件界面的設(shè)計時應(yīng)充分考慮到可能出現(xiàn)的誤操作，控制出錯幾率，并盡量在出現(xiàn)錯誤時給出補救措施。如設(shè)置詢問，告訴使用者這樣的操作會造成什么樣的后果，確認是否進行該操作等詢問，讓使用者根據(jù)自己的選擇做出正確反應(yīng)等。

表7 反饋信息和安全性設(shè)計統(tǒng)計情況

研究樣本統(tǒng)計顯示，僅有3個樣本涉及安全性方面的設(shè)計，僅占0.9%。而反饋信息設(shè)計方面同樣僅有3個樣本具備反饋信息，占0.9%，其中1個樣本采用了文字作為反饋信息，2個樣本采用了圖片聲音作為反饋信息，約99.1%的教學(xué)課件沒有此方面設(shè)計。具體統(tǒng)計結(jié)果如表7所示?？梢姡^大多數(shù)教學(xué)課件在設(shè)計時沒有充分考慮課件的反饋信息設(shè)計及容錯性設(shè)計。

四、研究結(jié)論與評價

教學(xué)課件界面是直接面向?qū)W習(xí)者的人機交互信息傳遞和導(dǎo)航中介，優(yōu)秀的界面設(shè)計是教學(xué)課件成功與否的關(guān)鍵因素之一。通過對研究樣本的統(tǒng)計分析，國家精品課程教學(xué)課件界面在文字圖表設(shè)計、背景設(shè)計、交互設(shè)計以及反饋與容錯設(shè)計等方面還需進一步完善提高。

（一）教學(xué)課件制作工具單一，工具運用水平有待提高

樣本研究表明，國家精品課程教學(xué)課件的制作工具以PowerPoint為主，可見PowerPoint是廣大教師自主制作課件的首選工具。調(diào)查發(fā)現(xiàn)，87.5%的教學(xué)課件是采用PowerPoint制作的，且這些課件多數(shù)是演示型課件，缺乏交互。即使是課堂使用的演示型課件，也需要交互功能。例如，制作單項選擇題或者是非判斷題，然后根據(jù)學(xué)習(xí)者的選擇在課件中做出相應(yīng)的反應(yīng)。這類交互其實都可以通過PowerPoint的控件快速制作完成，但統(tǒng)計顯示具備這些功能的課件非常少。這反映出多數(shù)教師掌握了PowerPoint的基本功能，對一些深層次功能的掌握則相對欠缺。國家精品課程建設(shè)在今后的培訓(xùn)方面，不僅要讓教師熟練掌握工具的基本功能，還需進一步提高其開發(fā)應(yīng)用能力。

（二）文字設(shè)計仍存在色彩繁復(fù)、信息過量的問題；圖表運用廣泛，但視頻、動畫使用率偏低

調(diào)查表明，教學(xué)信息設(shè)計方面，部分精品課程教學(xué)課件存在使用過多的字體顏色和背景顏色、在顏色的使用方面未做到協(xié)調(diào)統(tǒng)一的問題。多媒體課件界面設(shè)計的本意是要激發(fā)學(xué)習(xí)者學(xué)習(xí)的興趣，利于學(xué)習(xí)者對知識的獲取。課件設(shè)計得繁復(fù)疊套，眼花繚亂，顏色太過于豐富多彩，反而會分散學(xué)習(xí)的注意力。在文字設(shè)計方面，少數(shù)課件把相關(guān)的所有材料事無巨細盡數(shù)羅列，導(dǎo)致信息過多，增加了學(xué)習(xí)者的認知負荷。

視頻和動畫可以對現(xiàn)實中不易接觸到或觀察到的事物和現(xiàn)象進行視頻動畫模擬，有利于學(xué)習(xí)者了解事物內(nèi)部之間的聯(lián)系。[7]圖表在精品課程教學(xué)課件中得到了廣泛的使用，但是視頻和動畫使用率偏低。視頻動畫要占用較大的存儲空間，播放時需特定的播放軟件，專門的視頻和動畫不容易獲得，獨立制作則需要耗費大量的時間、人力和物力，這些都是導(dǎo)致視頻和動畫使用率偏低的原因。

（三）課件主色調(diào)設(shè)計以冷色調(diào)為主，存在背景設(shè)計前后不一致、背景色彩過多的現(xiàn)象

國家精品課程教學(xué)課件主色調(diào)多采用冷色調(diào)和中性色調(diào)，目的在于穩(wěn)定學(xué)習(xí)者的學(xué)習(xí)情緒。但也應(yīng)適當運用暖色調(diào)來引起學(xué)習(xí)者的注意，強調(diào)和刺激學(xué)習(xí)者的學(xué)習(xí)。對具有相似功能的內(nèi)容設(shè)計的模塊、提示框和按鈕，應(yīng)使用同一種顏色或相近的顏色，保持整體風(fēng)格和色彩前后運用的一致性，給學(xué)習(xí)者穩(wěn)定、規(guī)范、簡潔明晰的感覺和視覺效果。調(diào)查發(fā)現(xiàn)，國家精品課程教學(xué)課件的背景設(shè)計以顏色背景和圖案背景為主。但是使用圖案背景時，課件底圖的顏色較深或底圖畫面較為突出，喧賓奪主，致使學(xué)習(xí)者閱讀困難。部分課件的設(shè)計忽視了背景設(shè)計的整體風(fēng)格，繁雜的顏色分散了學(xué)習(xí)者的注意力，影響主體信息傳播的有效性和準確性。

（四）教學(xué)課件缺乏完善的交互功能，功能模塊設(shè)計不完整

國家精品課程教學(xué)課件多采用適于單向授課的演示型課件，仍然以教為中心，教學(xué)內(nèi)容與流程相對固定，課件的交互功能較弱。此外，這些教學(xué)課件多是授課教師課堂使用的堂件，普遍沒有設(shè)計完整的功能模塊，尤其是導(dǎo)航的缺乏易致使學(xué)習(xí)者產(chǎn)生迷航，不利于資源的利用。國家精品課程應(yīng)具備一流的教學(xué)方法，而教學(xué)課件功能的不完善，一定程度上反映了精品課程教學(xué)課件在設(shè)計上并未以學(xué)習(xí)者為中心，偏重于教師的教，忽視了學(xué)習(xí)者的學(xué)。

反饋與容錯設(shè)計欠缺，說明設(shè)計者并未考慮教學(xué)課件的共享以及學(xué)習(xí)者課后的自學(xué)應(yīng)用。國家精品課程建設(shè)的最終目的是促進優(yōu)質(zhì)課程的共建共享，教學(xué)課件不僅僅是原授課教師的課堂演示課件，也是各地教師的教學(xué)資源、各地學(xué)習(xí)者的學(xué)習(xí)資源，良好的反饋信息設(shè)計和容錯性設(shè)計有助于國家精品課程資源的共建共享。

五、結(jié)束語

教學(xué)課件以文字為基礎(chǔ)，配合圖像、聲音、動畫等手段，從多方面刺激學(xué)習(xí)者的感官，引發(fā)學(xué)習(xí)者的興趣。形式呆板的課件與黑板加粉筆的教學(xué)方式是沒有什么區(qū)別的，難以顯著改善教學(xué)效果。因此，在課件界面設(shè)計時，應(yīng)該把握整體，統(tǒng)籌安排，制作具有和諧統(tǒng)—外觀的課件，以獲得最佳的教學(xué)效果。

通過這次調(diào)查與分析，希望能引起教學(xué)課件開發(fā)者與使用者對界面設(shè)計的重視和思考，促進精品課程資源的優(yōu)化提高，充分激發(fā)學(xué)習(xí)者的學(xué)習(xí)潛能，從而提高信息化教育的教學(xué)效率和教育質(zhì)量。

[1][8]張彤，趙翠霞，鄭錫寧.基于認知理論的多媒體教學(xué)界面設(shè)計研究[J].心理科學(xué)，2004，27（6）：1502-1505.

[2]金燕.多媒體教學(xué)課件質(zhì)量與教學(xué)效果的因素探析[J].電化教育研究，2007，（5）：66-68.

[3][5][11]孫東陽.多媒體課件界面視覺要素組織和信息有效傳遞研究[J].包裝工程，2010，31（8）：71-74.

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

[6]王朋嬌，田華，孫革.遠程學(xué)習(xí)者認知負荷水平的調(diào)控策略研究[J].現(xiàn)代遠距離教育，2009，（1）：8-11.

[7]王優(yōu)，邵志芳.筆劃頻率和字體對漢字大小辨認閾限的影響[J].心理科學(xué)，2009，32（1）：134-136.

[9]李啟色.多媒體課件中的色彩應(yīng)用研究[J].華南師范大學(xué)學(xué)報，2004，（4）：141-143.