網(wǎng)絡(luò)課程設(shè)計中界面媒體元素的布局與信息獲取效果的關(guān)系研究

【摘要】在網(wǎng)絡(luò)飛速發(fā)展的今天，信息獲取的來源開始發(fā)生變化，網(wǎng)絡(luò)已經(jīng)成為信息的重要來源，人們面對的信息界面也由傳統(tǒng)媒體單一的文字呈現(xiàn)方式變成現(xiàn)在由文字媒體、多媒體、流媒體、動畫等形式的組成來呈現(xiàn)，界面的布局形式的多樣性和豐富性大大改變了信息獲取的模式。該研究以網(wǎng)絡(luò)課程中界面布局作為研究對象，分析影響信息獲取效果的因素，以期了解界面布局對大學(xué)生在網(wǎng)絡(luò)信息獲取效果的影響，希望為信息傳遞界面的設(shè)計提供有益的建議。

【關(guān)鍵詞】大學(xué)生;信息獲取;界面布局

【中圖分類號】G40-057 【文獻(xiàn)標(biāo)識碼】B【論文編號】1009—8097(2010)03—0087—06

一 引言

隨著科學(xué)技術(shù)的不斷發(fā)展和社會信息化的進(jìn)步，人們獲取信息的手段也變得豐富。在關(guān)于人類的信息獲取方面，以網(wǎng)絡(luò)技術(shù)、通訊技術(shù)以及計算機(jī)技術(shù)為代表的信息技術(shù)，實現(xiàn)了從傳統(tǒng)的物理空間向虛擬的電子空間的革命性轉(zhuǎn)移。界面媒體元素的組成也由傳統(tǒng)媒體單一的文字呈現(xiàn)方式變成現(xiàn)在由文字媒體、多媒體、流媒體、動畫等形式的組成來呈現(xiàn)。大學(xué)生做為一個特殊的群體，他們有著在網(wǎng)絡(luò)的應(yīng)用和信息獲取方面得天獨厚的優(yōu)勢。現(xiàn)在的他們使用著最新的軟件，交流著最新的思想，引導(dǎo)著最前言的時尚，他們是伴隨網(wǎng)絡(luò)成長的一代，壟斷著網(wǎng)絡(luò)上的話語主動權(quán)，他們跟成年人相比，更多地利用網(wǎng)絡(luò)獲取知識，高校信息化建設(shè)使網(wǎng)絡(luò)課程和資源越來越豐富，校園網(wǎng)的發(fā)達(dá)為學(xué)生上網(wǎng)提供了極大方便，大學(xué)生對對網(wǎng)絡(luò)學(xué)習(xí)的敏感和接受能力十分強(qiáng)。

本論文主要是以網(wǎng)絡(luò)課程中網(wǎng)頁界面媒體布局如文字色彩對學(xué)習(xí)的影響以及界面的布局設(shè)計對信息獲取效果的分析，以期獲得界面媒體元素的布局模式與知識學(xué)習(xí)和信息獲取的相互關(guān)系。

二 概念界定

1 界面

我們探討網(wǎng)絡(luò)人機(jī)信息交換的一個策略就是要考察這樣一個“界面”。界面存乎于人類和機(jī)器之間，互相排斥而又互相依存，將兩個世界彼此分離又互相聯(lián)系。通過這個界面點擊鼠標(biāo)和鍵盤，新聞、廣告、影像、音樂通過界面將賽博空間和牛頓空間聯(lián)系起來，高品質(zhì)的界面有助于消除兩個世界的差異，同時改善兩個世界的關(guān)系。界面成為人和機(jī)器之間最直接的交流平臺。

2 界面元素

界面是用戶和機(jī)器交流信息的通道，它同時融合了多種媒體表現(xiàn)形式。通常我們所看到的界面媒體元素包括文字，動態(tài)文字，口頭陳述、圖表、圖像、聲音、照片、動畫、錄像、電視、電影等。每種界面元素都有自身的特點，我們可以根據(jù)其不同的特點在特定的環(huán)境中使用，使得信息用戶更容易接受。

