用户体验在网页界面设计中的应用

摘要：用户体验是用户在使用产品或服务的过程中建立起来的一种主观的心理感受。其核心是以用户为中心的设计。用户体验包括两个层次，一个是功能上的，一个是心理上的。功能方面，强调的是产品在使用过程中的易用性与友好度的问题：心理方面，主要从满足用户的心理需求，包括感官体验、交互体验、情感体验、浏览体验和信任体验五个方面。本文以箭牌卫浴网站为例，就用户体验的功能体验与心里体验两个层次分析该网站页面设计的利弊，并做出相应的改善。

关键词：用户体验 网页界面 应用

中图分类号：TB47

文献标识码：A

文章编号：1003-0069（2015）03-0111-02

在这个信息爆炸的时代里，如何帮助用户快速便捷地捕捉到所需要的信息，成为网页设计中的“重中之重”。因而，用户体验便显得尤为重要。网页中的界面设计，是用户和产品互动的窗口，是二者建立沟通的桥梁。因此，界面设计的重点在于根据用户的感知功能和认知特点，要求界面设计不仅要具有审美需求，更要注重通过一种合理的方式，直观、有效地传达信息，暗示产品的功能和行为。简单地说，即网站是否好看、好用、让用户感到亲切，这就需要注重用户体验下的功能体验和心理体验。

一 功能体验

功能体验是用户在使用产品过程中，使用是否通畅、便捷，即好用的问题。网站的界面设计，要站在用户使用的角度上，了解用户需求和使用习惯，将用户最想获取的信息和板块凸显出来，视觉位置要漂亮醒目；将次要板块弱化，删减掉用户不常用的功能。功能体验必须拥有足够的可视性，用户能够清楚认识流程中下一步做什么。如果功能隐藏的比较深，用户就会难以发现这个功能并使用它。因而，在进行网页界面设计时，要根据功能的数量和用户使用的次数，挑选出核心功能，并将其做足够清晰的展示，而把一些次要功能聚合起来隐藏。

在箭牌卫浴的官网上（http：//www.arrowsan.tary，com.cn/），首先，整个界面想传达一种偏企业站的风格，着重在介绍公司的企业文化、经营理念和主打产品等方向，而实际上却采用电商站常用的众多图片罗列的手法来划分各个板块，让画面略显凌乱、花哨、主次弱化，并十分影响加载速度；其次，画面中功能板块太过拥挤，微博分享板块、淘宝官网板块、微信分享板块等链接居多，且占面积过大，各个功能都想突出，反而会无法抓取用户的视觉焦点。（图1）因而，在改版设计中，将分享板块和扫描二维码板块弱化，折叠、固定在屏幕右侧，用户可根据需求，只需打开折叠区域，查找相关功能。（图3）

二 心理体验

心理体验就是要了解用户的心理状态、自我内在需求，研究人类的感情和知觉心理系统。设计师应站在用户的角度上，抛弃主观的看法，试着去重视用户心理、各种社会环境和文化脉络，设计的产品能触及用户的心理层面，从而达到用户与产品的深入交流。

2.1 感官体验

感官体验，也就是呈现给用户的视听体验，是一种下意识的信息获取过程，强调的是用户使用产品的舒适性，即页面是否具有美感，能够吸引用户眼球。通常，最能刺激感官反应的设计会带来较好的感官体验。在箭牌卫浴的官网上，首屏（图1）是930x768px的版心，而常见的显示器默认大小为1024x 768px。当箭牌卫浴官网在显示器中完全显示时，就会留下两侧的灰色块区域，这样的灰色块，不仅会让用户感受到强烈的约束感，而且某种程度上浪费了资源。而整个页面多图片的板块划分，主次关系上不够突出，没有更好地引导将用户的视觉中心聚焦到核心区域。

在大屏时代下，人们更愿意去巨幕影院看电影，而不是仅仅待在电脑或电视机前，因为巨幕影院在视听效果上，更具真实感、震撼力。因而，在当今网页的界面设计中，像三星、中兴（图4）等官网的满屏banner也就不足为奇。在进行页面改进时，本着突出箭牌卫浴一贯高品质的产品形象——“创享舒适卫浴空间”的广告语为出发点，首屏上只放导航和banner，并利用满屏设计，将“舒适空间”清晰地营造在用户眼前，使画面更具张力和说服力，从而吸引用户眼球。（图2）

2.2 交互体验

交互体验指的是呈献给用户操作上的体验、强调易用性和可用性。也就是用户在使用时的有效、好用、高效、好记、少错和令人满意的程度，能否有效完成任务，主观感受怎样等。这就要求网页设计师在进行界面设计时，要符合用户的使用习惯、减少用户记忆负担、减少附加工作，并能及时给用户以反馈。

