咸妍

摘要：本研究的目標(biāo)是探究哪些視覺要素對使用者學(xué)習(xí)成效產(chǎn)生影響。研究在用戶體驗設(shè)計的視角下，通過運用文獻調(diào)查、訪談和問卷調(diào)查的方法，對E-learnlng的視覺要素的類型和功能做了研究。本研究認(rèn)為E-learning中文本和非文本都屬于視覺資料的范疇。從使用者的體驗視角研究發(fā)現(xiàn)，社交性要素是使用者潛在的需求，社交性是數(shù)字化學(xué)習(xí)的特性之一。因此，在現(xiàn)有Levin視覺五要素的基礎(chǔ)上，形成具有“組織性”、“描述性”、“解釋性”、“變形性”、“裝飾性”和“社交性”的E-learning視覺要素六角模型，并區(qū)分了各要素與學(xué)習(xí)內(nèi)容和學(xué)習(xí)持久度的相關(guān)程度。該模型能夠為E-learning開發(fā)者提供視覺設(shè)計層面的理論依據(jù)，為使用者提供合理、系統(tǒng)的視覺信息資料，從而提升使用者滿意度和促進E-learning的學(xué)習(xí)成效和使用者持久度。關(guān)鍵詞：E-learning 視覺設(shè)計要素 社交性 六角模型 用戶體驗

中圖分類號：J52文獻標(biāo)識碼：A

文章編號：1003-0069（2019）11-0094-04

引言

十九大對中國未來的改革開放做出了全面的部署，全國教育大會對未來教育提出了新要求。E-learning作為數(shù)字化時代的產(chǎn)物，正逐步普及到各種類型的教學(xué)中。基于數(shù)字科技的快速發(fā)展，E-learning的應(yīng)用場景也越來越廣泛。視覺座位人類的第一感官，適合的視覺要素對E-learning的學(xué)習(xí)效果和學(xué)習(xí)持久度有緊密的關(guān)聯(lián)。

一、E-learning的定義

20世紀(jì)90年代中期，隨著基于網(wǎng)絡(luò)信息通信技術(shù)的發(fā)展，電子學(xué)習(xí)的出現(xiàn)加強了整個社會追求效率的趨勢。數(shù)字化學(xué)習(xí)降低了跨地域的學(xué)習(xí)成本，增加了分散在各地的使用者學(xué)習(xí)的新途徑。最初，管理層強調(diào)了數(shù)字化學(xué)習(xí)的重要性，自這一術(shù)語最早被用于企業(yè)教育（Bates.a.t.，2005）。目前E-learning在學(xué)校教育領(lǐng)域中逐步普遍。除了電子學(xué)習(xí)之外，還有各種術(shù)語涉及E-learning教育，如遠程學(xué)習(xí)，數(shù)字化學(xué)習(xí)、網(wǎng)絡(luò)教育，在線學(xué)習(xí)和基于網(wǎng)絡(luò)的培訓(xùn)等多種詞匯。自2000年起，基于數(shù)字技術(shù)的成熟，大量的學(xué)者開始關(guān)注E-learning。從國際發(fā)展脈絡(luò)來看不同時期E-learning的定義，如表1所示。

從上述發(fā)展脈絡(luò)可以看出，Urdan&Weggen最早提出E-learning的學(xué)者之一，他們將E-learning定義為使用互聯(lián)網(wǎng)、衛(wèi)星廣播，音頻，錄像帶，CDROM等電子媒體傳達學(xué)習(xí)內(nèi)容的方法。Garrison.d.R（2011）提出了社交媒體和移動學(xué)習(xí)的新技術(shù)討論。AISamarraie等關(guān)注用戶學(xué)習(xí)的滿意度。隨著數(shù)字通訊技術(shù)的發(fā)展。E-learning的發(fā)展從最初對技術(shù)硬件軟件技術(shù)的研究轉(zhuǎn)向重視使用者所處的環(huán)境、滿意度、情感需求等以人為中心的研究。這正符合體驗時代HCD（HumanCentered Design）以人為中心的設(shè)計發(fā)展趨勢。

二、E-learning數(shù)字學(xué)習(xí)資料中的視覺資料

