萬莉君 閆 芳

(1.常州工程職業(yè)技術(shù)學院 江蘇常州 213164 2.北京信息職業(yè)技術(shù)學院 北京 100015)

小議網(wǎng)站建設(shè)中的體驗設(shè)計

萬莉君1閆 芳2

(1.常州工程職業(yè)技術(shù)學院 江蘇常州 213164 2.北京信息職業(yè)技術(shù)學院 北京 100015)

隨著用戶需求的提升，當前網(wǎng)站建設(shè)在滿足原有網(wǎng)站功能的同時，還需考慮為用戶提供全方位的體驗。可以從娛樂體驗、教育體驗、逃避體驗、審美體驗四個角度進行網(wǎng)站開發(fā)中的體驗設(shè)計，以期為網(wǎng)站建設(shè)提供新的視角。

網(wǎng)站建設(shè);功能;體驗設(shè)計

目前隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，時效性強、承載多種媒體形式的不同網(wǎng)站已深入到百姓生活的各個角落;而隨著體驗經(jīng)濟的到來，人們在獲取各種資訊的同時，越來越注重瀏覽網(wǎng)站過程的體驗，對網(wǎng)站信息的接收也從最初的被動接收逐步轉(zhuǎn)化為主動性的、選擇性的接收。因此，加強網(wǎng)站建設(shè)中以用戶為中心的體驗設(shè)計具有極為重要的現(xiàn)實意義。由于網(wǎng)站的信息、顏色、圖形、聲音、視頻、人機互動等各種元素，能夠使用戶在瀏覽頁面的過程中獲取視覺、聽覺、心理、情感、審美等不同層面的體驗感知，因此，根據(jù)用戶參與的程度和用戶與網(wǎng)站間的互動關(guān)系，可以將網(wǎng)站體驗劃分為四種基本類型:娛樂的體驗、教育的體驗、逃避的體驗和審美的體驗等。［1］本文將對此進行具體的介紹。

1 娛樂型體驗設(shè)計

娛樂型體驗設(shè)計是指利用網(wǎng)站開發(fā)中圖形、色彩、構(gòu)成、聲音、網(wǎng)站內(nèi)容、交互方式等多種元素，使用戶在瀏覽網(wǎng)站的過程中獲得愉悅身心、放松自我的享受。娛樂型體驗設(shè)計主要可以從感官和思想兩個層面開展:

首先感官層面是通過人體的聽覺、嗅覺、視覺等建立感官上的娛樂體驗。［2］例如網(wǎng)站設(shè)計中采用豐富的圖案、可愛的人物形象、絢麗的色彩等，這些要素能直接作用于用戶的視覺，使之產(chǎn)生視覺感官上美的體驗，而這一方法在網(wǎng)站設(shè)計中被越來越多的設(shè)計者所重視。［3］

其次是思考性審美體驗，它是幫助用戶在娛樂中受到某些啟迪，獲取新知，并使娛樂體驗在用戶心目中不斷延續(xù)和回味。例如在耐克的健身服裝及產(chǎn)品的網(wǎng)站中，提供的不是呆板的產(chǎn)品靜態(tài)圖片和信息，而是穿著該品牌產(chǎn)品活力四射的健身教練或模特，示范動感十足的形體操，配合富有節(jié)奏感的音樂，美輪美奐的場景，讓人不禁也想要隨著音樂一起運動起來。在這個過程中，用戶在獲得快樂與放松的同時也學到了健身基本知識(如圖1)。

圖1 耐克網(wǎng)站

值得注意的是，優(yōu)秀的網(wǎng)站娛樂體驗設(shè)計必須與網(wǎng)站內(nèi)容緊密相連，不能滿足這一基本要求的娛樂體驗設(shè)計是毫無用處的，并會削弱網(wǎng)站整體形象在用戶心目中的確立。娛樂體驗設(shè)計還應具備獨特的構(gòu)思，有一定特點且不雷同的娛樂體驗設(shè)計，能使消費者獲取的體驗值增倍。

2 教育型體驗設(shè)計

網(wǎng)站教育型體驗設(shè)計的目標是要引導用戶積極參與網(wǎng)站互動，使其充分調(diào)動大腦和身體進行互動、聯(lián)想、思考，由此擴寬其視野，豐富其知識，最終獲得教育的體驗。

首先，網(wǎng)站所承載的信息本身就能使用戶獲取知識，得到教育，但這些內(nèi)容必須進行合理的編排組合，確立知識維度，采用形意結(jié)合、形字結(jié)合、圖形與色彩結(jié)合等方式，便于用戶記憶學習;［3］此外信息的傳達除了采用文字，還可以充分利用圖形化記憶的優(yōu)勢，使用戶通過讀圖獲取知識。

其次，網(wǎng)站的建設(shè)還應注重界面色彩的搭配處理，在認知性的界面設(shè)計中，應采用穩(wěn)定和諧的整體色調(diào)，在此基礎(chǔ)上適當加入活躍性色彩來增強用戶瀏覽時的學習興趣。

最后，界面的整體排版也要注意用戶的視覺瀏覽習慣，合理的版面布局，可以使用戶的瀏覽過程主次有序，順暢便捷，更便于用戶獲取閱讀學習信息(如圖2)。

圖2 主次有序色彩活躍的兒童教育網(wǎng)站

3 逃避型(參與型)體驗設(shè)計