在箭牌卫浴的官网上，banner下方分别是：最新资讯、新品上市、高端工程精品案例三个板块。板块的标题文字都为灰色，配以动态图片为背景，无形中干扰了用户的辨识度，增加用户的记忆负担，影响用户操作效率。（图1）

在对箭牌卫浴的官网进行页面改进时，内容部分为第二屏，通过第一屏的满屏banner烘托舒适空间的气氛，引起用户兴趣，用户就会不自觉地滑动鼠标滚轮，来观看第二屏，当然，对该网站很熟悉的用户，不用翻看第二屏，直接通过首屏中的导航便能进入相应的模块，了解所有信息。第二屏的版心采用主流的960px的宽度；三个板块的标题文字，采用加粗、深黑色并去掉动态背景，独占一行，用lpx的横线做分割的方式以加凸显；将官方购物商城、联系方式、服务中心等板块单独放在右侧，便于用户快速打开购物网址并与企业取得联系。（图3）

2.3 情感体验

情感体验偏向于用户在使用产品过程中的内心感受，指的是用户在互动过程中的态度和情绪，强调产品的友好度的问题。激发用户情感体验的有效方法就是通过设计引起用户内心情感的共鸣。情感体验通常包含：客户分类、友好提示、会员交流、及时反馈、会员推荐、会员优惠、专家答疑、鼓励用户参与、网站地图等方面。

从中兴官网的网页案例中，可以看出其设计清新、简洁，在色彩上，蓝色给人以科技感十足的情感体验，banner中舒适自在的画面也传达着中兴“以人为本”经营理念。此外，右下方“全球销售网点的部分”用地图的方式，当鼠标滑到某一区域时，该区域变成灰色并显示区域范围和名称，以此来提示用户所触碰的区域，给用户以反馈，该设计十分人性化，是注重用户情感体验的很好表达。（图4）在对箭牌卫浴官网的改进设计中，情感体验主要通过烘托网站氛围来表达，通过页面简洁、清爽的设计，配以banner上洁净、舒适的生活环境，营造健康、温暖的生活空间，从而传达产品的舒适性和可靠性。

2.4 浏览体验

浏览体验指的是用户在浏览网页过程中的心理感受，这和感官体验相近，但并不完全相同。感官体验强调的是用户视听上的体验，突出的是舒适性；浏览体验强调的是呈现给用户浏览上的体验，突出的是吸引性。浏览体验更加注重观察用户的浏览习惯，如何将用户浏览网页，变成一种舒适、轻松、愉悦的享受。

栏目层级、内容的分类、内容丰富、信息的更新频率、信息的编写方式、新文章标记、精彩内容推荐、快速通道等都是浏览体验的重要组成部分。同一栏目下，不同分类分隔清晰，一目了然；各个区块内容简洁、有调理；确保稳定的更新频率，以吸引浏览者经常浏览；段落标题应加粗、凸显，以区别于内文；页面底色不能干扰主体页面的阅读；应采用易读文字，避免文字过小、过密造成的阅读障碍；为有明确目的的用户提供快速入口。在对箭牌卫浴网站的改版设计中，将以往最新资讯、新品上市、最新活动三个板块，只有标题，需点击才有内容的迂回展示方式转变为直接将各个模块的最新内容更新在页面中，使用户一目了然地看到各板块的最新动态，减少了用户的操作步骤，同时也使得整个首页更加丰富。

2.5 信任体验

信任体验指的是用户对网站的信任程度，强调可靠性。网站信任度影响着诸多方面，一方面，表现在网站、企业的知名度、网站的功能和服务；另一方面，表现在用户对企业的信心。比如企业介绍过于简单，产品信息、联系信息不够全面，部分功能过于陈旧，未能及时更新等等，这些看似小的细节都极大地影响网站的信任度。对于互联网来说，真正的信任是要用户突破众多心理障碍的，怎样将网页界面设计做得有亲和力、可信度，是进行网页设计时的最高目标之一。规范的内容呈现是说服用户相信企业正规的有效力量。因而，在对箭牌卫浴网页改版的实践中，尽力将各个板块的内容用简短、条理的列表方式，清晰、丰富地展现在用户面前，优化网页界面的功能板块，从而树立企业的良好形象，让用户更好地了解到企业的经营理念、公司文化和主营商品等信息。

总结

通过对箭牌卫浴网页改版的实践环节的研究得知，体验设计是以用户体验为设计目标的设计，它破除了以往需求设计为主导的设计局限。体验设计以人的需求为基础，体现在用户与产品互动的方方面面。

在进行网页界面设计时，要考虑用户与产品互动的各种可能性，并深入了解用户的期望值和体验的最佳效果。只有功能体验和心理体验都做好才能算是成功的用户体验。成功的用户体验也终将为网站带来可观的流量和用户。