從使用者的角度出發(fā)，E-learning與傳統(tǒng)教學(xué)比較最大的變化是使用者學(xué)習(xí)認(rèn)知的過程從聽覺為主轉(zhuǎn)化為以視覺為主。信息技術(shù)的革新改變了知識傳播和學(xué)習(xí)認(rèn)知的方式：聽覺主導(dǎo)-轉(zhuǎn)化為視覺主導(dǎo)。在數(shù)字化設(shè)備普遍應(yīng)用于教學(xué)之前，教師是課程的主導(dǎo)人，學(xué)生聽老師講課來進行學(xué)習(xí)。教師在黑板上的板書和印刷材料是教學(xué)過程中主要的視覺要素。隨著電視顯示器和投影機的普遍應(yīng)用，數(shù)字化課件逐步替代了教師的板書，甚至是教材。學(xué)生在數(shù)字化設(shè)備前，主要依靠視覺要素來引導(dǎo)教學(xué)活動的實施。因此，視覺要素在E-learning中重起到了主導(dǎo)地位，數(shù)字資料是學(xué)生獲得教學(xué)信息的主要資料形式。

（一）E-learning中視覺要素的重要陸。E-learning學(xué)習(xí)過程中，主要調(diào)動人類五感中的三感，即視覺、聽覺和觸覺。視覺作為主要感官，引導(dǎo)使用者進行行為操作。聽覺主要呈現(xiàn)在口述文本和音樂、音效部分。觸覺關(guān)系到使用者使用電子設(shè)備的接觸方式。其中視覺資料是數(shù)字學(xué)習(xí)資料中最重要的部分。好的視覺效果對學(xué)習(xí)提供潛在的好處。一些研究者對視覺要素研究表明，視覺記憶和回憶比普通文字記憶要好（Levin.1981;Clark&Lyons.2004）。適合的視覺效果可以引起讀者的興趣、好奇心和動機（Mayer.2001）。由于在E-learning學(xué)習(xí)時，視覺是體驗者最重要的感官，因此，視覺設(shè)計要素的構(gòu)架在E-learning設(shè)計中具有重要的地位，將直接影響體驗者的學(xué)習(xí)效果和體驗感受。

（二）Levin提出的5個E-learning視覺設(shè)計要素。作為將視覺資料功能分類的方法，應(yīng)用最多的是Levin.Anglin&Carney（1987）分類的五個范疇。包括裝飾、特征描寫、組織、解釋和變形，如圖1。

裝飾性視覺資料是用來使課程更具吸引力和激發(fā)內(nèi)在動力的，與課程內(nèi)容無直接關(guān)聯(lián)。

特征描寫性視覺資料能用于更具體地制作信息，幫助快速和容易傳遞信息。

組織化視覺資料能幫助使用者了解信息的結(jié)構(gòu)，系列和層次，并統(tǒng)一其信息。為使用者提供整體的學(xué)習(xí)視野，幫助使用者看到各個要素間關(guān)系的圖表等可以稱為組織化的視覺資料。

解釋性視覺資料能幫助使用者理解困難和模糊的內(nèi)容。一般而言，解釋性視覺資料有助于更好地了解文本的信息。

變形的視覺資料能更好地記住信息。在此可以理解為用于強化信息的視覺資料。

在目前被使用的E-learning場景中，大多數(shù)具有以上5點。

（三）ETearning的視覺資料的形式。E-learning的視覺資料是非語言性溝通的一種類型（Lohr.2008）。Mayer（2009）對多媒體語言和非語言要素進行了分類，如表2所示。語言分為口述文本和印刷文本兩種形式，具體表現(xiàn)形式為在數(shù)字學(xué)習(xí)資料中顯示的錄像、文字等形式。

E-learning學(xué)習(xí)資料中的非語言歸納成固定圖像和動態(tài)圖像兩種分類。具體內(nèi)容包含繪畫、照片、插圖、地圖、圖表、排行榜、動畫等形式。

一些學(xué)者試圖將視覺資料按形態(tài)分類，Braden（1996）將視覺資料以符號學(xué)及電影/錄像會議，符號，符號及圖標(biāo)，圖像，多彩圖像分類。這些圖形，照片，插圖等內(nèi)容都是非文本非語言的要素。

在這些分類中，Lohr（2008）為了形成信息，添加了以特定方式提示單詞或文字時使用的字體，將其視為視覺資料。Braden（1996）認(rèn)為文本也包括在視覺資料中，因為在設(shè)計文本時，需要考慮文本的字體、大小、色彩和位置。因此，本研究認(rèn)為E-learning中文本和非文本都屬于視覺資料。

