交互设计影响网站用户体验

【前言】交互设计影响网站用户体验由文秘帮小编整理而成，但愿对你的学习工作带来帮助。豆瓣 豆瓣的交互设计一直为人称道，作为Web2.0产品中的经典设计，豆瓣搜索工具做得很人性化。虽然豆瓣已经发展了书籍、影片、音乐等多个领域的业务，但其搜索并没有出现让人心烦的选择项，一个简单的搜索按钮全部搞定，有字幕提示可搜索的种类，并有指示性的小按钮可...

从用户角度来说，交互设计(Interaction Design)是一种让产品易用、有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时了解各种有效的交互方式，并对它们进行增强和扩充。

近年来，交互设计在网站产品中得到广泛使用，很多网站已经有了专职的交互设计师职位。通过对基于Web浏览器产品的界面和行为进行人机交互设计，让产品和用户之间建立一种有机关系，从而可以有效达到用户的目标，这就是网站交互设计的目的。

同时，交互设计的目标还体现在网站的用户体验之中，体验的目的在于给用户一些舒适的、与众不同的或者意料之外的感觉。可用性实现产品应该做到实现网站的基本功能，并且符合用户基本逻辑，使一切顺理成章；而用户体验则是用户在这个流程的操作过程中获得的便利和收获。

伴随着这个话题，有很多的网站及网站产品被对这个行业有着浓厚兴趣的设计师们津津乐道，典型的自然是google和一系列玩概念的Web2.0网站。

【出色的网站交互设计】

豆瓣

豆瓣的交互设计一直为人称道，作为Web2.0产品中的经典设计，豆瓣搜索工具做得很人性化。虽然豆瓣已经发展了书籍、影片、音乐等多个领域的业务，但其搜索并没有出现让人心烦的选择项，一个简单的搜索按钮全部搞定，有字幕提示可搜索的种类，并有指示性的小按钮可供精确搜索。而在搜索的结果页可以进行更细分的搜索，相对于其他很多网站的搜索功能已经有很大的进步。

豆瓣使用了许多指示性的符号。如：“在哪儿才能买到书？.......” 不仅通过问号来指示，而且用省略号来吸引用户注意。整个页面没有过多的小图标之类的东西，更多是采用指示符号。

无论身处豆瓣哪个页面，针对该页面的各功能模块都会将围绕该功能模块的功能链接进行合理的安置，以至于用户看到哪个功能块、想干什么、想看什么，所有相关的功能操作在周围就找得到。

开心网

纵观SNS的众多大小网站，都非常重视交互设计对用户体验度的影响，之所以有这么多人愿意每天花半数以上的工作时间泡在SNS上，和他们优秀的交互设计是分不开的。

开心网的交互设计在很多细节之处可圈可点，选择人名的时候如果遇上有数个人同名同姓无法区分时，在名字右侧便会有该用户的缩小头像显示；在抢车位的小游戏中，右侧列表中的好友名字旁边会有显著标识说明该好友家车位是全满还是半满，免得点进去之后才发现没位置停车而浪费时间；另外在新推出的“咬人”游戏中，欲咬人之前界面上还会显示哪些人还有能量经受你一咬，而哪些人又是你今天已经咬过了的――在方便的基础上更加方便。这些用户体验细节的专注，使得开心网在SNS热潮退去之时仍有很强的用户黏性。

GoogleGmail

虽然Gmail在中国还存在速度慢、登录不稳定等问题，但这丝毫没有减弱忠实用户的热情，Gmail在使用体验上做得非常好，除了惊人容量，独有的功能特性使Gmail形成了很强的独特竞争力。

Gmail 可以自动将电子邮件及其回复汇集为会话，这是我所看到的Gmail最具交互意义的功能创新。在此以前，对所有Email系统而言，要在大量的邮件中找到自己上次回复过的邮件是非常麻烦的。现在，Gmail能够像BBS帖子一样，把所有收到或者发出的邮件关联起来，能够马上看到整个邮件的沟通过程，连搜索都不用。

好的功能设计一定是考虑到用户最方便的使用，最近看到不少在用户体验方面的争论，大家把焦点放在了是否顺应用户的使用习惯方面，我觉得，使用习惯固然重要，但没有意义地改变了产品用户习惯肯定是错误的选择。而如果这个用户习惯的改变是对原有使用习惯的改进，使用户能更加方便地进行操作，那就像Gmail一样，是个出色的交互革命。

