教學(xué)PPT插圖顏色及布局規(guī)律的實(shí)驗(yàn)研究

， ， ，

(浙江工業(yè)大學(xué) 教育科學(xué)與技術(shù)學(xué)院，浙江 杭州 310023)

教學(xué)PPT插圖顏色及布局規(guī)律的實(shí)驗(yàn)研究

顧容，黃濤，趙立影，王玉龍

(浙江工業(yè)大學(xué) 教育科學(xué)與技術(shù)學(xué)院，浙江 杭州 310023)

PPT是目前教學(xué)活動(dòng)中最常用到的媒體，而插圖是構(gòu)成教學(xué)PPT的重要元素，良好的插圖設(shè)計(jì)可以引導(dǎo)學(xué)習(xí)者注視，提高學(xué)習(xí)者學(xué)習(xí)效率。本文通過(guò)眼動(dòng)實(shí)驗(yàn)法探究不同插圖顏色和布局方式對(duì)于學(xué)習(xí)者的影響。實(shí)驗(yàn)發(fā)現(xiàn)，彩色插圖PPT的眼動(dòng)指標(biāo)優(yōu)于黑白插圖，然而后測(cè)成績(jī)未發(fā)現(xiàn)顯著差異，表明插圖顏色并未影響信息傳遞效果，但能更好地激發(fā)學(xué)習(xí)者興趣。另外，研究發(fā)現(xiàn)插圖的不同布局方式(上、下、左、右)對(duì)于眼動(dòng)指標(biāo)也產(chǎn)生了影響，學(xué)習(xí)者表現(xiàn)出了一定的注視偏好?；诎l(fā)現(xiàn)的規(guī)律，本文提出了教學(xué)PPT設(shè)計(jì)的幾個(gè)策略。

教學(xué)PPT；插圖顏色；布局；眼動(dòng)

Powerpoint(以下都簡(jiǎn)寫(xiě)為PPT)是目前教學(xué)活動(dòng)中最常用到的媒體。如何設(shè)計(jì)PPT使之能最大程度地提高學(xué)習(xí)者學(xué)習(xí)效率是很多研究者所關(guān)注的問(wèn)題。插圖作為PPT的重要組成部分，良好的插圖設(shè)計(jì)可以吸引學(xué)習(xí)者的注意，提高學(xué)習(xí)者的記憶，促進(jìn)學(xué)習(xí)者對(duì)學(xué)習(xí)內(nèi)容的深層次加工。

插圖顏色和插圖位置是插圖設(shè)計(jì)研究的兩個(gè)重要方面。首先，插圖顏色會(huì)對(duì)學(xué)習(xí)過(guò)程和學(xué)習(xí)效果產(chǎn)生影響。Dwyer和Lamberski認(rèn)為彩色加工可能促進(jìn)學(xué)習(xí)者保持關(guān)鍵信息，忽略無(wú)關(guān)或多余信息。有效、系統(tǒng)的色彩可幫助學(xué)習(xí)者將刺激組織和分類成有意義模塊[1]。但有學(xué)者發(fā)現(xiàn)彩色插圖并沒(méi)有提高學(xué)習(xí)者學(xué)習(xí)成績(jī)[2-3]。Dooley和Harkins認(rèn)為黑白和彩色對(duì)于信息傳遞效果相同，彩色的效果只是產(chǎn)生學(xué)習(xí)動(dòng)機(jī)。不過(guò)，目前對(duì)色彩有效性的研究不多。另外，插圖不同布局方式也會(huì)對(duì)學(xué)習(xí)者產(chǎn)生影響。劉世清發(fā)現(xiàn)在教育網(wǎng)頁(yè)布局中左圖右文布局時(shí)文本區(qū)的注視時(shí)間、注視點(diǎn)個(gè)數(shù)最多，而上圖下文布局時(shí)圖片區(qū)的注視時(shí)間、注視點(diǎn)個(gè)數(shù)最多[4]。白學(xué)軍發(fā)現(xiàn)，香水瓶圖片位于平面廣告下半部分時(shí)更能吸引消費(fèi)者注意，且其位置與背景圖案存在交互作用[5]。他在對(duì)網(wǎng)頁(yè)廣告研究中發(fā)現(xiàn)，當(dāng)廣告位于新聞上方和新聞中間時(shí)，注視次數(shù)較多，注視時(shí)間較長(zhǎng)[6]。丁錦紅等人也發(fā)現(xiàn)插圖的布局形式對(duì)注意力產(chǎn)生了影響[7]。

