基于多媒體網絡教學軟件的用戶界面設計

王嵐

（陜西職業技術學院 陜西 西安 710038）

基于多媒體網絡教學軟件的用戶界面設計

王嵐

（陜西職業技術學院 陜西 西安 710038）

隨著人們對教學方法的更高要求，并針對現有多媒體網絡軟件交互性不好、功能不強、設計不合理等缺點，本文提出了基于多媒體網絡教學軟件的用戶界面設計方法。文章中首先分析了多媒體網絡教學軟件，并對國內所用軟件提出缺點，隨后從設計重點、標準和流程三方面提出了基于多媒體網絡教學軟件的用戶界面設計。最后將其應用與實際工作當中，證明其適合現今社會的多媒體教學軟件當中。

多媒體；網絡教學；教學軟件；用戶界面設計

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

1 多媒體網絡教學概述

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

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

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

2 用戶界面設計概述

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

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

用戶界面設計的目的為：1）操作性；2）學習周期；3）反應速度；4）用戶失誤率；5）記憶停留；6）滿意度。

圖1 用戶界面設計的步驟圖

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

3 基于多媒體網絡教學軟件的用戶界面設計

3.1 基于多媒體網絡教學軟件的用戶界面設計關鍵

1）刺激因素

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

首先，我們可以利用音頻演說方式。這種方式可以大大減少學生在學習當中產生的挫敗感，并能激發學生的熱情。

第二，改變交流方式。將古板的交流方式轉變為較為輕松靈活的不正式方式，這樣的方式有助于學生放松自己，感到輕松舒服。

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

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

2）多媒體的應用

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

圖2 視覺與聽覺通道與圖片縮小呈現之間存在平衡關聯

3.2 基于多媒體網絡教學軟件的用戶界面設計流程

結合第三節的分析，該設計流程主要包括4塊。

1）市場調研

市場調研主要是對消費者的分析，這些消費群體的特征、用戶對設計界面的訴求、用戶使用軟件的環境以及要最終達到的結果等等。

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

2）確定情景主題

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

3）挑選體驗方式

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

4）后期交流

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

4 用戶界面設計的實踐

在將所設計的用戶界面進行實踐之前，先對市場上已存在的多媒體網絡教學軟件進行調研，調查結果如圖3所示。從圖中可看出，多媒體教學軟件占有比非常小，也就說明其具有廣大的發展空間。

圖3 多媒體教學應用在軟件商店中的占有比例

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

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

圖4 圖形化原型

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

5 結束語

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

[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—），女，陜西商洛人，碩士，助教。研究方向：中國現當代文學。