3 信息獲取

信息獲取是信息用戶由于自身的信息需求而主動進(jìn)行的信息搜索、比較、研究和吸收的行為。這種行為受到本身信息結(jié)構(gòu)組成和信息素養(yǎng)的影響，同時也受到信息源不同表現(xiàn)方式的影響。信息獲取的一般過程包括信息的輸入、感知理解和加工存儲。

4 短時記憶

短時記憶是指一分鐘以內(nèi)的記憶。例如，你從朋友那里聽來一個電話號碼，馬上根據(jù)記憶來撥號，過后就記不住了。另外，聽課時邊聽邊記筆記，也是依靠短時記憶。短時記憶的容量很小。短時記憶的廣度一般來說是7個，可以是7個無意義的音節(jié)，7個毫無關(guān)聯(lián)的字、詞等等，單位可以不同。

三 理論依據(jù)和問題提出

1 理論依據(jù)

(1) 界面媒體的布局原則

關(guān)于界面媒體元素的布局目前沒有成型的理論做為支持，但是也有人提出了相關(guān)的設(shè)計和布局原則，通過整理，我們可以得出以下幾點作為我們設(shè)計時應(yīng)遵循的原則:(1)媒體的多樣性原則;(2)時間和空間的緊湊性原則;(3)簡練原則;(4)人性化原則;(5)個體差異原則。

(2) 威爾遜的信息需求模型

威爾遜的信息需求模型(圖1)最初是與埃利斯的信息查尋行為聯(lián)系在一起的。該模型充分揭示了導(dǎo)致個體信息查尋行為發(fā)生的身心及內(nèi)外環(huán)境影響的種種因素，即影響信息需求產(chǎn)生的種種因素。關(guān)于“信息需求”，威爾遜有這樣幾個觀點:(1)信息查尋行為的根由是“信息需求”。而需求作為個體的一種主觀體驗，僅僅發(fā)生在處于需求狀態(tài)中的人的內(nèi)心世界。一個旁觀者是無法直接領(lǐng)會的。(2)信息需求源于認(rèn)知上的不和諧，而減少不和諧的方式之一就是尋求信息以支持現(xiàn)有的知識、價值觀、信仰或為改變這些找到充足的理由。(3)信息需求并非是最原始的需求，而是第二層次的需求，它源于更為基本的需求。基本的需求可以定義為生理上的、認(rèn)知上的、情感上的需求。[1]

(3)色彩心理學(xué)

色彩心理學(xué)理論，色彩搭配在網(wǎng)頁設(shè)計中起著重要的意義，不同色彩有著不同的含義。色彩搭配方式能給人以不同的心理刺激，從而產(chǎn)生不同效果。色彩心理學(xué)就是通過視覺來實現(xiàn)的一種信息傳播，視覺信息是借色彩構(gòu)成所引起的視知覺形成的，色彩心理學(xué)在視覺傳達(dá)中的應(yīng)用旨在通過這方面研究成果的應(yīng)用，提高視知覺的目視性與判讀性，使這種信息傳播變得更加明晰有效。[2]

(4)短時記憶的位置理論

該理論認(rèn)為，順序通過每一項目與它在序列中的位置聯(lián)系起來進(jìn)行貯存，并把每一位置作為與之聯(lián)系的項目的線索進(jìn)行提取。序列中一個項目的位置能獨立于它周圍的項目進(jìn)行限定，只要恢復(fù)適當(dāng)?shù)奈恢镁€索，不需要提取臨近的項目就能對中間的項目進(jìn)行提取。位置理論使用的是位置——項目聯(lián)系，而非聯(lián)結(jié)理論中的項目——項目聯(lián)系及順序理論中假設(shè)的中心點間的聯(lián)系。位置理論提出，事物的不同排列順序會對短時記憶產(chǎn)生影響。[3]