雖然教育網(wǎng)頁(yè)，插圖文章和平面廣告等的研究結(jié)果可以給PPT插圖設(shè)計(jì)一些借鑒參考，但是這些研究結(jié)果并不一定適用于教學(xué)PPT。首先，單頁(yè)P(yáng)PT文字材料往往比教育網(wǎng)頁(yè)和插圖文章少，而多于平面廣告。PPT插圖和文字兩部分所占比例比較接近，插圖內(nèi)容和文字內(nèi)容聯(lián)系緊密。其次，以往研究大都讓學(xué)習(xí)者控制材料呈現(xiàn)時(shí)間，而在實(shí)際教學(xué)活動(dòng)中PPT的呈現(xiàn)時(shí)間由教師所控制，學(xué)生注視和學(xué)習(xí)PPT內(nèi)容的時(shí)間有限。良好的PPT設(shè)計(jì)需要讓學(xué)生在有限的時(shí)間內(nèi)抓住和掌握關(guān)鍵信息。由于教學(xué)PPT的特殊性，有必要進(jìn)行進(jìn)一步的實(shí)驗(yàn)研究，以探索其設(shè)計(jì)規(guī)律。

人類80%的信息都是從眼睛獲得的，通過(guò)眼動(dòng)技術(shù)對(duì)學(xué)習(xí)者眼睛注視等情況進(jìn)行了解， 進(jìn)而推斷媒體效果的研究為許多研究者所接受。安璐[8]和關(guān)爾群[9]等將眼動(dòng)技術(shù)運(yùn)用于探究PPT的背景顏色和文字設(shè)計(jì)，探明了在PPT設(shè)計(jì)時(shí)白色背景和黑色字體具有較好的注視效果。本研究將在此基礎(chǔ)上通過(guò)眼動(dòng)實(shí)驗(yàn)，針對(duì)教學(xué)PPT的插圖顏色(彩色、黑白)和插圖位置(上、下、左、右)這兩個(gè)變量探究其對(duì)于學(xué)習(xí)者的影響。

一、實(shí)驗(yàn)設(shè)計(jì)與實(shí)施

(一)被試

選取浙江工業(yè)大學(xué)一二年級(jí)本科生共32人，隨機(jī)分配到各實(shí)驗(yàn)小組。被試年齡在18-23歲之間，平均年齡為19.34歲，視力或矯正視力正常，無(wú)色盲，均無(wú)實(shí)驗(yàn)材料內(nèi)容相關(guān)專業(yè)背景。被試在實(shí)驗(yàn)結(jié)束后給予少量報(bào)酬。

(二)實(shí)驗(yàn)儀器

實(shí)驗(yàn)采用的眼動(dòng)儀為Tobii X50，儀器采樣頻率為50HZ，用于記錄被試在閱讀過(guò)程中的注視點(diǎn)持續(xù)時(shí)間，注視點(diǎn)個(gè)數(shù)，注視時(shí)間等信息。眼動(dòng)儀連結(jié)分辨率為1280×1024像素的17寸顯示器，并根據(jù)實(shí)驗(yàn)室環(huán)境調(diào)整顯示器亮度，確保實(shí)驗(yàn)內(nèi)容清晰呈現(xiàn)。顯示器前放置高背座椅，座椅距離屏幕70cm左右，在實(shí)驗(yàn)時(shí)根據(jù)被試個(gè)人習(xí)慣進(jìn)行適當(dāng)調(diào)整，保證被試獲得最佳閱讀姿勢(shì)。

(三)實(shí)驗(yàn)材料

實(shí)驗(yàn)材料為4頁(yè)包含插圖的PPT，內(nèi)容與天文學(xué)相關(guān)，插圖與文字部分聯(lián)系緊密，文字部分是插圖內(nèi)容的具體描述。每頁(yè)P(yáng)PT的插圖位置(上、下、左、右)都不相同。PPT背景色為白色，大小為1025×767像素，插圖大小為470×380像素，文字顏色為黑色，18號(hào)宋體。同時(shí)制作黑白插圖組，除了插圖顏色不一樣，其余都與彩色插圖組相同。為消除不同呈現(xiàn)順序?qū)ρ劬ψ⒁暤挠绊懀拷M均采用拉丁方排序，這樣共獲得八份內(nèi)容相同，但插圖位置或顏色各有不同的實(shí)驗(yàn)材料。插圖部分劃為興趣區(qū)一(AOI 1)，文字部分劃為興趣區(qū)二(AOI 2)。

