王嵐

（陜西職業(yè)技術(shù)學(xué)院 陜西 西安 710038）

基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計

王嵐

（陜西職業(yè)技術(shù)學(xué)院 陜西 西安 710038）

隨著人們對教學(xué)方法的更高要求，并針對現(xiàn)有多媒體網(wǎng)絡(luò)軟件交互性不好、功能不強、設(shè)計不合理等缺點，本文提出了基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計方法。文章中首先分析了多媒體網(wǎng)絡(luò)教學(xué)軟件，并對國內(nèi)所用軟件提出缺點，隨后從設(shè)計重點、標(biāo)準(zhǔn)和流程三方面提出了基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計。最后將其應(yīng)用與實際工作當(dāng)中，證明其適合現(xiàn)今社會的多媒體教學(xué)軟件當(dāng)中。

多媒體；網(wǎng)絡(luò)教學(xué)；教學(xué)軟件；用戶界面設(shè)計

隨著科學(xué)技術(shù)的快速發(fā)展，高科技也逐步普及到人們生活當(dāng)中。在教學(xué)方面，原有的書本教學(xué)已不滿足人們對教育方面的要求，要求學(xué)生拋棄原先被動的接受學(xué)習(xí)的方式，而更能主動去學(xué)習(xí)，因此，教育方面也在逐步提高。為了提高學(xué)生的主觀能動性，現(xiàn)代教學(xué)結(jié)合互聯(lián)網(wǎng)技術(shù)，將教學(xué)多媒體化，使學(xué)生從視聽說三方面來進行學(xué)習(xí)，使用多媒體教學(xué)的好處是提高了學(xué)生獨立思考的能力，針對不同的問題，可以將問題模擬化，并指導(dǎo)學(xué)生利用掌握的知識去解決這些問題，大大提高了學(xué)生對知識的掌握能力，運用能力和理解能力，同時也增強了學(xué)生的創(chuàng)新能力和記憶能力。但是，現(xiàn)有的多媒體教學(xué)軟件具備的功能單一、交互性不好等問題限制了多媒體網(wǎng)絡(luò)教學(xué)的發(fā)展。本文針對上述問題，提出了基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計，希望可以提高教師對軟件的使用率，學(xué)生的參與程度，增強學(xué)生的學(xué)習(xí)效率，加深學(xué)生對知識的掌握程度，最主要的是，將學(xué)生被動學(xué)習(xí)方式改變?yōu)橹鲃訉W(xué)習(xí)方式等等[1-5]。

1 多媒體網(wǎng)絡(luò)教學(xué)概述

網(wǎng)絡(luò)教學(xué)是指利用先進的電子設(shè)備來進行教學(xué)。網(wǎng)絡(luò)教學(xué)充分調(diào)動使用者的五官，通過視、聽、讀，與其他人討論以及向他人教授知識的方式，讓學(xué)生對所學(xué)知識理解的更為深刻，記得更加牢固，也讓學(xué)習(xí)過程變得輕松、簡單。同時，網(wǎng)絡(luò)教學(xué)過程中還夾雜了心理學(xué)、社會學(xué)等學(xué)科的問題[6-7]。

使用多媒體網(wǎng)絡(luò)教學(xué)有很多優(yōu)勢。首先，它將學(xué)習(xí)者擺在了主動的控制地位。因為使用多媒體教學(xué)軟件的主體是學(xué)生，那么，學(xué)生可以根據(jù)自身情況，為自己量身定制適合自己的學(xué)習(xí)計劃，并調(diào)整學(xué)習(xí)進度和學(xué)習(xí)順序。這樣，在一定時間內(nèi)，學(xué)生可以主動的參與到學(xué)習(xí)過程當(dāng)中，更好的展現(xiàn)自己，培養(yǎng)自己的邏輯思維能力，相比于被動學(xué)習(xí)，這樣更能加深對知識點的理解和記憶。其次，傳統(tǒng)教學(xué)主要是依靠書本內(nèi)容，很少有圖表來輔助理解，相比于傳統(tǒng)書本教學(xué)方式，多媒體教學(xué)結(jié)合不同內(nèi)容，提供了豐富的圖表，幫助學(xué)生理解知識，同時，這樣的方法適用與不同的學(xué)生群體，大大幫助了理解力較弱的學(xué)生。