2 問題提出

信息飛速變化的今天，如何在最短時間能掌握和接受準(zhǔn)確的信息成為了信息用戶最關(guān)注的事情。除了信息用戶本身的知識結(jié)構(gòu)組成的原因以外，界面媒體元素的布局也顯得非常重要。本次研究主要是通過對界面媒體元素進(jìn)行不同方式的布局來測試用戶信息獲取的效果，提出影響信息獲取的因素，促使信息提供者改進(jìn)原有的界面布局，從而提高信息獲取的效果。由于影響信息獲取的原因很多，我們可以提出以下幾點假設(shè):

(1)不同顏色的文字對信息獲取效果有直接影響

(2)在界面布局中有多媒體元素的界面信息獲取效果優(yōu)于無多媒體界面

(3)帶有聲音視頻元素的界面比有圖片元素界面的信息獲取效果要好

(4)界面媒體元素的布局有序無序會影響信息獲取的效果

四 研究設(shè)計

1 研究對象的分析

本研究的對象以在校的大學(xué)生為主。網(wǎng)絡(luò)介入教育領(lǐng)域，單一的校園式教育受到挑戰(zhàn)，在這種情況下，網(wǎng)絡(luò)學(xué)習(xí)行為已經(jīng)深入大學(xué)生的學(xué)習(xí)生活，大學(xué)生也已經(jīng)接受從網(wǎng)絡(luò)中獲取知識和信息這一途徑。

2 研究過程

本次研究根據(jù)現(xiàn)有的界面布局設(shè)計原則，按照界面布局要注意的幾點來進(jìn)行。通過閱讀現(xiàn)有的參考資料和文獻(xiàn)，我們在前面應(yīng)經(jīng)提出了在界面布局時我們遵循的幾個原則:(1)媒體的多樣性原則;(2)時間和空間的緊湊性原則;(3)簡練原則;(4)人性化原則;(5)個體差異原則。

根據(jù)現(xiàn)有的理論依據(jù)進(jìn)行設(shè)計[5]，測試界面可以通過表 1來進(jìn)行說明:

對于信息獲取的效果可以從多方面進(jìn)行測試和評價，限于現(xiàn)有的設(shè)備條件，我采取了通過短時記憶來測定信息獲取的效果。信息獲取效果我們認(rèn)定為是被試在瀏覽所提供界面時獲得的信息量和準(zhǔn)確度，通過緊隨其后的測試問卷獲得。

短時記憶在本實驗中的優(yōu)勢:(1)測試的結(jié)果可以在短時間內(nèi)得出。(2)對測試設(shè)備的要求不是很高。(3)進(jìn)行測試的時間不會太長，有利于實驗的順利進(jìn)行。

實驗流程:(1)測試界面的設(shè)計，在前面我們已經(jīng)提到過測試界面的類型和其依據(jù)的理論，所以這里就簡要帶過。(2)網(wǎng)絡(luò)問卷的設(shè)計，問卷是根據(jù)界面所包含的信息和知識所確定的用于測試被試知識的獲取情況。問卷設(shè)計時選擇了網(wǎng)絡(luò)問卷設(shè)計網(wǎng)站http://www.zhijizhibi.com/進(jìn)行在線設(shè)計和發(fā)布。(3)人員的選擇，在校大學(xué)生是本次研究的主體。(4)測試界面的發(fā)放，利用網(wǎng)絡(luò)直接將測試界面發(fā)送給參測人員。(5)數(shù)據(jù)的收集，提供網(wǎng)絡(luò)問卷的網(wǎng)站不僅可以將所有結(jié)果以圖形的方式統(tǒng)計出來，還能將數(shù)據(jù)以excel表格提供給我，這樣對我的后期數(shù)據(jù)分析處理提供了很大的便捷性。