(四)實(shí)驗(yàn)流程

實(shí)驗(yàn)采用4(位置)×2(顏色)二因素設(shè)計(jì)，實(shí)驗(yàn)分預(yù)實(shí)驗(yàn)和正式實(shí)驗(yàn)兩個(gè)階段。

在預(yù)實(shí)驗(yàn)部分，邀請(qǐng)了幾名被試對(duì)整個(gè)實(shí)驗(yàn)流程進(jìn)行了熟悉，對(duì)實(shí)驗(yàn)材料和流程作了部分調(diào)整。根據(jù)被試的眼動(dòng)和閱讀情況，設(shè)定每頁(yè)P(yáng)PT的呈現(xiàn)時(shí)間為35秒。在這個(gè)時(shí)間大部分被試能瀏覽完P(guān)PT。

正式實(shí)驗(yàn)在心理學(xué)眼動(dòng)實(shí)驗(yàn)室進(jìn)行，每個(gè)被試的實(shí)驗(yàn)時(shí)間約7分鐘左右。首先，采用9點(diǎn)校正法對(duì)眼動(dòng)儀進(jìn)行校正。校正完畢后，要求被試在整個(gè)閱讀過(guò)程中盡量保持頭部位置不移動(dòng)。然后在屏幕上呈現(xiàn)指導(dǎo)語(yǔ)：“請(qǐng)仔細(xì)閱讀下面4頁(yè)P(yáng)PT上的內(nèi)容，在閱讀過(guò)程中盡量保持頭部不要轉(zhuǎn)動(dòng)，每頁(yè)P(yáng)PT呈現(xiàn)時(shí)間為35秒，閱讀結(jié)束后請(qǐng)完成相應(yīng)測(cè)試題。準(zhǔn)備好請(qǐng)按空格鍵開(kāi)始?！痹陂喿x結(jié)束后，對(duì)被試的學(xué)習(xí)效果進(jìn)行測(cè)試。測(cè)試題目共20個(gè)，全部為選擇題。

(五)實(shí)驗(yàn)數(shù)據(jù)的處理

實(shí)驗(yàn)數(shù)據(jù)用Tobii studio軟件進(jìn)行自動(dòng)分析，用SPSS 18.0版本進(jìn)行統(tǒng)計(jì)檢驗(yàn)。實(shí)驗(yàn)共收集到29個(gè)有效被試的數(shù)據(jù)，其中彩色組13人，黑白組16人。在實(shí)驗(yàn)過(guò)程中3個(gè)被試由于頭部移動(dòng)致使眼動(dòng)數(shù)據(jù)無(wú)法捕獲或注視點(diǎn)出現(xiàn)異常，在進(jìn)行結(jié)果分析時(shí)剔除了這些被試的數(shù)據(jù)。

二、實(shí)驗(yàn)結(jié)果

(一)注視熱區(qū)圖

熱區(qū)圖是通過(guò)統(tǒng)計(jì)所有被試視線活動(dòng)情況的數(shù)據(jù)而繪制出來(lái)的圖像。不同的顏色代表被試不同的關(guān)注程度，紅色代表注視點(diǎn)最多或注視時(shí)間最長(zhǎng)的區(qū)域，黃色、綠色依序次之，沒(méi)有顏色表示沒(méi)有得到注視[10]。圖1呈現(xiàn)了同一學(xué)習(xí)材料在不同插圖顏色和插圖位置時(shí)的注視熱點(diǎn)差異。通過(guò)熱點(diǎn)圖我們可以較為直觀地了解插圖顏色和布局對(duì)于學(xué)習(xí)者注視的影響。從上下兩組PPT的對(duì)比上我們可以發(fā)現(xiàn)除第四組PPT外，其余各組彩色插圖熱點(diǎn)顏色要比黑白插圖更深。相反，在文本區(qū)上黑白插圖組的顏色要比彩色插圖組顏色更深，說(shuō)明黑白插圖組的被試更愿意將注意力放在文字上。另外，圖文布局也影響了注視。插圖或文本位于PPT上半部分時(shí)熱區(qū)圖顏色比其它位置的顏色更深，這表明學(xué)習(xí)者會(huì)對(duì)某些特定的位置表現(xiàn)出注視偏好。從熱區(qū)圖中我們同時(shí)發(fā)現(xiàn)不同圖文布局對(duì)與彩色組和黑白組影響存在差異，插圖顏色和插圖位置可能存在著交互作用。