（四）數(shù)字視覺學(xué)習(xí)資料的優(yōu)點與不足。數(shù)字視覺材料是一種用于從傳統(tǒng)教科書到現(xiàn)代計算機學(xué)習(xí)環(huán)境的學(xué)習(xí)材料（Rau.2017;Renkl&Scheiter.2017）。視覺材料可以沿若干維度變化，例如真實性、動態(tài)和維度的變化（Mayer.2016）。大量的實證研究表明，與單獨使用文本學(xué)習(xí)相比，文本和圖形的結(jié)合激發(fā)了更深層次的處理，因為它要求使用者將信息整合到不同的環(huán)境中（例如，Alnsworth&Loizou.2003;Cromley.Snyder-Hogan&Luciw Dubas.2010;Mason.2015）。

數(shù)字視覺資料中的圖像資料通常不是獨立的，而是與諸如文本的附帶信息源相結(jié)合。來自視覺表示的信息需要與文本的信息集成，以形成內(nèi)容的全面，連貫的心理模型（Mayer.2013）。因此，在學(xué)習(xí)中使用視覺顯示的關(guān)鍵問題是如何將視覺信息與其他類型的外部表示相結(jié)合。

盡管數(shù)字視覺資料能顯示出E-learning的學(xué)習(xí)效果，但實際上在進行E-learning吋，使用者在視覺閱讀方面存在一定的不足。E-learning的出現(xiàn)，在學(xué)習(xí)方式上提供了諸多積極的結(jié)果。屏幕上顯示的視覺要素的改進將創(chuàng)造動態(tài)和快樂的環(huán)境并增加用戶的滿意度。經(jīng)過調(diào)查表明，并非所有的視覺資料都能起到積極正面的效果。視覺表達作為數(shù)字學(xué)習(xí)資料首要的表現(xiàn)方式，如果運用不當(dāng)可能產(chǎn)生負面的效果。盡管E-learning提供了視覺資料的多樣性，從文本、靜態(tài)圖片到動態(tài)視頻等，擴大了知識獲取的范圍，但是使用者在閱讀和學(xué)習(xí)數(shù)字學(xué)習(xí)材料方面也遇到的困難（Gibbons.Peters&Bryan.2003）。

因此，E-learning中的視覺要素使用是否合理直接影響了E-learning的使用者的學(xué)習(xí)體驗和學(xué)習(xí)效果，也影響了學(xué)習(xí)者是否能堅持使用E-learning。

三、用戶體驗視角下的E-learning使用者調(diào)查

約瑟夫在“哈佛商業(yè)評論”中指出，體驗經(jīng)濟的時代已經(jīng)到來。從那以后，“體驗經(jīng)濟”這個詞受到了人們的極大關(guān)注。在設(shè)計界美國認(rèn)知心理學(xué)家的唐納德，諾曼在20世紀(jì)90年代的第一次用戶體驗的概念。

使用者研究通常用于識別使用者的興趣點，幫助設(shè)計師設(shè)定產(chǎn)品設(shè)計的方向。它能發(fā)現(xiàn)產(chǎn)品問題并優(yōu)化產(chǎn)品體驗（Xian Yan.Ju-youngChang.2018）。使用者作為E-learning的直接服務(wù)對象，其使用體驗是E-learning教學(xué)效果評價項目之一。對使用者的研究，可以洞察使用者的潛在需求，結(jié)合E-learning的教學(xué)目的和教學(xué)技術(shù)，進行多元融合的E-learning開發(fā)。

本研究以訪談法和問卷調(diào)查法對使用者進行調(diào)查。從E-learning使用者自身體驗的角度出發(fā)，尋找他們在使用E-learning時的潛在需求。并了解這些需求產(chǎn)生什么樣的作用。

通過對10名E-learning的使用者訪談發(fā)現(xiàn)，E-learning學(xué)習(xí)過程中，相對學(xué)習(xí)內(nèi)容，使用者更注重學(xué)習(xí)過程中是否能堅持學(xué)習(xí)。比如一些網(wǎng)站或APP平臺學(xué)習(xí)后可以在SNS上發(fā)布打卡，以促進使用者每天持續(xù)學(xué)習(xí)。也有通過和一起學(xué)習(xí)的朋友進行Pk.以游戲的形式保持學(xué)習(xí)的熱情。有趣的是，盡管社交性的內(nèi)容與學(xué)習(xí)內(nèi)容沒有直接關(guān)系，但是受訪者們普遍對社交性的要素很感興趣，認(rèn)為社交性要素是保持持續(xù)學(xué)習(xí)的重要動力。在訪談過程中，使用者們提出的社會性的視覺要素的展示形式主要包含以下內(nèi)容：顯示學(xué)習(xí)等級、顯示學(xué)習(xí)身份、顯示學(xué)習(xí)時間、顯示相互評論、顯示虛擬班級團體情況、顯示教師評價、顯示個性化等。