實驗影響因素分析:(1)人為因素，人為因素的產(chǎn)生主要是由于參加測試人員的自身情感因素產(chǎn)生的，這種因素對實驗結(jié)果的影響是非常大的。(2)設(shè)備因素，本次研究主要通過網(wǎng)絡(luò)來進(jìn)行，所以當(dāng)網(wǎng)絡(luò)發(fā)生故障時，測試就要暫停。(3)材料因素，用于測試的材料好壞直接影響實驗是否能順利進(jìn)行。

針對上述可能會影響實驗結(jié)果的三項因素，我們可以采取以下三種控制措施:(1)積極、耐心地向用戶講解實驗的要求，實驗過程注意事項，穩(wěn)定實驗時的情緒。(2)在網(wǎng)絡(luò)環(huán)境比較好的時間段開始測驗。(3)在選取測試材料時我們要注意材料的可對比性以滿足我們的測試要求。

3 統(tǒng)計方法

由于網(wǎng)絡(luò)問卷的特殊性，所以參加問卷調(diào)查以后的數(shù)據(jù)結(jié)論可以直接生成條形圖、餅形圖或者線形圖。這可以作為直接說明性數(shù)據(jù)。考慮到可能還要進(jìn)行、差異程度的檢驗和因素分析，所以用本研究后期也會采用SPSS13.0 for Windows進(jìn)行數(shù)據(jù)錄入和統(tǒng)計，分析類型主要為百分比、卡方檢驗和量表分析。

五 數(shù)據(jù)分析

參加本次網(wǎng)絡(luò)問卷調(diào)查的人數(shù)總共為136人，回收121份，排除其他的人為因素，我覺得這次統(tǒng)計的數(shù)據(jù)還是比較科學(xué)的，本次調(diào)查進(jìn)展得比較順利，數(shù)據(jù)結(jié)果基本上能夠科學(xué)地反映界面媒體元素布局對信息獲取效果產(chǎn)生的影響.

1 文字色彩對信息獲取效果的影響

假設(shè)在白色背景下，黑色、紅色、藍(lán)色字體信息獲取的效果不同。實驗設(shè)計:本實驗以白色為背景，文字顏色分別選取黑色、紅色和藍(lán)色，先將測試界面發(fā)送給測試者，五分鐘以后發(fā)送網(wǎng)絡(luò)問卷的鏈接。

結(jié)果分析:數(shù)據(jù)進(jìn)一步分析，得出所測卡方值大于理論卡方值，P值=0.0905<0.1，得出不同顏色的字體在信息獲取效果上存在差異。通過表一對比我們發(fā)現(xiàn)，帶有色彩的文字信息在相同的背景下比沒有帶色彩的信息獲取效果要好。網(wǎng)絡(luò)界面的首要功能是信息的傳遞，文字是界面組成的一個重要元素。界面中的信息種類繁雜，所以如何突出文字信息的主要內(nèi)容是很重要的。一般情況下，我們可以通過調(diào)整文字的大小、粗細(xì)、字體來實現(xiàn)，而這次研究我們知道在相同的背景下，改變字體的顏色對信息獲取的效果也會產(chǎn)生影響。由于文字的色彩多樣性，在這次對比實驗中我用白色作為背景色，而字體的顏色我選擇黑色、紅色和藍(lán)色。

白色背景與黑色文字搭配時，信息獲取的效果比其他兩種顏色要好。通過閱讀顏色對眼睛疲勞的文章后我們發(fā)現(xiàn)，黑色字體與白色背景搭配時文字的反射率很高，容易被注視，信息更容易被用戶理解，最有助于短時間內(nèi)的信息獲取。白色背景與紅字搭配，由于紅色字體色度過于強(qiáng)烈，雖然引起用戶的注意，但是時間不夠長，信息獲取的效果也不如黑色字體。由于白色背景和藍(lán)色自己的色彩反差不大，所以信息獲取的效果在三者之間是最小的。[4]