(二)眼動(dòng)指標(biāo)的差異

對(duì)不同插圖布局和顏色下AOI1和AOI2興趣區(qū)的注視點(diǎn)持續(xù)時(shí)間，注視點(diǎn)個(gè)數(shù)，總注視時(shí)間等眼動(dòng)指標(biāo)進(jìn)行比較。

1．注視點(diǎn)持續(xù)時(shí)間

注視點(diǎn)持續(xù)時(shí)間是指每個(gè)注視點(diǎn)的平均注視停留時(shí)間。對(duì)各組注視點(diǎn)持續(xù)時(shí)間的方差分析結(jié)果表明，圖片區(qū)插圖顏色的主效應(yīng)顯著，F(xiàn)(1，114)=4.617，p<0.05。進(jìn)一步比較可知彩色插圖組圖片區(qū)的注視點(diǎn)持續(xù)時(shí)間顯著小于黑白組圖片區(qū)的注視點(diǎn)持續(xù)時(shí)間。文本區(qū)注視點(diǎn)持續(xù)時(shí)間的顏色差異主效應(yīng)非常顯著F(1，114)=12.973，p<0.01，彩色插圖組文本區(qū)的注視點(diǎn)持續(xù)時(shí)間顯著小于黑白組。

圖1 彩色組(上)和黑白組(下)不同插圖位置的熱點(diǎn)圖

插圖位置的主效應(yīng)不顯著F(3，112)=1.968，p>0.05。從表1中可知，插圖位于下半部分時(shí)其注視點(diǎn)持續(xù)時(shí)間最長(zhǎng)，位于右半部分時(shí)注視點(diǎn)持續(xù)時(shí)間最短。插圖顏色和插圖位置之間的交互作用不顯著，F(xiàn)(3，108)=0.187，p>0.05。文本位置的主效應(yīng)不顯著F(3，112)=0.670，p>0.05， 表明文本在各位置時(shí)的注視點(diǎn)持續(xù)時(shí)間差異不顯著。

表1 注視點(diǎn)持續(xù)時(shí)間

注：注視點(diǎn)持續(xù)時(shí)間單位為秒。

2．注視次數(shù)

一次注視為一個(gè)注視點(diǎn)，注視次數(shù)是指注視點(diǎn)的數(shù)量，它是閱讀情況的一個(gè)重要指標(biāo)。顯示區(qū)域越重要或者更吸引注意，則注視次數(shù)越多[11]。表2數(shù)據(jù)顯示，彩色插圖組圖片區(qū)和文本區(qū)的注視次數(shù)都要大于黑白插圖組。對(duì)數(shù)據(jù)進(jìn)行方差分析，圖片區(qū)F(1，114)=0.000，p=0.991>0.05，文本區(qū)F(1，114)=3.606，p=0.060>0.05，結(jié)果表明兩個(gè)區(qū)域的顏色差異主效應(yīng)不顯著。不過(guò)對(duì)比彩色插圖PPT與黑白插圖PPT的總注視點(diǎn)個(gè)數(shù)，對(duì)其進(jìn)行t檢驗(yàn)，發(fā)現(xiàn)其差異達(dá)到了顯著性水平p=0.016<0.05?？芍噬鍒D組PPT總注視次數(shù)顯著大于黑白組。

表2 注視次數(shù)

插圖位置的主效應(yīng)顯著F(3，112)=3.583，p<0.05。經(jīng)LSD比較發(fā)現(xiàn)，插圖位于上半部分時(shí)注視次數(shù)顯著多于其它位置，其余位置的差異并不明顯。插圖顏色和插圖位置之間的交互作用不顯著，F(xiàn)(3，108)=0.571，p>0.05。

文本位置的主效應(yīng)顯著F(3，112)=3.616，p<0.05。進(jìn)一步經(jīng)LSD比較發(fā)現(xiàn)，文本位于PPT上、左兩部分時(shí)的注視次數(shù)顯著多于位于下半部分的注視次數(shù)。插圖顏色和文本位置之間的交互作用不顯著，F(xiàn)(3，108)=0.419，p>0.05。

3．總注視時(shí)間