逃避型(參與型)體驗設(shè)計主要體現(xiàn)在沉浸型的互動游戲和虛擬社區(qū)中。目前由于網(wǎng)絡(luò)技術(shù)的制約，人們主要通過視聽感官參與網(wǎng)絡(luò)瀏覽的活動，完全沉浸的體驗效果尚未達到。網(wǎng)站中的逃避型(參與型)體驗設(shè)計主要有兩種手段:互動方式的設(shè)計和虛擬生活設(shè)計。

互動方式的體驗設(shè)計是設(shè)計形式豐富的界面控制元素，創(chuàng)造令人耳目一新的交互方式，以此吸引用戶參與網(wǎng)站交互。例如汽車榮威550產(chǎn)品體驗網(wǎng)站(如圖3)，采用了全flash建站方式，用戶可以點擊汽車的各個性能部件，通過觀看動畫演示了解汽車性能，并且界面設(shè)計中采用了現(xiàn)代簡潔的設(shè)計，配合動畫引人入勝。

圖3 榮威550產(chǎn)品體驗網(wǎng)站主界面

虛擬生活的體驗設(shè)計是圍繞用戶興趣，在網(wǎng)絡(luò)上構(gòu)建虛擬社區(qū)，通過虛擬交易設(shè)計，虛擬人際關(guān)系構(gòu)建等方法，吸引用戶在網(wǎng)絡(luò)上嘗試新的生活交友方式。在這一過程中，視覺聽覺要素的設(shè)計也起到十分重要的作用。例如最新上線的“鏡像世界3D虛擬街”，就是集休閑、娛樂、消費一站式網(wǎng)絡(luò)三維立體服務社區(qū)(如圖4)。

圖4 網(wǎng)絡(luò)用戶進店購物

這種網(wǎng)絡(luò)服務社區(qū)可以使用戶在3D虛擬社區(qū)中體驗現(xiàn)實的網(wǎng)絡(luò)世界，用戶能夠在社區(qū)中擁有自己的職業(yè)、家園，開展交友、購物等活動，并伴隨著音樂隨意行走在真實的三維場景中，這種介于虛擬與現(xiàn)實的體驗很是奇妙。隨著科技的發(fā)展，虛擬嗅覺、虛擬味覺、虛擬觸覺這些數(shù)字化感官體驗技術(shù)，將能使用戶在瀏覽網(wǎng)站的過程中獲取最大程度的沉浸性的體驗。

4 審美型體驗設(shè)計

網(wǎng)站的審美體驗設(shè)計主要指視覺感官層面的體驗設(shè)計，其載體主要是網(wǎng)站界面。網(wǎng)站界面設(shè)計中的色彩、形式等是創(chuàng)造審美體驗的基本元素。

色彩是映入用戶視線的第一要素，網(wǎng)站界面的色彩搭配能夠使用戶獲得情感和審美體驗。色彩的應用除了注重色彩搭配以外，還應體現(xiàn)光影效果以及界面的色調(diào)層次，通過色彩使網(wǎng)站從第一眼便牢牢地抓住用戶。例如apple，韓國iriver等高科技電子產(chǎn)品網(wǎng)站，都采用了簡潔的灰白色調(diào)，凸顯產(chǎn)品科技感和現(xiàn)代感(如圖5)。

圖5 Apple網(wǎng)站

而大部分電子商務網(wǎng)站則采用暖色調(diào)渲染氣氛，讓用戶感受到網(wǎng)站整體的活躍氛圍和愉悅感色彩，激發(fā)消費者的購買欲望。(如圖6)

圖6 FaZ購物網(wǎng)站

形式則主要包括點、線、形3個組成部分。點、線、形也是設(shè)計構(gòu)成中最為常用的元素。形式感強的版面構(gòu)圖，能體現(xiàn)出鮮明的個性和特色，也是時尚象征，因此在很多時尚類的網(wǎng)站界面設(shè)計中多有應用(如圖7)。

圖7 界面設(shè)計中“點線面的組合”

除了色彩和形式以外，還可以采用平面中近大遠小對比關(guān)系，在二維平面上創(chuàng)造三維縱深感空間體驗，使原本平淡的二維界面更有立體感，更加引人入勝。

5 結(jié)束語

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)站功能上的需求會不斷得到滿足，但是這并不是網(wǎng)站建設(shè)的唯一目標，作為網(wǎng)站開發(fā)建設(shè)者，應更多考慮網(wǎng)站用戶的體驗，娛樂型、教育型、逃避型、審美型等四種體驗應是網(wǎng)站用戶體驗設(shè)計的基本方向。如何具體應用各個要素，不斷提升網(wǎng)站用戶體驗，還有待進一步挖掘。

［1］ 派恩，吉爾摩.體驗經(jīng)濟［M］.夏業(yè)良，譯.北京:機械工業(yè)出版社，2002:32-38.

［2］ 黃在賢.wbedesingwe設(shè)計師談精彩網(wǎng)頁設(shè)計［M］.北京:電子工業(yè)出版社，2004:125-127.

［3］ 張凌浩.基于品牌體驗的設(shè)計思考［J］.包裝工程，2006:181-183.

Discussion about the Design Experience of the Web Construction

WAN Li-jun1YAN Fang2
(1.Changzhou Institute of Engineering Technology，Changzhou 213164 2.Beijing Information Technology College，Beijiang 100015，China)

As the increasing needs of the users，what we need to consider is not only to give the original website function，but also to provide users with a full range of experience.In order to provide a new perspective for the website construction，the article displays the experience in the design of the website construction from four aspects:the entertainment experience，educational experience，escape experience and aesthetics experience.

website construction;function;experience design

TP 393.092

A

1672-2434(2011)06-0042-03

2011-08-16

萬莉君(1980-)，女，講師，從事研究方向:數(shù)字媒體技術(shù)