2 圖片對信息獲取效果的影響

假設(shè)帶有圖片元素的界面布局信息獲取效果要比沒有圖片元素的界面好。實驗設(shè)計:本實驗以白色背景黑色字體的界面布局作為對照組，在原有的界面布局上嵌入圖片元素作為實驗組，先將測試界面發(fā)送給測試者，五分鐘以后發(fā)送網(wǎng)絡(luò)問卷的鏈接。

結(jié)果分析:從圖5、圖6和表3，的對照實驗中我們可以看出，有圖片布局的界面信息效果要優(yōu)于沒有圖片的界面。但是通過分析我們發(fā)現(xiàn)兩者的差異性不是非常大，造成這種結(jié)果的原因可能由在設(shè)計時圖片元素不是非常多，界面包括的內(nèi)容也不多引起的。通過現(xiàn)有的研究我們知道，在界面布局中插入圖片元素的時候測試者的注意會被圖片吸引，他們先會關(guān)注圖片然后進(jìn)行文章閱讀，從而強(qiáng)化了測試者短時間的記憶，提高信息獲取的效果。在平時設(shè)計界面布局時候我們可以適當(dāng)?shù)卦黾优c文字內(nèi)容相關(guān)聯(lián)的圖片，提高信息獲取的效果。當(dāng)時，在研究的過程當(dāng)中我們也發(fā)現(xiàn)，并不是圖片越多越好，當(dāng)圖片越多，信息用戶的注意點比較容易分散，往往會導(dǎo)致信息獲取效果的下降，所以在界面元素布局中，我們提倡圖片元素要適度，達(dá)到圖文并茂的效果就行。

3 視頻媒體元素對信息獲取效果的影響

假設(shè)帶有聲音視頻元素的界面要有圖片元素界面的信息獲取效果要好。實驗設(shè)計:本實驗以帶有圖片元素的界面布局作為對照組，實驗組則用視頻媒體元素代替原來的圖片元素。先將測試界面發(fā)送給測試者，五分鐘以后發(fā)送網(wǎng)絡(luò)問卷的鏈接。

結(jié)果分析:由于信息來源的技術(shù)特點不同，信息獲取的方法也多種多樣，其中有一種是通過自己的眼、耳、鼻、舌等感覺器官直接獲取的外界信息，一種是通過語言、文字、符號等傳遞消息而獲得的間接信息。而視頻元素恰恰結(jié)合了以上兩種不同的信息獲取方式，帶有聲音的視頻元素出現(xiàn)在界面布局里面首先是對信息用戶從視覺和聽覺進(jìn)行相應(yīng)的刺激，信息用戶通過觀看視頻和聲音同時結(jié)合相應(yīng)的文字內(nèi)容不斷強(qiáng)化自己的信息刺激，從而提高信息獲取的效果。

在一般情況下，包含視頻元素的界面更容易讓人接受，首先這是跟信息獲取的一般過程有關(guān)。[6]在信息獲取過程中，信息用戶都是帶有目的性地查找和選擇信息，但是用戶本身也具有懶惰型，所以他們在信息獲取的過程中一般會選擇信息流量比較大的媒體以滿足短時間的信息獲取。

4 界面布局有序無序?qū)π畔@取效果的影響

假設(shè)界面媒體元素的布局有序無序會影響信息獲取的效果。實驗設(shè)計:以帶有視頻元素的界面作為對照組，將對照組的界面布局打亂作為比較組。先將測試界面發(fā)送給測試者，五分鐘以后發(fā)送網(wǎng)絡(luò)問卷的鏈接。