Flickr相册

Flickr一直在尝试用文字去表现其个性，每次Flickr都会变着花招跟登录的用户打招呼。放在中文网站，搞这套自然没有多大意思。但Flickr是一个国际化的网站，每天来自世界各地的用户互相浏览对方的图片，语言正好是一个沟通的重要因素。

Flickr简洁的用户界面不带强制性的广告，使翻页浏览顺手且随意。不论是产品还是用户界面，Flickr都强调要使初次登入的用户有种亲切感。Flickr团队的工作人员不停地改进Flikcr，以使用户能获得更好的用户体验。一些已经成为 Web2.0标志之一的小插件(Features)，诸如博客的导入/导出，能内嵌入其他网站的Flickr相册代码等，都很早就发展起来了。因此，几乎 80%的新用户是通过浏览其他Flickr用户的博客而知晓Flickr的。同时，Flickr也以提供额外功能(诸如扩展的存储量)作为奖励，来吸引用户更积极地邀请自己的朋友参加。

【不够完美的网站交互设计】

MSN Space

说MSN Space是有史以来人机交互界面最差的网站丝毫也不为过，用户对文本编辑器控件的抱怨已经不是一两句。虽然MSN Space在博客网站中算是比较早地使用模块化拖拽的，但是这也丝毫不能激起用户的兴趣。照片列表的小气设计、头顶永远宽大丑陋的搜索栏、日志左侧拖沓且无穷无尽的月份汇总……而真正被用户所需要的文章分页则在右上角一个用户永远不可能在三秒之内找到的地方。

MSN Space改版以后的界面设计已经使用户怨声载道，而今用户体验又给人留下这么糟糕的印象。相比微软其他的优秀的产品群，MSN Space的交互设计团队确实算是比较弱势的。

谷歌财经

今年年初上线的谷歌财经可以算是一个毁誉参半的产品。谷歌财经对资讯及日历的整合和交互式的图标设计，让看习惯了填鸭式财经网站的用户眼前一亮。在谷歌财经的首页中显示了国内商业新闻，并按照专题进行了分组，而不是按日期进行排列。这样，用户就不必再阅读大量具有相同标题的新闻事件。此外，用户还可以将自己的股票添加到谷歌日历中进行管理。谷歌财经将市场数据以图表的形式在首页显示，同时结合相关新闻将其放置在一个单一的互动图表里。用户可以追踪新闻直至股票表现，也可以点击并拖动图表，查询不同时段的信息或其他更详细的资料。

而谷歌财经的个股行情图却让中国用户汗颜，由于应用程序是直接汉化过来使用的，所以每天的11点30分到13点这一个半小时的中国证券交易市场午间停牌时间，在谷歌的行情图上显示的是一条笔直的线段――因为那段时间价格没有变动，但是技术上似乎也没有办法隐去。

门户网站

几大门户网站都有着或多或少的失败用户体验，虽然这些年各网站都开始注重交互设计和用户体验，但只有网易真正把交互的职位和权责确立了起来。

传统的门户不外乎是无数标题、专题以及广告在首页的无穷堆叠，以至于页面冗余到近十数屏的高度，还好门户有着强劲的服务器支持，不然这样的页面根本无法呈现在用户面前。

海量的信息在用户体验上就纯粹是浏览――真正的标题式浏览，这样就导致了页面的位置格局具有了极大的战略意义。网站本身已经不是以用户为本，而是以该网站、网站编辑的主动导向为本，可以说这样的人机交互设计是非常失败的。

具有前瞻意识的网易让我们看到了门户的改变，虽然网易的主要页面仍是传统型门户，但是其各种产品已经逐渐建立起了系统的交互设计体系，这些在网易相册和邮箱里体现得比较明显。

另外需要说明的是，交互设计关注的焦点是用户的需求，主要针对于用户感知及知识领域，不是设计，很多人因为“设计”二字就把交互设计和美术设计混为一谈，这是个误区。我想“交互设计”达到的最高境界，应该是用户对产品的满意度最大化，即实现最高的用户体验度，同时为设计人员提供帮助的最大化，以促使产品最终能趋于完善地交付给用户。