總注視時(shí)間是各興趣區(qū)(AOI1，AOI2)所有注視點(diǎn)持續(xù)時(shí)間之和。注視時(shí)間的方差分析結(jié)果為：圖片區(qū)F(1，114)=0.001，p>0.05；文本區(qū)F(1，114)=0.045，p>0.05，表明顏色差異的主效應(yīng)不顯著。插圖位置的主效應(yīng)顯著F(3，112)=3.055，p<0.05。經(jīng)LSD比較發(fā)現(xiàn)，插圖位于上半部分時(shí)注視時(shí)間顯著多于其它位置，而其余位置注視時(shí)間差異并不顯著。插圖顏色和插圖位置之間的交互作用不顯著，F(xiàn)(3，108)=0.771，p>0.05(見(jiàn)表3)。

文本位置主效應(yīng)非常顯著F(3，112)=5.168，p<0.01。經(jīng)LSD發(fā)現(xiàn)，文本位于PPT下半部分時(shí)總注視時(shí)間最短，與其它位置的差異顯著。文本位于插圖左邊時(shí)注視時(shí)間最長(zhǎng)，但與右、上兩種布局的差異不顯著。插圖顏色和文本位置之間的交互作用不顯著，F(xiàn)(3，108)=0.784，p>0.05。

表3 注視時(shí)間

注：注視時(shí)間單位為秒。

(三)閱讀成績(jī)的差異

對(duì)各被試的測(cè)試成績(jī)進(jìn)行計(jì)算分析，發(fā)現(xiàn)彩色插圖組的被試平均成績(jī)?yōu)?0.08分，黑白插圖組被試的平均成績(jī)?yōu)?.81分，彩色組得分略高于黑白組，但經(jīng)t檢驗(yàn)發(fā)現(xiàn)兩組的差異不顯著(見(jiàn)圖2)。

圖2 彩色組和黑白組測(cè)試成績(jī)

三、分析與討論

(一)不同插圖顏色的眼動(dòng)指標(biāo)差異

實(shí)驗(yàn)結(jié)果顯示，彩色插圖PPT注視點(diǎn)持續(xù)時(shí)間顯著小于黑白組，其中圖片區(qū)的差異顯著，文本區(qū)的差異非常顯著。注視點(diǎn)持續(xù)時(shí)間反應(yīng)提取信息的難易程度，注視時(shí)間越長(zhǎng)，意味著被試提取信息越困難。李成對(duì)比大學(xué)生閱讀黑白插圖和彩色插圖文章的眼動(dòng)數(shù)據(jù)也發(fā)現(xiàn)彩色組注視點(diǎn)持續(xù)時(shí)間顯著少于黑白組[12]，本研究再次證明了這一點(diǎn)，這表明彩色插圖更利于學(xué)生提取重要信息。

注視次數(shù)反映了某個(gè)區(qū)域?qū)τ趯W(xué)習(xí)者的重要程度或感興趣程度。從實(shí)驗(yàn)結(jié)果看，彩色插圖PPT的圖片區(qū)和文本區(qū)注視點(diǎn)個(gè)數(shù)都要大于黑白組，同時(shí)彩色插圖PPT和黑白插圖PPT的總注視次數(shù)差異也達(dá)到了顯著水平，表明彩色插圖更能引起學(xué)習(xí)者的興趣。以往的研究大都是讓被試控制材料的呈現(xiàn)時(shí)間，由于呈現(xiàn)時(shí)間的不同，注視次數(shù)往往不能反映材料本身的吸引力，本實(shí)驗(yàn)由于材料呈現(xiàn)時(shí)間一定，所以其注視次數(shù)直接反映了學(xué)習(xí)者對(duì)于學(xué)習(xí)材料的興趣。

閱讀測(cè)試成績(jī)表明，黑白插圖組和彩色插圖組的閱讀成績(jī)并未表現(xiàn)出顯著差異，研究同時(shí)發(fā)現(xiàn)彩色插圖PPT注視點(diǎn)個(gè)數(shù)要多于黑白插圖組，因此本實(shí)驗(yàn)傾向于支持Dooley等人的觀點(diǎn)，即黑白與彩色的信息傳遞效果相同，彩色的效果只是產(chǎn)生學(xué)習(xí)動(dòng)機(jī)。在設(shè)計(jì)PPT時(shí)，在相同情況下使用彩色插圖會(huì)比黑白插圖更能激發(fā)學(xué)習(xí)者興趣，設(shè)計(jì)者可以運(yùn)用彩色圖片來(lái)引導(dǎo)學(xué)習(xí)者的注意。

(二)不同布局的眼動(dòng)指標(biāo)差異