結(jié)果分析:數(shù)據(jù)進(jìn)一步分析，得出所測卡方值大于理論卡方值，P值=0.0932<0.1，得出不同速度顏色的字體在信息獲取效果上存在差異。通過表一對比我們發(fā)現(xiàn)，帶有色彩的文字信息在相同的背景下比沒有帶色彩的信息獲取效果要好。通過現(xiàn)有的數(shù)據(jù)分析我們知道界面媒體的有序布局和界面媒體的無序布局在信息獲取效果上存在顯著性差異，引起這方面的差異原因可能是由于用戶在信息獲取過程中的順序性，在用戶信息獲取的過程中界面媒體布局與內(nèi)容的對應(yīng)性會對信息獲取產(chǎn)生很大的影響。

在界面媒體布局的時候，我們應(yīng)該遵循界面布局的有序性原則。通過測試我們發(fā)現(xiàn)，界面元素布局的有序無序直接會影響信息獲取的效果，而有序的界面元素布局信息獲取效果要比無序界面布局的信息效果要好。這就要求我們在界面布局時，媒體要有序，條理要清楚。相同媒體和內(nèi)容出現(xiàn)在界面時候，我們應(yīng)該按照界面布局的原則，將其整合在界面上，而不是無序地隨意放置，這樣會讓信息獲取者在信息獲取的過程中產(chǎn)生疑惑，這樣會降低信息獲取的效果。

5 結(jié)果討論

通過本次研究，在網(wǎng)絡(luò)課程的網(wǎng)頁設(shè)計中我們發(fā)現(xiàn)界面媒體元素的布局對信息獲取效果有影響。界面媒體元素多種多樣，但是一般情況下，作為界面主流元素，我們可以大致分為:文字(動態(tài)和靜態(tài))、圖片(動態(tài)和靜態(tài))、聲音、視頻、色彩等等。由于界面元素包含的范圍很廣，在現(xiàn)有的研究條件下，我選擇了靜態(tài)文字的顏色、靜態(tài)圖片、視頻和界面布局的整體性對信息獲取效果進(jìn)行了研究，同時得出了一下幾點結(jié)論:

(1) 在白色的背景下，黑色字體信息獲取效果比其他顏色的字體信息獲取效果要好

(2)有圖片元素的界面布局比無圖片的界面布局信息獲取效果要好

(3)視頻媒體元素有助于提高信息獲取的效果

(4)有序的界面元素布局有助于信息獲取的效果

參考文獻(xiàn)

[1] 周軍，Internet中多媒體信息過濾技術(shù)的研究[D]:電子科技大學(xué)，2002.

[2] 索昕煜，網(wǎng)絡(luò)界面色彩設(shè)計研究 [D]:昆明理工大學(xué)，2005.

[3] 呂厚超，黃希庭，系列順序短時記憶的理論模型評述[J]:西南師范大學(xué)，2000.

[4] 張小曼，網(wǎng)頁文字色彩搭配的眼動研究[D]:浙江師范大學(xué)，2006.

[5] Maja Pivec， Christian Trummer and Juergen Pripfl，Eye-Tracking Adaptable e-Learning and Content Authoring Support[J]: Informatica， 2006 (2):83–86.

[6] Hua Wang，Mark Chignell1 ， Mitsuru Ishizuka，Improving the Usability and Effectiveness of Online Learning: How Can Avatars help[J]: University of Toronto，2005.

In Online Course Design ，Interface Elements in the Layout of the Media and the Effect of the Relationship Between Access to Information Research

YE Xin-dongZHANG Dao-zheng

(Educational Technology Department Wenzhou University， Wenzhou， Zhejiang，325035，China)

Abstract: The rapid development of the network today， the source of access to information began to change， the network has become an important source of information， it is the face of the interface information from traditional media presentation of a single word into the media by the text， multimedia， streaming media， the composition of the form of animation to show， the layout of the form of interface diversity and richness of a significant change in the mode of access to information. In this study， in order to interface layout for the study， analysis of the effect of the impact of the factors to obtain information with a view to understanding the layout of the interface of university students access to information in the network effect， I hope the interface for the design of the transmission of information to provide useful suggestions.

Keywords: College Students; Access to Information; Interface layout 編輯:沐西