网页人机界面感性化研究

摘要：通过阐述感性工学与网页人机界面设计两者的关系，从而论证将感性工学应用在网页人机界面设计的必要性。采用逆向式感性工学的以用户为中心的方法对少儿网站进行调查分析，再将调查结果采用前推式感性工学的方法得出少儿网站界面感性意向树状图，提出目前网站设计中的不足以及应该改进的方向，从而为感性化少儿网站设计提供理念支持。

关键词：网页人机界面设计；感性工学 ；少儿网站

中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)04-0779-03

1 感性化网页界面设计

1.1 界面设计的发展

界面设计的概念首先是在西方国家提出来的，而且存在了很长的时间，发展到今天己经有了一套自己成熟的理论和实践经验,韩国和日本对于网页界面设计的研究已经走在这方面研究的前端。虽然感性的人机界面设计成为设计领域的焦点，其理论主要用在产品界面设计，在历年研究生的论文中，大多是从网页界面设计的色彩、存在的形态及学科相关性方面阐述、或者只是网站建模，很少将理论与设计实践相结合来研究。人机界面设计的一个细小分支:网页人机界面的感性化设计在国内还处于起步阶段。

1.2 感性工学

上个世纪80年代末在日本出现了感性工学的课题和研究。感性工学(KanseiEngineering)是界于设计学、工学及其他学科之间的一门综合叉学科。“感性”是一种主观的难以用文字来描述的心理体验，它是一种认知的概念，受个人知识、经验和个性的影响，是个性化的认识。同时感性也是直觉与理智相互作用的结果，感性对美的、情趣的事物特别敏感。对于设计者而言就是把消费者脑海中的构建法则探寻出来，通过破译消费者的感受，再利用这些探寻出来的法则去进行设计，这就是感性工学设计的首要任务。

1.3 感性工学与界面设计的关系

首先从指导思想上讲，感性工学设计的出发点是考虑人的感受即以人为本。从人的角度度上考虑问题高于一切，因为设计的目的就是为了让产品更好的为人服务。只有以人的感受作为基础和原始资料，以“以人为本”作为指导思想，从人的感受方面去寻找设计灵感，才能保证设计符合使用者的需求，这是设计的源头也是设计的动力。其次从设计周期方面讲，基于感性工学的网页界面设计方法论精简了传统的设计理念的步骤，设计程序不再那么复杂。对设计过程的精简不仅提高了设计效率，简化了繁琐的设计流程，而且从根本上解除了设计师在思想上的束缚，使设计更加灵活。最后，从设计结果上讲，它避免了许多不必要的或者是重复的信息设置，无论是布局还是内容，每一个小细节都来自用户的真实感受，都经过设计师的深思熟虑。由基于感性工学的网络形象设计理念设计出来的“产品”应该是符合用户群体需求，符合市场需求的。网页界面设计发展到现今的阶段，功能合理，适用有效或是有某种外在的美感已经不再能满足网页用户的需求了，感性化网页界面设计已经成为设计的必然。在网页界面的设计过程中，研究用户是其最基础的一个环节。为了提供自然和直观的网页界面，我们就需要表现出以用户和交流为向导的新的设计方法。对于用户来说，用恰当的文字和语言来表达自己的“感性”并不是一件容易的事情，设计师就更难辨别出产品的哪些属性可以唤起人们的何种感性，以及人们的感性是如何随着产品属性的改变而改变的，在更多情况下，人们的感性并不只由某一种产品属性决定。感性工学，因其运用科学先进的现代工具和技术，可以帮助消费者表达自己的感性，甚至是一些他们自己都没有意识到的情感，设计师可以准确便捷地获取消费者基于产品和概念的特性的主观评价，取得消费者对于产品的潜在感受和需求。感性工学除了是可以运用的设计上的工具，更是可以辅助设计师弄清人们感性的利器，从而可以针对不同消费者和消费群体的感性需求，设计出不同的产品造型，在客户满意度与设计制造成本之间取得一个平衡点。

2 少儿网页界面感性化设计现状调查

本文以常用少儿网站新浪少儿网，希望谷，迪斯尼中国站为例，分析目前的少儿网站感性化设计发展现状，为下文的研究提供数据依据。

2.1 数据来源及其分析

这项研究分别从用户和网站角度进行研究。通过对用户的调查，可以得到用户的体验，以及从用户的角度得到对网站的评价，并且可以发现网站中存在的一些问题。通过对少儿网站的调查，可以了解到网站中吸引用户的重要因素，以及用户对网站的评价，从而为网站的设计提供建议。

2.1.1 问卷调查

