小议网站建设中的体验设计

万莉君 闫 芳

(1.常州工程职业技术学院 江苏常州 213164 2.北京信息职业技术学院 北京 100015)

小议网站建设中的体验设计

万莉君1闫 芳2

(1.常州工程职业技术学院 江苏常州 213164 2.北京信息职业技术学院 北京 100015)

随着用户需求的提升，当前网站建设在满足原有网站功能的同时，还需考虑为用户提供全方位的体验。可以从娱乐体验、教育体验、逃避体验、审美体验四个角度进行网站开发中的体验设计，以期为网站建设提供新的视角。

网站建设;功能;体验设计

目前随着网络技术的不断发展，时效性强、承载多种媒体形式的不同网站已深入到百姓生活的各个角落;而随着体验经济的到来，人们在获取各种资讯的同时，越来越注重浏览网站过程的体验，对网站信息的接收也从最初的被动接收逐步转化为主动性的、选择性的接收。因此，加强网站建设中以用户为中心的体验设计具有极为重要的现实意义。由于网站的信息、颜色、图形、声音、视频、人机互动等各种元素，能够使用户在浏览页面的过程中获取视觉、听觉、心理、情感、审美等不同层面的体验感知，因此，根据用户参与的程度和用户与网站间的互动关系，可以将网站体验划分为四种基本类型:娱乐的体验、教育的体验、逃避的体验和审美的体验等。［1］本文将对此进行具体的介绍。

1 娱乐型体验设计

娱乐型体验设计是指利用网站开发中图形、色彩、构成、声音、网站内容、交互方式等多种元素，使用户在浏览网站的过程中获得愉悦身心、放松自我的享受。娱乐型体验设计主要可以从感官和思想两个层面开展:

首先感官层面是通过人体的听觉、嗅觉、视觉等建立感官上的娱乐体验。［2］例如网站设计中采用丰富的图案、可爱的人物形象、绚丽的色彩等，这些要素能直接作用于用户的视觉，使之产生视觉感官上美的体验，而这一方法在网站设计中被越来越多的设计者所重视。［3］

其次是思考性审美体验，它是帮助用户在娱乐中受到某些启迪，获取新知，并使娱乐体验在用户心目中不断延续和回味。例如在耐克的健身服装及产品的网站中，提供的不是呆板的产品静态图片和信息，而是穿着该品牌产品活力四射的健身教练或模特，示范动感十足的形体操，配合富有节奏感的音乐，美轮美奂的场景，让人不禁也想要随着音乐一起运动起来。在这个过程中，用户在获得快乐与放松的同时也学到了健身基本知识(如图1)。

图1 耐克网站

值得注意的是，优秀的网站娱乐体验设计必须与网站内容紧密相连，不能满足这一基本要求的娱乐体验设计是毫无用处的，并会削弱网站整体形象在用户心目中的确立。娱乐体验设计还应具备独特的构思，有一定特点且不雷同的娱乐体验设计，能使消费者获取的体验值增倍。

2 教育型体验设计

网站教育型体验设计的目标是要引导用户积极参与网站互动，使其充分调动大脑和身体进行互动、联想、思考，由此扩宽其视野，丰富其知识，最终获得教育的体验。

首先，网站所承载的信息本身就能使用户获取知识，得到教育，但这些内容必须进行合理的编排组合，确立知识维度，采用形意结合、形字结合、图形与色彩结合等方式，便于用户记忆学习;［3］此外信息的传达除了采用文字，还可以充分利用图形化记忆的优势，使用户通过读图获取知识。

其次，网站的建设还应注重界面色彩的搭配处理，在认知性的界面设计中，应采用稳定和谐的整体色调，在此基础上适当加入活跃性色彩来增强用户浏览时的学习兴趣。

最后，界面的整体排版也要注意用户的视觉浏览习惯，合理的版面布局，可以使用户的浏览过程主次有序，顺畅便捷，更便于用户获取阅读学习信息(如图2)。

