交互式教學(xué)資源設(shè)計(jì)原則淺析

1、    交互式教學(xué)資源設(shè)計(jì)原則淺析    3.界面設(shè)計(jì)在具有交互式電子白板的課堂情景中，最常見的交互形式仍然是技術(shù)性交互，即教師使用交互式電子白板的各種功能進(jìn)行教學(xué)2。和使用ppt的多媒體課件相比，交互式電子白板能讓教師在教學(xué)過程使用書寫、標(biāo)注、拖曳、縮放、音視頻播放、隱藏或顯示等多種操作，以更豐富的形式展示學(xué)習(xí)內(nèi)容。資源的界面設(shè)計(jì)中涉及更多的交互元素，此部分主要介紹界面設(shè)計(jì)中的顯示設(shè)計(jì)原則和色彩設(shè)計(jì)原則。顯示設(shè)計(jì)指的是界面中元素的布局和顯示方式，例如每一頁中信息的密度、對(duì)齊的方式、字體的大小等。席納德曼(shneiderman)提出的八條黃金原則能幫助

2、設(shè)計(jì)者改良顯示設(shè)計(jì)13。包括：盡可能保持設(shè)計(jì)的一致性；使用普遍可用的符號(hào)；提供豐富的信息反饋；設(shè)計(jì)說明對(duì)話框生成結(jié)束信息；提供故障預(yù)防和簡單的故障處理；允許反向操作；讓用戶掌握控制權(quán)；使用簡單顯示，減少工作記憶負(fù)擔(dān)。這些設(shè)計(jì)原則適用于常見的計(jì)算機(jī)人機(jī)界面設(shè)計(jì)，在應(yīng)用于交互式教學(xué)資源設(shè)計(jì)時(shí)可以根據(jù)需求進(jìn)行驗(yàn)證和調(diào)整。對(duì)那些由教師進(jìn)行的技術(shù)性交互，可以不考慮信息反饋、故障預(yù)防和故障處理等機(jī)制。而對(duì)于需要由學(xué)生參與交互的界面，設(shè)計(jì)者應(yīng)遵循這些設(shè)計(jì)原則，如保持前后的一致性，提供簡單明了的符號(hào)，給予明確的操作說明和反饋等。一些教育學(xué)與心理學(xué)的研究成果也直接或間接的證實(shí)了這些原則的有效性14。顏色是界面設(shè)

3、計(jì)中最基本的元素，色彩的運(yùn)用對(duì)教學(xué)交互和知識(shí)獲取都有很大的影響。人機(jī)交互領(lǐng)域的研究提出了許多關(guān)于顏色的編碼和使用原則，其中的一些可以直接應(yīng)用于教學(xué)資源的設(shè)計(jì)。圖2中展示了一種顏色編碼的使用方法，使用顏色展示儀表盤中可用范圍，既能吸引用戶注意力，也有助于記憶和回想15。當(dāng)我們需要在課堂上展示那些具有層次結(jié)構(gòu)的內(nèi)容時(shí)(例如程序設(shè)計(jì)語言中的嵌套結(jié)構(gòu))，可以使用色彩階梯的形式，但色彩的數(shù)量不應(yīng)超過4種。圖2 帶有顏色編碼的儀表盤色彩搭配也是界面設(shè)計(jì)中需要重點(diǎn)關(guān)注的問題。研究者們發(fā)現(xiàn)在學(xué)習(xí)環(huán)境中使用紅色、藍(lán)色、綠色和黃色是最有益處的16，并且應(yīng)該避免使用藍(lán)色字體和小的屏幕元素15。位于光譜兩端的顏色會(huì)導(dǎo)

4、致不和諧的效果，如紅色和藍(lán)色，需要眼睛調(diào)節(jié)不同的聚焦長度，時(shí)間一長會(huì)導(dǎo)致疲勞。在呈現(xiàn)信息時(shí)，前景色與背景色應(yīng)避免有問題的顏色搭配。例如(前景色/背景色)：黃/綠、黃/白、藍(lán)/黑、綠/白、紅/藍(lán)、洋紅/綠、藍(lán)/綠、黃/紫、紅/黑、洋紅/黑等。教育技術(shù)領(lǐng)域也有類似的研究，安璐等通過眼動(dòng)技術(shù)研究了教學(xué)ppt中前景色與背景色搭配的效果17。通過實(shí)驗(yàn)對(duì)比了三種顏色搭配(前景/背景)：黑/白、黑/藍(lán)、黑/黃，結(jié)果顯示黑/白是效果最好的。這一結(jié)果符合人機(jī)交互領(lǐng)域中顏色使用的原則，即當(dāng)目標(biāo)物體使用和他們所處環(huán)境完全不同的顏色時(shí)，最容易被用戶識(shí)別和感知。4.參與性設(shè)計(jì)人機(jī)交互設(shè)計(jì)強(qiáng)調(diào)用戶的參與。參與性設(shè)計(jì)一般出