问卷调查是以书面提出问题的方式搜集资料的一种研究方法。研究者将所要研究的问题编制成问题表格，以邮寄方式、当面作答或者追踪访问方式填答，从而了解被试对某一现象或问题的看法和意见，所以又称问题表格法。在各种调查研究当中，所得结果是否达到调查的目的和要求，以及所搜集到的资料的可靠程度和完善程度都取决于调查问卷设计水平的高低，在可用性研究中，问卷调查可以用来了解用户的满意度和遇到的问题，也可以根据客户服务的反馈，实际使用的记录或实地测试的方法来了解用户的实际使用情况。 问卷调查方式可以得到在特定的情况下对使用网络的体验，比如少儿上网是为了娱乐，结交朋友还是还是其他，可以得到在这个使用范围内的精细的用户需求。本次调查的用户对象是深圳地区少年儿童。由于深圳是个移民城市，来深建设者来自全国各地，人口多样化，少年儿童也都是来自全国各地，从而使得调查的数据人口广泛而具有代表性。在问卷调查的这个环节里，我们的主要目的是发现少儿网站用户浏览网站的目的，浏览网站过程中的喜好，期望得到什么，这些期望是如何满足的，或者为什么没有满足。在知己知彼网发表调查问卷，再通过学而思教育机构将将网站公布给深圳五区各小学，每个区都有学生作答问卷，网站对调查问卷的结果进行统计分析，由于篇幅有限只列举部分问卷结果，问卷调查大多为多项选择题。从图1可以看出，少年儿童浏览网站时的目的有70%以上是娱乐。

图1 学生浏览网站的目的 图2 网站吸引用户因素调查

从图中可以看出人们在浏览一个网站的时候，喜欢一个网站的原因74%的人表示是因为娱乐；浏览网站的目的学习与娱乐的需要各占一半；有50%的人是被这个网站的内容所吸引；大多数的用户喜欢清新，可爱，卡通的界面风格；44%的人认为目前的网站学习资源比较少，同时35%的人认为网站不容易操作，只有65%的人表示在三次以内就能熟练操作一个陌生的网站；59％的人表示容易找到需要的内容；大多数少年儿童希望能够将资料年级分类以便查找； 59%的人表示希望能够在线互动；大多数人喜欢网站提供展示自己才艺的平台；从目前网站存在四个比较严重的问题，这个问题分别是网页弹出广告，出现错误的信息，网页打开慢，网页内容更新慢，这四个方面比较严重的问题也是我们今后网站设计改进的方向。

2.1.2 文案法

文案调查以收集少儿上网的文献性信息为主，具体表现为各种文献资料，可以通过网络搜索,少儿报纸杂志和报纸来收集相关信息,尤其是通过网络,可以从更宽广得角度来获得更多地有关少儿上网的知识。它可以用来发现少儿上网的问题并为研究提供重要参考依据。这些收集来的数据无法直接使用,需要经过加工才能使用,整个过程对调查者的要求比较高。

2.1.3 启发性测试

为了得到用户深层次的体验，我们以”新浪少儿网”，”希望谷”，为例对用户进行启发性测试,在整个过程中从各个方面进行测试,整个界面测试涉及17个问题.比如,发现其中的三个比较严重的问题是:打开网站时弹出广告，这一点是用户非常反感的。还有一个问题就是网站不容易操作,而有的用户发现网站不容易操作之后就几乎放弃再次进入该网站.还有一个问题是,当孩子遇到不会的问题时,没有老师在线答疑，甚至没有留言等功能,也就是说这样的网站缺少互动功能。

3 少儿网站感性意向分析

3.1 设计原则与方法

可用性的设计观念采用的是逆向式推理感性工学的方法，它将设计的重点放在用户对真实产品的体验上，通过对“体验”的观察和总结对产品进行不断的修改和纠正，最终达到“可用性”的目的。

感性网页界面设计必须把重点放在以用户为中心，从用户的需要和用户的感受出发，设计符合用户需求的网页界面,而不是让用户来适应界面，从而使界面友好使用。以用户为中心的设计(UCD)是一种关于产品/系统设计过程的方法论，这个方法论以使用产品系统的人的信息为基础。无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。UCD过程通过产品的计划、设计和开发聚焦在用户身上，整个过程包含了以人为中心的活动，它贯穿于产品开发的整个生命周期。

一个好的以用户为中心的设计方法包括以下三个维度：效率，效能，用户在特定环境下使用产品的满意度，满意度包括产品的易用性，吸引用户的程度，用户使用完产品后心理层面的感受。在感性设计的过程中,捕捉用户的感性需求是感性网页界设计的最为重要的一步。以少儿网站为例,通过以用户为中心的感性工学方法提取出少儿网站设计的感性意向。具体从以下三个方面着手：

1) 调查网站和浏览者背景信息。

2) 选择具有代表性的网站进行研究，从而得到用户体验。

3) 分析统计实验得来的数据，并将其转化成可设计因素。

3.2 少儿网站感性意向分析

