☆ 張克素

（三明學(xué)院現(xiàn)代教育技術(shù)中心，福建三明 365004）

網(wǎng)絡(luò)課程作為一種視覺化、信息化的課程表現(xiàn)形式，其界面設(shè)計(jì)是決定網(wǎng)絡(luò)教學(xué)質(zhì)量的關(guān)鍵因素之一。在網(wǎng)絡(luò)課程界面形態(tài)和功能差異逐漸縮小的今天，怎樣尋求一種更加情感化的界面設(shè)計(jì)，讓網(wǎng)絡(luò)課程這一物質(zhì)的形態(tài)具有思想性和人的情感，已成為網(wǎng)絡(luò)課程設(shè)計(jì)者亟待解決的問題。因此，本研究旨在探討情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)問題。

一、情感化設(shè)計(jì)理論內(nèi)涵

情感化設(shè)計(jì)將設(shè)計(jì)分為三個(gè)層面：本能層、行為層、反思層。本能層就是能給人帶來感官刺激的活色生香；行為層是指用戶必須學(xué)習(xí)掌握技能,使用技能去解決問題,并從這個(gè)動(dòng)態(tài)過程中獲得成就感和滿足感；反思層是指由于前兩個(gè)層次的作用,而在用戶內(nèi)心中產(chǎn)生的更深度的情感、意識(shí)、理解、個(gè)人經(jīng)歷、文化背景等種種交織在一起所造成的影響，如圖1所示。

圖1 情感化設(shè)計(jì)理論的三個(gè)層次

在情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)中，本能水平設(shè)計(jì)關(guān)注網(wǎng)絡(luò)課程界面本身的外化特性帶給學(xué)習(xí)者感官上的生理快樂；行為水平設(shè)計(jì)關(guān)注學(xué)習(xí)者操作時(shí)的質(zhì)量和效果，學(xué)習(xí)者通過操作在認(rèn)知交互活動(dòng)中產(chǎn)生積極的精神和快樂情緒；反思水平關(guān)注先前的交互經(jīng)驗(yàn)對(duì)學(xué)習(xí)者心理所產(chǎn)生的整體而深遠(yuǎn)的影響，體現(xiàn)為學(xué)習(xí)者對(duì)網(wǎng)絡(luò)課程的整體判斷和尊重欣賞的深度、思想快樂體驗(yàn)。

二、情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)模型

情感化設(shè)計(jì)是一個(gè)整體的概念，產(chǎn)品在本能水平上給用戶帶來感官的刺激，給予用戶以美的享受；在行為水平上，能使用戶掌握技能，并在技能實(shí)踐過程中獲得成就感和愉快感；最后在反思水平，能在前兩個(gè)層次的共同作用下，使用戶心理上產(chǎn)生更為深刻的審美和情趣。根據(jù)這一定義，結(jié)合傳統(tǒng)網(wǎng)絡(luò)課程界面設(shè)計(jì)模型，筆者認(rèn)為情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)應(yīng)包括三個(gè)階段：設(shè)計(jì)準(zhǔn)備階段、設(shè)計(jì)制作階段、設(shè)計(jì)成品階段（如圖2所示）。

圖2 情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)模型

1．設(shè)計(jì)準(zhǔn)備階段

情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)準(zhǔn)備階段包括對(duì)網(wǎng)絡(luò)課程學(xué)習(xí)者進(jìn)行學(xué)習(xí)者特征分析、需求分析，并準(zhǔn)備素材。

2．設(shè)計(jì)制作階段

情感化網(wǎng)絡(luò)課程界面主要是通過網(wǎng)絡(luò)課程界面設(shè)計(jì)要素的情感化特征體現(xiàn)出來的，所以,情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)制作階段包括對(duì)設(shè)計(jì)要素的情感特征進(jìn)行提取和在此基礎(chǔ)之上對(duì)網(wǎng)絡(luò)課程界面從本能、行為、反思三個(gè)水平層次進(jìn)行設(shè)計(jì)，最后促使使用者的腦海中形成情感空間與網(wǎng)絡(luò)課程界面之間的相互映射，最終形成情感化網(wǎng)絡(luò)課程界面。

首先，由于網(wǎng)絡(luò)接入環(huán)境及互聯(lián)網(wǎng)技術(shù)應(yīng)用的限制，網(wǎng)絡(luò)課程界面構(gòu)成元素目前主要是文字、圖形圖像、色彩、圖標(biāo)、按鈕、導(dǎo)航等。情感化網(wǎng)絡(luò)課程界面也是由這些元素呈現(xiàn)出來的。因此，在情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)制作階段首先應(yīng)該是對(duì)這些界面構(gòu)成要素進(jìn)行情感特征的分析與提取，分析提取出適于學(xué)習(xí)者在網(wǎng)絡(luò)課程學(xué)習(xí)過程中所需情感特征的界面要素。