插圖位于PPT右半部分注視點(diǎn)持續(xù)時(shí)間最短，位于下半部分最長(zhǎng)，兩者的數(shù)值差異較為明顯。李成對(duì)閱讀材料圖文布局的實(shí)驗(yàn)結(jié)果也顯示圖片位于材料下半部分時(shí)的注視點(diǎn)持續(xù)時(shí)間最長(zhǎng)[13]。這表明插圖位于PPT下半部分時(shí)更難以被學(xué)習(xí)者理解。文本左右布局時(shí)的注視點(diǎn)持續(xù)時(shí)間相同，大于上下布局時(shí)的注視點(diǎn)持續(xù)時(shí)間，文本位于PPT下半部分時(shí)注視點(diǎn)持續(xù)時(shí)間最短，不過(guò)各位置的差異不顯著。

插圖位于文本上方時(shí)注視點(diǎn)個(gè)數(shù)顯著多于其它位置，而當(dāng)插圖位于文本下方時(shí)注視點(diǎn)個(gè)數(shù)最少。文本的不同布局影響情況類似，文本位于PPT上半部分時(shí)注視點(diǎn)個(gè)數(shù)最多，位于PPT下半部分時(shí)注視點(diǎn)個(gè)數(shù)最少，兩者差異顯著，而左右布局時(shí)注視點(diǎn)個(gè)數(shù)的差異不顯著。

插圖位于PPT上半部分時(shí)總注視時(shí)間最長(zhǎng)，位于下半部分時(shí)注視時(shí)間最短，兩者差異顯著。文本位于下半部分時(shí)總注視時(shí)間最短，且與其它位置的差異非常顯著。文本位于PPT左半部分時(shí)的注視時(shí)間最長(zhǎng)，但與位于上、右兩部分時(shí)的差異不顯著。為什么插圖位于PPT上半部分時(shí)的注視時(shí)間最長(zhǎng)，而文本則是在左半部分時(shí)注視時(shí)間最長(zhǎng)。可能的原因有兩個(gè)：第一是由于數(shù)據(jù)存在波動(dòng)。從數(shù)據(jù)中發(fā)現(xiàn)雖然文本位于左邊時(shí)注視時(shí)間最長(zhǎng)，但和上、右兩個(gè)位置布局的注視時(shí)間差異很小，而這種差異可能僅僅由數(shù)據(jù)的波動(dòng)導(dǎo)致。第二個(gè)原因可能是由于插圖和文本存在不同的布局規(guī)律。從注視時(shí)間上看，插圖布局時(shí)的注視時(shí)間是“一多三少”，即位于PPT上半部分的注視時(shí)間與其它位置差異較大。而文本布局時(shí)的注視時(shí)間是“一少三多”，即文本位于PPT下半部分時(shí)的注視時(shí)間與其它位置表現(xiàn)出了較大差異。不過(guò)這種差異有待進(jìn)一步驗(yàn)證。

研究數(shù)據(jù)存在一個(gè)比較明顯的偏向性，不論是插圖還是文本，位于PPT下半部分時(shí)，其注視時(shí)間和注視點(diǎn)個(gè)數(shù)都是四個(gè)位置中最少的。原因可能是大部分學(xué)習(xí)者的學(xué)習(xí)習(xí)慣是從上往下瀏覽，學(xué)習(xí)時(shí)會(huì)不自覺(jué)地把較多注意力放到PPT的上半部分，從而造成了對(duì)下半部分內(nèi)容的忽視。

四、PPT的優(yōu)化設(shè)計(jì)策略

實(shí)驗(yàn)結(jié)果為我們?cè)O(shè)計(jì)教學(xué)PPT提供了科學(xué)依據(jù)。根據(jù)實(shí)驗(yàn)發(fā)現(xiàn)的規(guī)律，依據(jù)不同教學(xué)需求，提出了教學(xué)PPT優(yōu)化設(shè)計(jì)的三個(gè)策略。

(一)PPT設(shè)計(jì)以圖為主時(shí)采用上圖下文優(yōu)選原則和上文下圖避免原則