每一种类型的少儿网站都有自己的优势，综合考虑影响访问量的因素有以下几点:网站用户群体的定位、网站页面的可用性、网站页面的易用性、网站页面的交互性。除此之外，还有一些小细节的设计也能影响用户的感受，比如网站的注册流程繁琐且填写过的内容不能被存储记忆，这就会让用户感到异常的烦躁不安。基于上述的调查,得出少儿网站形象设计应该简单，可爱，易用,这才符合少年儿童的心理发展，符合使用需求。

阶层分析法

感性工学的阶层类别分析法是根据新产品的感性层面来进行分析和分类，以建立产品的感性结构来获取设计细节，因此主要运用在新产品的开发过程中，将运用阶层类别分析法研究出的某种产品属性决策归纳采入到新产品设计中去。在阶层类别分析法操作过程中，首先要对目标产品做一个感性市场的调查。调查主要收集来自于各种渠道的信息，如用户访谈、市场调研、报刊网络资料收集等。在此之后，着重的是研究小组成员间的想法表达与充分讨论，通过讨论凝聚成一个产品概念作为0阶感性概念。考虑到0阶感性概念的抽象性及难懂性，将其转译成稍微具体的1阶感性概念就很有必要了。研究人员采用层次递推的方法，将用户对产品的感性认识范畴向下拆解形成1阶感性概念。接着再由1阶感性概念逐次逐步层次分解推论子概念，每一个衍生子概念再分别向下拆解展开成树状结构。假如设计团队无法从某一阶层得到具体的设计细节部分，则将继续往下拆解，直到能够得到出现物理量的细节设计的详细说明的阶层（作为“N阶”）为止，最终获得符合感性诉求的产品设计物理特性，作为产品开发的基础。这个“感性――物理特性”的树状图关系，就是贯穿阶层类别分析法的一条主要脉络。

捕捉用户的感性体验是是一个网站成功的关键地方，从调查设计中的几个常用的网站看都缺乏这方面的设计。将少儿网站的调查研究结果利用阶层分析法,我们将少儿网站的设计定位于以用户为中心，通过娱乐性，易用性，美观性，交互性四个一次感受来体现以用户为中心的0次感受。比如，一次感受中的娱乐性，又是通过趣味性和可玩性的二次感受来体现的。因为少年儿童的心理具有特殊性，所以内容不能严肃和呆板，要让网站达到寓教于乐的目的，内容要充满童趣，少年儿童对外在的世界还充满无比的好奇，所以开发交友功能来满足他们的好奇心。再将1次感性继续细分,经过N次感性化后最终得出物理上的设计细节。这样我们就将过去难以量化、只能定性的、非理性无逻辑可言的感性反应，转化为设计要素。少儿网站感性树状图如图3所示。

4 结论

通过对以上几个网站的感性设计现状调查 ，再将调查的结果运用感性工学方法得出感性意向树状图，得出一下几点结论：1）增强少儿网站的娱乐性，少儿上网的目的性不是很强，网站的内容要达到寓教于乐的效果；2）增强少儿网站内容易用性，少儿处于接触网络的初始阶段，操作的简易性符合少儿用户心理；3）界面应该卡通化充满童趣，这样才能符合儿童的审美；4）增强网站的交互性可以从数据库方面来考虑，再就是网站的的功能，提供在线问答，问题反馈功能能增强网站的可性度，也是吸引和留住用户的一个重要方面。树状图的具体物理设计细节就是将浏览用户的感性体验转化成了具体的设计细节，这样的设计符合用户需求，达到了少儿网站感性化设计的目的。

参考文献：

[1] 方惠敏,杨国胜,丁文珂.基于人性化网站界面设计的用户建模[J].计算机技术与发展,2008(2):187-190.

[2] 钟厦,宋晓晨,孙亚云.感性工学中量化的基本程序介绍[C]//2005年国际工业设计研讨会暨第十届全国工业设计学术年会论文集.北京:机械工业出版社,2005:728-731.

[3] 梅云.感性设计:人机界面设计新思维[J].科技资讯,2008(9):217.

[4] 徐晓莉.基于感性工学的网络形象设计理念研究[D].济南:山东大学,2008.

[5] 吴洁.设计艺术学[D].上海:上海交通大学,2007.

[6] 刘增.以用户为中心的网络界面设计研究[D].南京:南京航空航天大学,2007.

[7] 李立新.感性工学-门新学科的诞生[J].艺术生活,2006(3):71-73.

[8] 罗仕鉴,潘云鹤.产品设计中的感性意向理论,技术与研究进展[J].机械工程学报,2007(3):8-13.

[9] 喻中华.基于用户体验的购物网站设计中可信赖感研究[D].上海:上海交通大学,2008.

[10] Nagamachi M.Kansei Engineering:A new ergonomic consumer-oriented technology for product development[R].Department of Industrial and Systems Engineering,Hiroshima University,Kagamiyama:1-4-1,1995.

[11] Peng Hongxing,Song Hongzhi,Zhang Zhengwu,et al.A Study on User Experience of Online Games[J].World Congress on Software Engineering,2009:185-189.