當(dāng)然，一切事物都是兩面的，使用多媒體網(wǎng)絡(luò)教學(xué)也有缺點。多媒體系統(tǒng)會因為媒體種類的增加而變得復(fù)雜，會讓用戶對界面上過多的指示而迷茫，不能最大限度的提供信息，所以，合理的使用非常有必要。其次，多媒體的非線性會讓使用者迷失在過多信息當(dāng)中，并且導(dǎo)致他們對系統(tǒng)狀態(tài)的理解失誤[8]。

2 用戶界面設(shè)計概述

用戶界面是指在用戶與計算機軟件之間構(gòu)建起的一種交互設(shè)計。用戶通過選擇用戶界面上的功能，計算機分析以后再通過用戶界面反饋給用戶。可以說，用戶界面就是用戶與計算機軟件之間的“傳話筒”。對于一個軟件而言，若它的功能非常強大，但是用戶界面設(shè)計的非常差，導(dǎo)致用戶使用麻煩，或浪費用戶努力等，這都會給用戶產(chǎn)生挫敗感，從而停止使用該軟件，所以，良好的用戶界面設(shè)計非常重要[9-11]。

那么，對于用戶界面設(shè)計的標(biāo)準(zhǔn)可分為3條[12-13]。1）深入分析目標(biāo)用戶，并準(zhǔn)確定位；2）設(shè)計過程中保持一致，并且要具備靈活性；3）以用戶為中心。

用戶界面設(shè)計的目的為：1）操作性；2）學(xué)習(xí)周期；3）反應(yīng)速度；4）用戶失誤率；5）記憶停留；6）滿意度。

圖1 用戶界面設(shè)計的步驟圖

用戶界面設(shè)計主要就是以用戶、任務(wù)、環(huán)境和建模為中心的，設(shè)計步驟如圖1所示。如圖1可知，用戶界面設(shè)計包含系統(tǒng)反饋周期、對用戶的幫助、錯誤數(shù)據(jù)的處理和要求批注四部分，在設(shè)計過程中要針對這四部分創(chuàng)建類目。

3 基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計

3.1 基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計關(guān)鍵

1）刺激因素

教學(xué)刺激因素主要包括3點，分別為：用戶需求、創(chuàng)造動機、推動力。并且，在用戶界面設(shè)計過程當(dāng)中，至少要包括三者中的一個。那么如何在用戶界面設(shè)計當(dāng)中添加這些刺激因素呢？

首先，我們可以利用音頻演說方式。這種方式可以大大減少學(xué)生在學(xué)習(xí)當(dāng)中產(chǎn)生的挫敗感，并能激發(fā)學(xué)生的熱情。

第二，改變交流方式。將古板的交流方式轉(zhuǎn)變?yōu)檩^為輕松靈活的不正式方式，這樣的方式有助于學(xué)生放松自己，感到輕松舒服。

第三，教學(xué)過程中采用靈氣活潑的形象。這個形象可以是卡通人物，也可以是具有代表性的聲音，或者是較為靈活好玩的動態(tài)圖。這樣可以抓住學(xué)生的眼球，使學(xué)生產(chǎn)生探知的欲望和興趣。

第四，背景音樂的選擇。好的背景音樂可以使教學(xué)過程簡單，同時也使學(xué)生更加配合教學(xué)，也能影響學(xué)生的學(xué)習(xí)心情和狀態(tài)。

2）多媒體的應(yīng)用

在教學(xué)過程中，若能采用多媒體的方式去教學(xué)，可以使學(xué)生對知識的掌握能力和理解能力都有提高，這是因為將文字和圖片結(jié)合起來對學(xué)生進行教學(xué)時，可以使得學(xué)生較為容易得將圖片與文字建立某種聯(lián)系，大大加強了學(xué)生的思維活躍能力。在使用多媒體的過程中，要注意在對圖片內(nèi)容進行解釋的過程中，要使用語音解釋，而不是使用文字解釋，這是因為信息通過兩種完全不同的信道進入大腦，這樣有助于對信息的處理和壓縮速度，關(guān)系如圖2所示[14－15]。