為了有量化的證據(jù)，本研究通過網(wǎng)絡(luò)發(fā)放調(diào)查問卷對336人進行調(diào)查。其中有效問卷323件，受訪男性121名，女性212名。從年齡分布來看，18-21歲大學(xué)本科階段113人占33.93%，22-35歲158人，占47.45%。學(xué)歷以大學(xué)本科最高，占55.56%，其次為碩士研究生和博士研究生，分別為18.92%和12.01%。

在323人中，273人使用過E-learning學(xué)習(xí)。其中，滬江網(wǎng)校、新東方在線和中國大學(xué)MOOC名列前三，如圖2。

研究表明69.37%的使用者認(rèn)為，對印刷資料學(xué)習(xí)時更仔細而數(shù)字資料閱讀時更快。在E-learning學(xué)習(xí)時，受訪者認(rèn)為首要的視覺資料形式有：文字、圖片和視頻。其中視頻要素占84.83%是其他類型視覺資料中最高值，如圖3。

81.98%的受訪者認(rèn)為動態(tài)視覺要素更吸引人。73.27%的使用者認(rèn)為動態(tài)視覺資料使人注意力集中。這說明了E-learning視覺學(xué)習(xí)資料中，動態(tài)圖像受到使用者的關(guān)注。因此與文本有關(guān)的動態(tài)圖像將更好地對教學(xué)內(nèi)容進行描述和解釋，如圖4。

使用者在觀看視頻吋，68.17%的受訪者傾向于視頻內(nèi)容以學(xué)習(xí)內(nèi)容為主（文字、圖像、動畫等組成的教學(xué)視頻），31.88%的受訪者傾向視頻內(nèi)容是以教師為主體，可以觀看教師口述的現(xiàn)場教學(xué)視頻。由此可以看出，在E-learning的交過過程中，與傳統(tǒng)教學(xué)相比較，教師的重要性正逐漸被淡化，如圖5。

在E-learning的視覺要素中，80，5%的受訪者認(rèn)為對學(xué)習(xí)內(nèi)容的結(jié)構(gòu)和層次說明的視覺要素最為重要。其次，是對學(xué)習(xí)內(nèi)容的解釋占70，28%和特征描占69.66%居于第二和第三，如圖6。

在訪談過程中，一些使用者提出有關(guān)于在E-learning過程中，體現(xiàn)社交性的問題。通過訪談，社會性的視覺要素包含以下內(nèi)容：顯示學(xué)習(xí)等級、顯示學(xué)習(xí)身份、顯示學(xué)習(xí)時間、顯示相互評論、顯示虛擬班級團體情況、顯示教師評價、顯示個性化等。79%的受訪者希望看到社交性的視覺要素。其中，受訪者中顯示學(xué)習(xí)希望看到的社交性視覺要素是：37.46%的受訪者希望向公眾展現(xiàn)個人的學(xué)習(xí)時間;36.84%的受訪者希望顯示自己學(xué)習(xí)等級;33.13%的受訪者希望展示教師對本人學(xué)習(xí)的評價信息，如圖7。

從上述調(diào)查結(jié)果來看，現(xiàn)今E-learning使用者有潛在的對社交性視覺要素的需求。

E-learning隨著互聯(lián)網(wǎng)通信技術(shù)的發(fā)展，逐步體現(xiàn)出新的特質(zhì)。比如MOOC.令使用者從終端獨立學(xué)習(xí)發(fā)展到基于互聯(lián)網(wǎng)的虛擬班級共同學(xué)習(xí)，這里就產(chǎn)生一個社會性的因素，如表3。