图2 主次有序色彩活跃的儿童教育网站

3 逃避型(参与型)体验设计

逃避型(参与型)体验设计主要体现在沉浸型的互动游戏和虚拟社区中。目前由于网络技术的制约，人们主要通过视听感官参与网络浏览的活动，完全沉浸的体验效果尚未达到。网站中的逃避型(参与型)体验设计主要有两种手段:互动方式的设计和虚拟生活设计。

互动方式的体验设计是设计形式丰富的界面控制元素，创造令人耳目一新的交互方式，以此吸引用户参与网站交互。例如汽车荣威550产品体验网站(如图3)，采用了全flash建站方式，用户可以点击汽车的各个性能部件，通过观看动画演示了解汽车性能，并且界面设计中采用了现代简洁的设计，配合动画引人入胜。

图3 荣威550产品体验网站主界面

虚拟生活的体验设计是围绕用户兴趣，在网络上构建虚拟社区，通过虚拟交易设计，虚拟人际关系构建等方法，吸引用户在网络上尝试新的生活交友方式。在这一过程中，视觉听觉要素的设计也起到十分重要的作用。例如最新上线的“镜像世界3D虚拟街”，就是集休闲、娱乐、消费一站式网络三维立体服务社区(如图4)。

图4 网络用户进店购物

这种网络服务社区可以使用户在3D虚拟社区中体验现实的网络世界，用户能够在社区中拥有自己的职业、家园，开展交友、购物等活动，并伴随着音乐随意行走在真实的三维场景中，这种介于虚拟与现实的体验很是奇妙。随着科技的发展，虚拟嗅觉、虚拟味觉、虚拟触觉这些数字化感官体验技术，将能使用户在浏览网站的过程中获取最大程度的沉浸性的体验。

4 审美型体验设计

网站的审美体验设计主要指视觉感官层面的体验设计，其载体主要是网站界面。网站界面设计中的色彩、形式等是创造审美体验的基本元素。

色彩是映入用户视线的第一要素，网站界面的色彩搭配能够使用户获得情感和审美体验。色彩的应用除了注重色彩搭配以外，还应体现光影效果以及界面的色调层次，通过色彩使网站从第一眼便牢牢地抓住用户。例如apple，韩国iriver等高科技电子产品网站，都采用了简洁的灰白色调，凸显产品科技感和现代感(如图5)。

图5 Apple网站

而大部分电子商务网站则采用暖色调渲染气氛，让用户感受到网站整体的活跃氛围和愉悦感色彩，激发消费者的购买欲望。(如图6)

图6 FaZ购物网站

形式则主要包括点、线、形3个组成部分。点、线、形也是设计构成中最为常用的元素。形式感强的版面构图，能体现出鲜明的个性和特色，也是时尚象征，因此在很多时尚类的网站界面设计中多有应用(如图7)。

图7 界面设计中“点线面的组合”

除了色彩和形式以外，还可以采用平面中近大远小对比关系，在二维平面上创造三维纵深感空间体验，使原本平淡的二维界面更有立体感，更加引人入胜。

5 结束语

随着网络技术的发展，网站功能上的需求会不断得到满足，但是这并不是网站建设的唯一目标，作为网站开发建设者，应更多考虑网站用户的体验，娱乐型、教育型、逃避型、审美型等四种体验应是网站用户体验设计的基本方向。如何具体应用各个要素，不断提升网站用户体验，还有待进一步挖掘。

［1］ 派恩，吉尔摩.体验经济［M］.夏业良，译.北京:机械工业出版社，2002:32-38.

［2］ 黄在贤.wbedesingwe设计师谈精彩网页设计［M］.北京:电子工业出版社，2004:125-127.

［3］ 张凌浩.基于品牌体验的设计思考［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-)，女，讲师，从事研究方向:数字媒体技术