圖2 視覺與聽覺通道與圖片縮小呈現(xiàn)之間存在平衡關(guān)聯(lián)

3.2 基于多媒體網(wǎng)絡(luò)教學(xué)軟件的用戶界面設(shè)計流程

結(jié)合第三節(jié)的分析，該設(shè)計流程主要包括4塊。

1）市場調(diào)研

市場調(diào)研主要是對消費者的分析，這些消費群體的特征、用戶對設(shè)計界面的訴求、用戶使用軟件的環(huán)境以及要最終達到的結(jié)果等等。

市場調(diào)研非常重要，這是對自身軟件的正確定位，同時對使用者有初步的了解，并能針對不同的對象可以針對性的設(shè)計不同的用戶界面，同時，若用戶有所改變時，也能準(zhǔn)確迅速的調(diào)整方針，有一定的經(jīng)濟收益和市場收益。

2）確定情景主題

確定良好的情景主題不僅表現(xiàn)出獨特性，還能加強人機交互能力，從而提高教學(xué)質(zhì)量和教師形象。根據(jù)前期的市場調(diào)研，對用戶的訴求、特點等都有所了解，這樣就可以對不同的消費群體有針對性的去設(shè)計不同的情景主題，這樣不僅滿足了用戶的需求，同時也加強了用戶在學(xué)習(xí)過程中的記憶能力，而且還可以與用戶產(chǎn)生共鳴。

3）挑選體驗方式

多媒體可以為用戶提供較多的體驗形式，這樣用戶即可以主動進行體驗方式的選擇，也會被動的不同的體驗形式所吸引。這樣形式不一的用戶界面不僅提高了課堂教學(xué)過程中學(xué)生的參與度，也調(diào)動了用戶的興趣，增加了對用戶的吸引力。當(dāng)然，這些界面設(shè)計可創(chuàng)新的地方有很多，比如顏色、字體、聲音等。

4）后期交流

為能加強學(xué)生與老師之間的溝通與交流，我們還可在學(xué)生回家以后，仍使用軟件和教師進行溝通交流，這樣不僅充分利用了當(dāng)代互聯(lián)網(wǎng)科技的快速發(fā)展，也對學(xué)生的學(xué)習(xí)有一定的監(jiān)督作用。

4 用戶界面設(shè)計的實踐

在將所設(shè)計的用戶界面進行實踐之前，先對市場上已存在的多媒體網(wǎng)絡(luò)教學(xué)軟件進行調(diào)研，調(diào)查結(jié)果如圖3所示。從圖中可看出，多媒體教學(xué)軟件占有比非常小，也就說明其具有廣大的發(fā)展空間。

圖3 多媒體教學(xué)應(yīng)用在軟件商店中的占有比例

對于用戶界面的功能設(shè)計，我們認為市場上存在的多媒體教學(xué)軟件基本是只針對教程和題庫，而沒有把老師、學(xué)生等使用群體考慮進來。其次，這些軟件大部分都針對的是一些特定群體，比如中小學(xué)生、或某些專業(yè)特長等，職業(yè)教育并沒有包含其中。最后，要采用新穎的方式從眾多軟件中脫穎而出。

在對用戶界面進行設(shè)計的過程中，將圖形文件像素等條件設(shè)為與真實應(yīng)用條件相同，同時，在空間、細節(jié)以及版式方面都要做的分毫不差。界面采用9個顏色，使得更為有趣，然后利用數(shù)據(jù)統(tǒng)計的方式，將學(xué)生的成績非常直接的表現(xiàn)出來，讓用戶對信息的了解更為輕松方便。圖4為設(shè)計過程的原型圖。

圖4 圖形化原型

設(shè)計結(jié)束后，將所設(shè)計的用戶界面進行可行性測試，測試過程中發(fā)現(xiàn)的問題比較少，說明該用戶界面設(shè)計的整體性能較好，但是其中的問題還需以后進一步研究來發(fā)現(xiàn)。

5 結(jié)束語