本研究選擇在中國知名度高的三個E-learning平臺：滬江網(wǎng)校、新東方在線和中國大學(xué)MOOC.以及歐美最大的E-learning平臺COUR5ERA作為案例調(diào)查發(fā)現(xiàn)：這4個E-learning平臺均擁有上述大部分社交性要素。人具有社交天性（Matthew d.Lieberman.2016）虛擬班級學(xué)習(xí)排行榜、討論室標(biāo)簽、學(xué)習(xí)的等級標(biāo)識、評價等級標(biāo)識等都是E-learning的社交內(nèi)容的視覺體現(xiàn)。這些由社會性需求產(chǎn)生的視覺要素在各大E-learning學(xué)習(xí)平臺上出現(xiàn)。通過調(diào)查結(jié)果得出，E-learning學(xué)習(xí)過程中，社交性要素是必要的視覺要素。它在使用者進行E-learning學(xué)習(xí)過程中，除了產(chǎn)生人機交互，同時產(chǎn)生人人交互。通過社交的存在感，不僅是使用者選擇課程的因素，也是提高使用者學(xué)習(xí)的動力和學(xué)習(xí)滿意度的重要因素。因此，本研究認(rèn)為，從使用者視角出發(fā)，社交性視覺要素是E-learning必要的要素。

四、E-learning視覺設(shè)計要素六角模型

通過訪談和問卷調(diào)查結(jié)果表明，使用者對社交性的需求是E-learning必要的要素，因此本研究在原有Levin（1981）視覺要素的5個要素的基礎(chǔ)上，增加了社交性要素，形成新的符合時代需求和使用者潛在需求的E-learning視覺6大要素。為了更科學(xué)地設(shè)置視覺要素在E-learning中的比重，本研究針對視覺要素與學(xué)習(xí)內(nèi)容的相關(guān)程度做了桌面訪談，形成一個新的E-learning視覺6要素的設(shè)計框架。基于E-learning 6大視覺要素和學(xué)習(xí)內(nèi)容、學(xué)習(xí)持久性的關(guān)聯(lián)度，形成E-learning視覺設(shè)計要素六角模型，如圖8。

E-learning視覺設(shè)計六要素模型從與學(xué)習(xí)的關(guān)聯(lián)度分為三個維度。

（一）與學(xué)習(xí)內(nèi)容密切相關(guān)的要素：

1.解釋性視覺要素：為了學(xué)習(xí)者能夠理解知識信息傳達的內(nèi)容，利用視覺手段對知識信息進行解釋。

2.描寫性視覺要素：利用視覺表現(xiàn)方式對知識信息進行描述。

3.強化變形視覺要素：利用視覺得靜態(tài)表現(xiàn)方式或動態(tài)表現(xiàn)方式，為了強化某些必要的知識要點，使其進行變形，以達到吸引學(xué)習(xí)者注意的目的。

（二）與學(xué)習(xí)內(nèi)容和學(xué)習(xí)持續(xù)性相關(guān)的要素：

1.組織性視覺要素：幫助使用者了解整體的學(xué)習(xí)信息的構(gòu)架和層次，為使用者提供整體的學(xué)習(xí)視野，幫助使用者看到各個要素間關(guān)系的圖表等可以稱為組織化的視覺資料。

（三）與學(xué)習(xí)持久性相關(guān)的要素：

2.裝飾性視覺要素：從使用者的愛好、習(xí)慣和情感方面考慮，具有裝飾性的視覺內(nèi)容雖然不能對學(xué)習(xí)知識起到直接的關(guān)聯(lián)，但是它能使使用者心情愉悅，從而吸引使用者持續(xù)學(xué)習(xí)。

3.社交性視覺要素：基于互聯(lián)網(wǎng)的高速發(fā)展和人們?nèi)找嬖鲩L的精神文化需求，人們對自我的表達的需求也逐步增高，成為潛在的體驗需求之一。

綜上三個維度的6個要素是E-learning視覺設(shè)計的必要要素。

總結(jié)

E-learning視覺設(shè)計要素六角模型中的視覺要素分別是“組織性”、“描述性”、“解釋性”、“變形性”、“裝飾性”和“社交性”，它們是E-learning視覺資料的必要要素，它們從對學(xué)習(xí)內(nèi)容的整理構(gòu)架出發(fā)，重視教學(xué)的過程技術(shù)表現(xiàn)以及對使用者個陸和社會性需求的關(guān)注，覆蓋E-learning中的視覺表達的各個功能。這個E-learning視覺設(shè)計要素六角模型將在用戶體驗的視角下，為E-learning設(shè)計者在視覺設(shè)計過程中提供理科學(xué)的論依據(jù)，對提高使用者滿意度和學(xué)習(xí)成效具有指導(dǎo)的價值。

本研究后續(xù)將進行相關(guān)實證研究，來測試六角要素模型各要素的合理比重以及在實際應(yīng)用中的長處與不足。