在教學(xué)實(shí)踐過(guò)程中，如果插圖中的對(duì)應(yīng)內(nèi)容是學(xué)習(xí)的重點(diǎn)，并且插圖已經(jīng)給出了較好的解釋說(shuō)明，文字部分僅提供額外說(shuō)明。比如在水循環(huán)的學(xué)習(xí)中，插圖部分已經(jīng)給出水的循環(huán)流程并配以了良好的文字解釋，此時(shí)圖片內(nèi)容就成為了學(xué)習(xí)的重點(diǎn)。在此情況下建議采用上圖下文布局，這種布局有利于吸引學(xué)習(xí)者對(duì)插圖的注視，可以促進(jìn)學(xué)習(xí)者對(duì)插圖內(nèi)容的加工。此情況下，設(shè)計(jì)時(shí)應(yīng)避免使用上文下圖的布局，因?yàn)樵摲N布局結(jié)構(gòu)會(huì)減少學(xué)習(xí)者對(duì)于插圖的注視次數(shù)和注視時(shí)間，不利于學(xué)習(xí)者對(duì)于插圖內(nèi)容的掌握。另外，在該情況下建議使用彩色插圖，因?yàn)椴噬鍒D更有利于吸引學(xué)習(xí)者注意力，這有利于促進(jìn)學(xué)習(xí)者對(duì)于圖片內(nèi)容的加工。

(二)PPT設(shè)計(jì)以文為主時(shí)采用左圖右文、上圖下文優(yōu)選原則和上圖下文避免原則

在教學(xué)過(guò)程中如果插圖負(fù)責(zé)的僅僅是輔助文字材料。比如插圖是某人物肖像，而文字部分則是對(duì)人物的相關(guān)介紹，此時(shí)對(duì)于文字材料的學(xué)習(xí)就更為關(guān)鍵。因此，當(dāng)文字材料在教學(xué)過(guò)程中更為重要時(shí)，建議采用左文右圖或上文下圖的設(shè)計(jì)。采用左文右圖的設(shè)計(jì)時(shí)除了保證文字部分可以得到學(xué)習(xí)者注視加工外在一定程度上兼顧了對(duì)插圖的注視，該設(shè)計(jì)比較適合文字材料重要，圖片材料比較重要的情況。而上文下圖的布局比較適合插圖內(nèi)容不太重要的情況，同時(shí)可根據(jù)實(shí)際情況將插圖顏色改成黑白，這樣可以進(jìn)一步促進(jìn)學(xué)習(xí)者對(duì)于文字材料的注視。和以圖為主PPT設(shè)計(jì)相同，在以文為主的PPT設(shè)計(jì)時(shí)要避免上圖下文布局，該布局對(duì)于文本的注視加工最為不利。

(三)PPT設(shè)計(jì)文圖并重時(shí)采用左圖右文和左文右圖優(yōu)選原則

此種設(shè)計(jì)比較合適文字部分和插圖部分關(guān)聯(lián)性比較強(qiáng)的情況，比如插圖部分同樣是人物肖像，但文字部分改成了對(duì)肖像各部分的描述，此時(shí)學(xué)習(xí)者的注意需要在插圖和文本間不斷轉(zhuǎn)換，并建立兩者的對(duì)應(yīng)關(guān)系。因此，在這種情況下就可以采用左圖右文或左文右圖設(shè)計(jì)。這兩種設(shè)計(jì)在眼動(dòng)指標(biāo)對(duì)比上都未發(fā)現(xiàn)顯著差異，不過(guò)兩者略有側(cè)重。左圖右文的設(shè)計(jì)更合適于插圖比文字稍重要的情況，因?yàn)樵摬季窒虏鍒D部分的注視時(shí)間比左圖右文更多。根據(jù)眼動(dòng)數(shù)據(jù)，同時(shí)建議采用彩色插圖，這樣可以進(jìn)一步提高學(xué)習(xí)者對(duì)于圖片的注視程度。而當(dāng)文字稍重要時(shí)則建議采用左文右圖的設(shè)計(jì)，與插圖類似，文本位于PPT左邊部分時(shí)學(xué)習(xí)者表現(xiàn)出更多的注視次數(shù)和注視時(shí)間。

本研究基于眼動(dòng)實(shí)驗(yàn)對(duì)教學(xué)PPT插圖顏色和圖文布局規(guī)律進(jìn)行了初步研究。從實(shí)驗(yàn)結(jié)果看，插圖顏色和插圖位置對(duì)于學(xué)習(xí)者的眼睛注視和閱讀成績(jī)都帶來(lái)了一定影響。基于實(shí)驗(yàn)數(shù)據(jù)，我們?yōu)榻虒W(xué)PPT的設(shè)計(jì)提供了更為客觀和可信的指導(dǎo)。不過(guò)，研究仍存在一些不足和需要改進(jìn)之處。首先，本研究的樣本容量相對(duì)較少，今后的研究可以增加樣本量，使研究結(jié)果更具說(shuō)服力。另外，PPT的插圖類型、呈現(xiàn)時(shí)間及插圖內(nèi)容都可能對(duì)學(xué)習(xí)者產(chǎn)生影響，后面的研究者可以嘗試在這些方面繼續(xù)探索。