其次，在界面要素的情感特征的分析提取的基礎(chǔ)之上，結(jié)合情感化設(shè)計(jì)理論，把情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)分為三個(gè)層次：本能水平層次、行為水平層次、反思水平層次。本能水平層次相當(dāng)于網(wǎng)絡(luò)課程界面設(shè)計(jì)中的視覺設(shè)計(jì)，在針對(duì)網(wǎng)絡(luò)課程界面設(shè)計(jì)要素的情感特征的提取和學(xué)習(xí)者分析的基礎(chǔ)之上設(shè)計(jì)出美觀的界面，使學(xué)習(xí)者在網(wǎng)絡(luò)學(xué)習(xí)的過程中體驗(yàn)到美的享受；行為水平層次相當(dāng)于網(wǎng)絡(luò)課程界面設(shè)計(jì)中的交互設(shè)計(jì)，由于網(wǎng)絡(luò)課程界面最終的使用者是“人”，所以，一切都要以適于“人”的使用為前提，在這一層次中主要關(guān)注網(wǎng)絡(luò)課程界面的人性化交互；最后是反思水平層次，這一水平在傳統(tǒng)網(wǎng)絡(luò)課程界面設(shè)計(jì)中是不存在的，而情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)最為重要的就是能在使用者使用了網(wǎng)絡(luò)課程后能對(duì)界面有一個(gè)反思的心理過程，通過反思層次的設(shè)計(jì)使使用者對(duì)網(wǎng)絡(luò)課程界面產(chǎn)生情感的依賴，從而更進(jìn)一步推動(dòng)本能、行為水平的使用。所以，網(wǎng)絡(luò)課程界面情感化設(shè)計(jì)的每一水平層次設(shè)計(jì)都在用戶的學(xué)習(xí)過程中發(fā)揮不同的作用，每一個(gè)水平都需要一個(gè)不同的設(shè)計(jì)風(fēng)格，并且這三個(gè)層次的設(shè)計(jì)不是相互獨(dú)立的，而是相互關(guān)聯(lián)的。好的本能、行為水平的設(shè)計(jì)可以促進(jìn)反思水平的設(shè)計(jì)，同時(shí)，良好的反思水平設(shè)計(jì)也能推動(dòng)促進(jìn)本能、行為水平的設(shè)計(jì)。

最后，在情感特征提取和情感化設(shè)計(jì)基礎(chǔ)之上建立網(wǎng)絡(luò)課程界面的情感空間，并使用戶在兩者之間進(jìn)行相互映射，從而形成情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)初稿。

3．設(shè)計(jì)成品階段

這一階段與傳統(tǒng)網(wǎng)絡(luò)課程界面設(shè)計(jì)相同，都是在學(xué)習(xí)者的體驗(yàn)和專家審核的基礎(chǔ)之上采用修改迭代的方法對(duì)網(wǎng)絡(luò)課程界面進(jìn)行進(jìn)一步的修改和完善，最后形成情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)的成品。

三、分析與比較

傳統(tǒng)的網(wǎng)絡(luò)課程界面設(shè)計(jì)模型在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個(gè)部分。結(jié)構(gòu)設(shè)計(jì)是界面設(shè)計(jì)的骨架；交互設(shè)計(jì)的目的是使界面易于用戶操作；視覺設(shè)計(jì)是在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型進(jìn)行的視覺設(shè)計(jì)。網(wǎng)絡(luò)課程界面設(shè)計(jì)模型與情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)模型之間的相同點(diǎn)在整體設(shè)計(jì)上都包括三個(gè)階段：設(shè)計(jì)準(zhǔn)備階段、設(shè)計(jì)制作階段和成品階段。不同點(diǎn)在于以下幾點(diǎn)：

首先，在情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)制作階段需要在第一階段的基礎(chǔ)之上對(duì)準(zhǔn)備的素材進(jìn)行情感化特征分析，提取適合學(xué)習(xí)者自身特點(diǎn)的情感要素。

其次，在情感化網(wǎng)絡(luò)課程界面的設(shè)計(jì)制作階段，將網(wǎng)絡(luò)課程界面設(shè)計(jì)與情感化設(shè)計(jì)相結(jié)合，分別在本能水平、行為水平、反思水平上將提取出來的情感要素進(jìn)行情感化設(shè)計(jì)，從而在學(xué)習(xí)者的思想空間中形成情感空間，使學(xué)習(xí)內(nèi)容與情感空間相映射，以滿足學(xué)習(xí)者在學(xué)習(xí)過程中所需要的高層次情感的需求。

四、結(jié)束語

本文在情感化設(shè)計(jì)理論基礎(chǔ)上提出了情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)的理論模型，總結(jié)出情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)應(yīng)包括三個(gè)階段：設(shè)計(jì)準(zhǔn)備階段、設(shè)計(jì)制作階段、設(shè)計(jì)成品階段。提出了在設(shè)計(jì)制作階段將情感化設(shè)計(jì)與界面設(shè)計(jì)相融合，形成網(wǎng)絡(luò)課程情感化設(shè)計(jì)的方法，為情感化網(wǎng)絡(luò)課程界面設(shè)計(jì)提供了基礎(chǔ)，拓寬了網(wǎng)絡(luò)課程界面設(shè)計(jì)的思想和思路。

[1]鐘啟泉．現(xiàn)代課程論[M]．上海:上海教育出版社,1998．

[2]魯?shù)婪颍⒍骱Ｄ罚囆g(shù)與視知覺[M]．北京:中國社會(huì)科學(xué)出版社,1984．

[3] 徐柯,苗彤,趙暉．視覺與設(shè)計(jì)[M]．北京:人民郵電出版社,2001．

[4][美]唐納德．A．諾曼．情感化設(shè)計(jì)[M]．北京:電子工業(yè)出版社,2005．

[5]楊嵐．人類情感論[M]．天津:百苑文藝出版社,2002．

[6]趙毅,孫壯橋．網(wǎng)絡(luò)教學(xué)課程界面設(shè)計(jì)初探[J]．保定學(xué)院學(xué)報(bào),2009,(9):110－112．

[7]李靖舒．第一眼被打動(dòng)——我們需要情感化設(shè)計(jì)[J]．藝術(shù)與設(shè)計(jì),2009,(9):186－188．

[8]陳黎陵．反思層面的情感化設(shè)計(jì)[J]．藝術(shù)與設(shè)計(jì),2008,(8):155－157．