情感化網絡課程界面設計模型建構

☆ 張克素

（三明學院現代教育技術中心，福建三明 365004）

網絡課程作為一種視覺化、信息化的課程表現形式，其界面設計是決定網絡教學質量的關鍵因素之一。在網絡課程界面形態和功能差異逐漸縮小的今天，怎樣尋求一種更加情感化的界面設計，讓網絡課程這一物質的形態具有思想性和人的情感，已成為網絡課程設計者亟待解決的問題。因此，本研究旨在探討情感化網絡課程界面的設計問題。

一、情感化設計理論內涵

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

圖1 情感化設計理論的三個層次

在情感化網絡課程界面設計中，本能水平設計關注網絡課程界面本身的外化特性帶給學習者感官上的生理快樂；行為水平設計關注學習者操作時的質量和效果，學習者通過操作在認知交互活動中產生積極的精神和快樂情緒；反思水平關注先前的交互經驗對學習者心理所產生的整體而深遠的影響，體現為學習者對網絡課程的整體判斷和尊重欣賞的深度、思想快樂體驗。

二、情感化網絡課程界面設計模型

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

圖2 情感化網絡課程界面設計模型

1．設計準備階段

情感化網絡課程界面的設計準備階段包括對網絡課程學習者進行學習者特征分析、需求分析，并準備素材。

2．設計制作階段

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

首先，由于網絡接入環境及互聯網技術應用的限制，網絡課程界面構成元素目前主要是文字、圖形圖像、色彩、圖標、按鈕、導航等。情感化網絡課程界面也是由這些元素呈現出來的。因此，在情感化網絡課程界面的設計制作階段首先應該是對這些界面構成要素進行情感特征的分析與提取，分析提取出適于學習者在網絡課程學習過程中所需情感特征的界面要素。

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

最后，在情感特征提取和情感化設計基礎之上建立網絡課程界面的情感空間，并使用戶在兩者之間進行相互映射，從而形成情感化網絡課程界面的設計初稿。

3．設計成品階段

這一階段與傳統網絡課程界面設計相同，都是在學習者的體驗和專家審核的基礎之上采用修改迭代的方法對網絡課程界面進行進一步的修改和完善，最后形成情感化網絡課程界面設計的成品。

三、分析與比較

傳統的網絡課程界面設計模型在工作流程上分為結構設計、交互設計、視覺設計三個部分。結構設計是界面設計的骨架；交互設計的目的是使界面易于用戶操作；視覺設計是在結構設計的基礎上，參照目標群體的心理模型進行的視覺設計。網絡課程界面設計模型與情感化網絡課程界面設計模型之間的相同點在整體設計上都包括三個階段：設計準備階段、設計制作階段和成品階段。不同點在于以下幾點：

首先，在情感化網絡課程界面的設計制作階段需要在第一階段的基礎之上對準備的素材進行情感化特征分析，提取適合學習者自身特點的情感要素。

其次，在情感化網絡課程界面的設計制作階段，將網絡課程界面設計與情感化設計相結合，分別在本能水平、行為水平、反思水平上將提取出來的情感要素進行情感化設計，從而在學習者的思想空間中形成情感空間，使學習內容與情感空間相映射，以滿足學習者在學習過程中所需要的高層次情感的需求。

四、結束語

本文在情感化設計理論基礎上提出了情感化網絡課程界面設計的理論模型，總結出情感化網絡課程界面設計應包括三個階段：設計準備階段、設計制作階段、設計成品階段。提出了在設計制作階段將情感化設計與界面設計相融合，形成網絡課程情感化設計的方法，為情感化網絡課程界面設計提供了基礎，拓寬了網絡課程界面設計的思想和思路。

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

[2]魯道夫．阿恩海姆．藝術與視知覺[M]．北京:中國社會科學出版社,1984．

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

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

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

[6]趙毅,孫壯橋．網絡教學課程界面設計初探[J]．保定學院學報,2009,(9):110－112．

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

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