[1] Dwyer F M, Lamberski R J. A review of the research on the effects of the use of color in the teaching-learning process[J]. International Journal of Instructional Media, 1982,(4):303-328.

[2] 程利，楊治良.大學(xué)生閱讀插圖文章的眼動(dòng)研究[J].心理科學(xué)，2006， (3)：593-596.

[3] ROGER P D, LARRY E H. Functional and attention-getting effects of color on graphic communications[J].Perceptual and Motor Skills, 1970, (3): 851-854.

[4] 劉世清，周 鵬. 文本—圖片類教育網(wǎng)頁(yè)的結(jié)構(gòu)特征與設(shè)計(jì)原則[J]. 教育研究，2011，(11)：99-102.

[5] 白學(xué)軍，等.平面香水廣告版面設(shè)計(jì)的眼動(dòng)研究[J].心理與行為研究，2006，(3)：172-176.

[6] 白學(xué)軍，等.位置和內(nèi)容對(duì)網(wǎng)頁(yè)廣告效果影響的眼動(dòng)評(píng)估[J].應(yīng)用心理學(xué)，2008,(3)：208-212.

[7] 丁錦紅，等.平面廣告中圖形與文本加工差異的眼動(dòng)研究[J].心理學(xué)探索，2005，(4)：30-34.

[8] 安璐,李子運(yùn). 教學(xué)PPT背景顏色的眼動(dòng)實(shí)驗(yàn)研究[J].電化教育研究，2012，(1)：75-80.

[9] 關(guān)爾群.多媒體課件中不同色彩文字材料對(duì)閱讀影響的眼動(dòng)研究[D].遼寧:遼寧師范大學(xué),2003.1-31.

[10] Bojko A A. Informative or misleading? heatmaps deconstructed[A].Human-Computer Interaction.New Trends[C].Heidelberg:Springer Berlin Heidelberg,2009.30-39.

[11] Poole A, et al. In search of salience:A response-time and eye-movement analysis of bookmark recognition[A].People and Computers XVIII—Design for Life[C].London:Springer London,2005.363-378.

[12] 李成. 大學(xué)生圖文閱讀中插圖效應(yīng)的眼動(dòng)研究[D].長(zhǎng)春：吉林大學(xué)，2009.10-20.

Abstract:PowerPoint is the most widely used media in instruction and the illustration is an important component of PPT. Well-designed illustrations could attract student’s attention and enhance learning efficiency. In this research, eye tracking system is used to record the eye movement indexes of college students when they are reading PowerPoint with different illustration colors and layouts. The results show that the related eye movement indexes of the color illustration are significantly better than the black-white illustration. However, no significant difference was founded in the test scores, indicating the color only enhanced the motivation of the subjects. The location (up, down, left, right) of illustration influenced the eye movement indexes of the subjects. The eye-tracking data shows the students have some attention preferences. According to the experiment result, advices are given for better design of educational PowerPoint.

Keywords:educational PowerPoint; illustration color; layout; eye movement

(責(zé)任編輯：薛 蓉)

AnExperimentonIllustrationColorsandLayoutsofEducationalPowerPoint

GU Rong，HUANG Tao，ZHAO Li-ying，WANG Yu-long

(College of Education Science and Technology, Zhejiang University of Technology, Hangzhou 310023, China)

2013-11-05

教育部人文社科青年基金項(xiàng)目(11YJCZH246)

顧 容(1973-)，男，浙江湖州人，副教授，博士研究生，從事教學(xué)信息化與資源建設(shè)研究；黃 濤(1989-)，男，浙江東陽(yáng)人，碩士研究生，從事認(rèn)知心理學(xué)與教學(xué)資源設(shè)計(jì)開(kāi)發(fā)研究；趙立影(1978-)，女，遼寧營(yíng)口人，副教授，博士研究生，從事認(rèn)知心理學(xué)與教學(xué)設(shè)計(jì)研究；王玉龍(1988-)，男，河南鶴壁人，碩士研究生，從事職業(yè)教育原理研究。

G434

A

1006-4303(2014)01-0054-06