5、現(xiàn)在開發(fā)的后期階段，由用戶參與可用性實(shí)驗(yàn)和評(píng)估，提供最直接的定量與定性的反饋(時(shí)間、過程、態(tài)度、建議等)，設(shè)計(jì)者使用這些反饋來改善整個(gè)設(shè)計(jì)。在設(shè)計(jì)交互式電子白板的教學(xué)資源時(shí)，應(yīng)該讓資源的創(chuàng)建者和使用者共同參與資源的設(shè)計(jì)。建設(shè)資源的教師可以讓其他教師和學(xué)生參與資源的建設(shè)，由他們提供最直接的使用反饋和設(shè)計(jì)上的建議。根據(jù)學(xué)生對(duì)課件中交互任務(wù)執(zhí)行的情況教師可以預(yù)估操作時(shí)間，觀察學(xué)生交互操作的過程，發(fā)現(xiàn)可能引起錯(cuò)誤理解和錯(cuò)誤操作的不良設(shè)計(jì)。五、總結(jié)與展望作為一種新的教育技術(shù)工具，交互式電子白板正以前所未有的速度在我國教育領(lǐng)域迅速普及。然而，電子白板硬件技術(shù)飛速發(fā)展的同時(shí)，交互式教學(xué)資源的設(shè)計(jì)與開發(fā)還處于

6、一個(gè)探索階段。本文從人機(jī)交互的角度介紹了交互式教學(xué)資源在設(shè)計(jì)上應(yīng)該遵循的一些基本原則。當(dāng)然，要想真正的讓一線教師都能獨(dú)立的設(shè)計(jì)交互式教學(xué)資源，除了了解交互設(shè)計(jì)的基本原則外，還需要電子白板的廠商提供功能更強(qiáng)大，素材更豐富的教學(xué)資源開發(fā)工具。從教育技術(shù)的發(fā)展趨勢看，未來的課堂教學(xué)中將使用更多的技術(shù)和工具。韓國、菲律賓、印度、泰國、哈薩克斯坦、土耳其、俄羅斯、巴西等國已經(jīng)提出未來的幾年將在中小學(xué)校普及平板電腦，減少紙質(zhì)教材的使用(來源于ambient insight公司最新的報(bào)告)18。這種在課堂上將電子白板和平板電腦結(jié)合使用的教學(xué)方式將會(huì)產(chǎn)生更多、更復(fù)雜的人機(jī)交互行為，對(duì)教學(xué)資源的交互性設(shè)計(jì)提出更

7、高的要求。因此，教學(xué)資源的交互性設(shè)計(jì)可能成為未來教育技術(shù)領(lǐng)域和人機(jī)交互領(lǐng)域交叉研究的一個(gè)重點(diǎn)。參考文獻(xiàn)：1趙建華，周秋怡.基于交互式電子白板的課堂教學(xué)過程分析j.中國電化教育，2011(1)：92-96.2吳筱萌.交互式電子白板課堂教學(xué)應(yīng)用研究j.中國電化教育，2011(3)：1-7.3潘璇.交互式電子白板在課堂教學(xué)中的應(yīng)用策略j.中國電化教育，2010(8)：85-87.4中國市場調(diào)查研究中心.2011年度中國電子白板市場發(fā)展分析報(bào)告db/ol.5黃榮懷，胡永斌，楊俊峰，肖廣德.智慧教室的概念及特征j.開放教育研究，2012(4)：22-27.6戴國忠，田豐.筆式用戶界面m.合肥：中國科學(xué)技

8、術(shù)大學(xué)出版社，2009.7ben shneiderman，catherine plaisant (張國印等譯).用戶界面設(shè)計(jì)：有效的人機(jī)交互策略m.北京：電子工業(yè)出版社，2006.8約翰·d·布蘭思福特等.人是如何學(xué)習(xí)的：大腦、心理、經(jīng)驗(yàn)及學(xué)校m.上海：華東師范大學(xué)出版社，2002.9carpenter, t. p., e. fennema, p. l. peterson, c. p. chiang, and m. loef. using knowledge of children's mathematics thinking in classroom teachi

9、ng: an experimental studyj.american educational research journal, 1989(26):499-532.10李萍萍.遠(yuǎn)程交互學(xué)習(xí)的形成性考核j.現(xiàn)代遠(yuǎn)程教育研究，2007(6)：44-46.11d. a. norman. the psychology of everyday things m.basic books, new york, 1988.12胡國華.于細(xì)節(jié)處演繹精彩交互式電子白板課件設(shè)計(jì)與教學(xué)技巧j.中國信息技術(shù)教育，2010(7)：83-85.13shneiderman, b. designing the user in

10、terface: strategies for effective human-computer interaction, 3rd edm. addison-wesley, reading, ma, 1998.14理查德.e. 邁耶.多媒體學(xué)習(xí)m.北京：商務(wù)印書館，2006：105-122.15thorell, l. and smith, w. j. using computer color effectively: an illustrated referencem.prentice hall professional technical reference, 1989.16steven heim. the resonant interface: hci foundations for interaction designm.pea