文中針對市場現(xiàn)有的多媒體教學(xué)軟件所存在的功能單一、交互性不好等問題，提出了新型的用戶界面設(shè)計方式，希望可以為教師在教學(xué)過程中提供力所能及的幫助。本文先對多媒體教學(xué)進行分析，分析其利弊以后，發(fā)現(xiàn)實施多媒體教學(xué)的利大于弊，進而研究了用戶界面設(shè)計所要遵循的原則、實現(xiàn)的目標(biāo)以及設(shè)計的流程，最后提出了基于多媒體教學(xué)軟件的用戶界面設(shè)計，分析其用戶群體、用戶訴求等一系列因素以后，采用新穎方式、色彩等對用戶界面進行設(shè)計，并將其應(yīng)用與實際當(dāng)中，驗證其存在問題較少，證明其可以應(yīng)用與實際多媒體教學(xué)當(dāng)中。

[1]Mayer，R.EMonreno，R.Aids to computer-based multimedia learning[J].Learning and Instruction，2012：107-119.

[2]Doolittle.P.E.Multimedia Learning:EmpiricalResults and PraticalApplications[C].IrishEducational Technology Users'Conference.Carlow，2002.

[3]Akhavan.P.E.Masoodi Nadoshan.Studying of E-learning and presenting a framework fordeveloping e-learning in Iran[J].Management Tomorrow.2005（11-12）：31-40.

[4]M.Ahadyan，D.Mohammadi5O.Ramazani.Fundamentals of instructionaltechnology[J].Tehran:Aizh，2009.

[5]Pressman.R.S.Software engineerings practitioner's approach[M].New York:McGraw-Hill.7ed，2009.

[6]Bahrami，Mehdi，Mohammad Bahrami.A review of software architecture forcollaborative softwares[J].Advanced Materials Research，2012，433:2372-2376.

[7]Atkinson R K，Mayer R E，Merrill M.M.Fostering social agency in multimedialearning:Examining the impact of an animated agent's voice[J].Contemporary Educational Psychology，2005（30）：117-139.

[8]Reeves，B.Nass.C.The media equation:How people treat computers，television，and newmedia like real people and places[M].Cambridge University Press，1996.

[9]Beck I L，McKeown M G，Worthy J，et al.Questioning the author:Ayear long classroom implementation to engage students in text[J].Elementary School Journal，1996(69):387-416.

[10]Moren R，Mayer R E.Engaging students iri active learning:The case for personalizedmultimedia messages[J].Journal of Educational Psychology，2000，4（92）：724-733.

[11]McLaren.B.M，DeLeeuw.K.E，Mayer.R.E.A politeness effect in learning withweb-based intelligenttutors[J].Human Computer Studies，2011（69）：70-79.

[12]Woo H L.Designing multimedia learning environments using animated pedagogicalagents:factors and issues.Computer Assisted Learning，2009（25）：203-218.

[13]Sklar J.Principles of Web Design （3rd ed）[M].Course Technology，2005.

[14]Li X，L.-K.Soh.A Literature Review on Learner Control Strategies in SoftwareTutoring Systems[D].University of Nebraska-Lincoln，2003.

[15]Jensen E.Music with the brain in mind[M]，Thousand Oaks:Corwin Press.2000.

Based on the multimedia network teaching software user interface design

WANG Lan
（Shaanxi Vocational and Technical College，Xi'an 710038，China）

With the higher requirements of the people to the teaching method，and according to the existing multimedia network software interactivity is not good，the function is not strong，the design is not reasonable，this paper puts forward the design method of the user interface based on multimedia network teaching software.In this paper，we first analyze the multimedia network teaching software，and present the shortcomings of the domestic software，then put forward the design of the user interface based on the multimedia network teaching software from three aspects:the design emphasis，the standard and the process.Finally，the application and the actual work，it is proved that it is suitable for the multimedia teaching software.

multimedia；network teaching；teaching software；user interface design

TM933.4

A

1674－6236（2016）18-0142-03

2015-08-11 稿件編號：201508046

王 嵐（1988—），女，陜西商洛人，碩士，助教。研究方向：中國現(xiàn)當(dāng)代文學(xué)。