影响网页美感的视觉因素研究

摘 要：关于网页美感的研究始于可用性研究的延展，但随着人们对于其重要性的认识的不断提升，从设计角度出发的相关研究正逐渐兴起。一方面，现有的研究成果较为有限的同时，给出的设计规则也较为模糊抽象。因此借鉴其他领域的成熟理论，结合网络界面的特点，寻找出影响网页美学的因素，并总结归纳出相应的设计理论显得十分重要。另一方面，从用户真实的浏览行为，结合用户的感知过程，更有利于影响网页美感的视觉因素的发现。

关键词：网页美感；视觉因素；设计

1 研究背景

近年来，大量研究表明，视觉因素对于产品的用户接受度有重要影响，由此引发了网页交互设计对于美感体验的重视。例如：Lindgaard和Dudek的研究结果表明，即使有大半部分的任务难以完成，用户仍然对他们认为审美体验较高的网站有较高的评价（Lindgaard & Dudek， 2002）。Reeves、Nass以及Jung则表示人机交互本质上是一种社会行为，就如同样日常沟通交流中，人们会对面容姣好的陌生人有所偏爱一样，选择网页之时，人们也会偏爱审美体验较高的网页（Hoffmann & Krauss，2004）。同时对于陌生的网页，自打开网页之时起，用户平均会在5秒之内决定是否继续停留在此网页进行进一步的交互与使用。而对网页第一印象的形成更是在50ms内便会形成，且这一印象有较高的稳定性（Lindgaard，Fernandes，Dudek，& Brown，2006）。进一步的实验结果更显示，网页未能形成具有吸引力的第一印象主要源于较低的审美体验。因此，想要不断吸引新的用户使用网站，就必须在短时间内通过网页界面为用户提供较高的审美体验。

2 国内外研究现状

（1）网页美感：如同美学的概念自产生以来就与物品的实用性联系在一起一样，对网页美感的研究同样是从可用性的角度出发开始的而非设计的角度。Neale及McCombe曾就如何设计出可用并且视觉愉悦的网站提出过自己的见解，但重点明显倾向于功能性及可用性，而非设计（Lavie & Tractinsky，2004）。Nielsen认为对于网页设计有两条基本准则，一为艺术展现，即设计师的个人展现；一为功能实现，即满足用户的需求（Nielson，2000）。他认为每个网页都有其艺术性与趣味性的内在需求，用户也同样希望在浏览网页时可以有愉快的体验，但这些的重要性远不及网站的功能性重要。因此，人们认为清晰及高效才是设计网页的准则。

然而随着研究的深入发现，用户所追求的并不仅仅是清晰性。一些实验结果页显示美感也是用户选择网页的重要因素（Schenkman & Jnsson，2000）。

Gait最早提出相关的问题，他认为有趣的界面可以更大程度的刺激用户，并让用户保持在兴奋与高效的状态（Gait，1985）。而在近十几年中，这类观点正逐步深入人机交互领域，近期不断涌现的相关研究也体现出人们对这一曾被忽视的领域的重视。Jordan认为在交互过程中，美学是决定体验愉快与否的关键（Jordan，1998）。对于多种电脑产品，视觉呈现的质量可以影响用户对其的态度（Kurosu & Kashimura，1995；Tractinsky，1997；Tractinsky，Katz， & Ikar，2000）。较高的视觉美感体验更可以为网站吸引并留住用户（Heimlich & Wang，1999）。Lindgaard和Dudek的研究结果表明，即使有大半部分的任务难以完成，用户仍然对他们认为审美体验较高的网站有较高的评价（Lindgaard & Dudek，2002）。对于美与丑，人们每时每刻都做着或有意识或无意识的判断与选择，而这其中大部分的选择是处于无意识层面的，即使是极为“理性”的人在做出选择时也很难不受到美学因素的影响（Karvonen，2000）。因此就如同样日常沟通交流中，人们会对面容姣好的陌生人有所偏爱一样，Reeves、Nass以及Jung认为在选择网页之时，人们也会偏爱审美体验较高的网页（Hoffmann & Krauss，2004）。网页视觉美感的重要性因此得到人们的重视。

（2）网页美感的影响因素：Zettl认为人们审美的过程其实是人们检测一系列视觉元素，并与之互动的过程。在这个过程之中，管着在其所处的视觉环境之中观察、阐明、并进一步加强对事物的认识（Payumo et al.， 2008）。因此通过对视觉元素的合理安排，设计者就可以控制观者所处的视觉环境，从而掌控观者的感知和选择。在与网站交互的过程之中，网页就是设计师为用户营造的视觉环境，合理利用所有的视觉元素，掌控用户的视觉，就可以为用户提供高质量的视觉体验。

Djamasbi的实验表明，视觉层次可以影响用户浏览网页的方式（Djamasbi，Siegel，& Tullis，2011）。用户在浏览网页时，视线多集中在网页的首个屏幕尺寸的内容之上。同时，在非任务引导的浏览方式之中，用户多将视线集中在页面的中心；而对于任务引导的网页，即提供大量信息以帮助用户达到特定目标的网站，人像的照片可以吸引用户的注意力，而作为信息入口存在。因此他建议在商业网站中使用尺寸较大的图片，尤其是名人的照片，以提高年轻人对网页的评价（Djamasbi，Siegel，& Tullis，2010）。Klett的研究结果则显示，特定的视觉要素及呈现方式，如明亮或饱和度高的元素以及动态的元素和清晰的边界所等可以引起注意和好奇，从而提高信息被关注的可能性（Klett，2002）。

相较于以上从信息传达效率考虑出发而得出的视觉因素，不少学者也从设计的角度出发，提出了自己的见解。Ngo认为网页美感的因素有十四个，即：平衡、对称、均衡、整体、密度、比例、凝聚力、简洁、整齐、经济、和谐、韵律、秩序（Ngo，Teo，& Byrne，2002）。Talia Laivie和Noam Tractinsky则通过对一系列实验的结果进行总结，将影响网页审美体验的因素归为两类。一类为强调有秩序及清晰的设计的“经典美学因素”；而另一类为关注网页的创造性与独特性的“表现美学因素”（Lavie & Tractinsky，2004）。而视觉的清晰性和丰富性也同样被认为是影响用户审美体验的重要因素。视觉上简洁的网页也更易为用户带来美的体验（Michailidou，Harper，& Bechhofer，2008）。