设为首页

首 页

新 闻

教 育
学 习

文 学

人 才

文 化

艺 术

书 画

论 坛

博 客

社 区

图 片

网 络

中 国

世 界

书 店

音 像

摄 影
健 康

生 活

旅 游

娱 乐

男 女

体 育

军 事

科 技

经 济

房 产
汽 车

通 信

商 城
当前位置:首页 > 网络 >> 网站建设 >>> 文章内容



直观交互设计与网站用户体验


时间:2009-6-6   阅读243次

 这些年交互设计在网站产品中提到比较多,很多网站已经有了专职的交互设计师职位。通过对基于web浏览器产品的界面和行为进行人机交互设计,让产品和用户之间建立一种有机关系,从而可以有效达到用户的目标,这就是网站交互设计的目的。
   
    同时,交互设计的目标还体现在网站的用户体验之中,体验在于给用户一些舒适的、与众不同的或者意想之外的感觉。可用性实现产品应该做到的基本功能,并且符合基本逻辑,一切顺理成章理所应当;而用户体验则是这个流程的操作过程中用户获得的便利、额外的惊喜、还有收获。
   
    伴随着这个话题,有很多的网站及网站产品在被对这个行业有着浓厚兴趣的设计师们津津乐道着,典型的自然是google和一系列玩弄概念的web2.0网站。
   
    Google Gmail (http://mail.google.com)
    我们先来看看Gmail,虽然Gmail在中国还是存在速度慢、登录有些不稳定等,但这丝毫没有减弱忠实用户的热情,Gmail在使用体验上做的非常好,除了在容量上的惊人慷慨,还有些独有的功能特性使Gmail形成了很强的独特竞争力。
    Gmail 可以自动将电子邮件及其回复汇集为会话,这是我所看到的Gmail最具交互意义的功能创新了,在此以前的所有Email系统里面,要在大量的邮件中找到自己上次回复过的邮件是非常麻烦的一件事情。而现在Gmail能够像一个BBS帖子一样把所有与收到或者发出的邮件关联起来,就能够马上看到整个邮件的沟通过程,连搜索都不用。
    好的功能设计一定是考虑到用户最方便的使用,最近看到不少人在用户体验方面的争论,大家把焦点放在了是否顺应用户的使用习惯方面,而我觉得使用习惯固然重要,如果没有意义的改变了你产品的用户习惯肯定是一个错误的选择。如果这个用户习惯的改变是对原有使用习惯的改进,使用户更加方面的进行操作,那就像Gmail一样是个出色的交互革命。
    图1:Gmail的折叠对话式邮件往来。
   
   
    豆瓣(http://www.douban.com)
    豆瓣的交互设计一直让人称道,作为web2.0产品中的经典设计,豆瓣搜索工具做得很人性化,虽然豆瓣已经发展了书籍,影片,音乐的多个领域的业务,但其搜索并没有出现让人烦心的选择项,一个简单的搜索按钮全部搞定,并有字幕提示可搜索的种类,并有指示性的小按钮可供精确搜索。而在搜索的结果页可以进行更细分的搜索,相对于其他很多搜索功能上已经是很大的进步。
    豆瓣使用了许多指示性的符号。如 在哪儿才能买到书?....... 不仅通过问号来指示,而且用省略号来吸引你注意。整个页面没有过多的小图标之类的东西,更多是采用指示符号。
    无论身处豆瓣哪个页面,针对该页面的各功能模块都会将围绕该功能模块的功能链接进行合理的安置,以至于你看到哪个功能块,想干什么,想看什么,他所有的功能操作能在周围就找得到。
    图2:登陆之后的我的豆瓣页
   
    开心网(http://www.kaixin001.com)
    今年SNS网站的用户争夺战可谓是愈演愈烈,起初Facebook没能占据白领阶层的主力市场,接下来的校内网和海内网之间的较量还刚拉开帷幕,又多了一个搅局的开心网。纵观SNS的众多大小网站,都非常重视交互设计对用户体验度的影响,之所以有这么多人愿意每天花半数以上的工作时间泡在SNS上,和他们优秀的交互设计是分不开的。
    开心网的交互设计在很多细节之处可圈可点,选择人名的时候如果遇上有数个人同名同姓无法区分的,那么在名字右侧便会有他的缩小头像显示;在抢车位的小游戏中,右侧好友列表的中,好友名字旁边会有显著标识该好友家车位是全满还是半满,免得点进去之后才发现没位置停车而浪费时间;另外在新推出的“咬人”游戏中,欲咬人之前界面上还会给显示出来哪些人还有能量经受你一咬,而哪些人又是你今天已经咬过了的——在方便的基础上更加方便。等等很多用户体验细节的专注,使得开心网热潮退去之时仍有很强的用户黏性。
    图3:开心网的交互设计细节
   
    Flickr相册(http://www.flickr.com)
    Flickr却一直在尝试用文字去表现其个性,每次Flickr都会变着花招的跟登录进去的用户打招呼。——Labdien 小猪头!現在你懂得怎样用拉脱维亚语打招呼了!(Now you know how to greet people in Latvian!)。放在本地的中文网站,搞这套自然没有大意思。因为Flickr的国际化,每天来自世界各地的用户互相浏览对方的图片,而语言则正好是一个沟通重要因素。
    简洁的用户界面不带强制性的广告,使起来顺手且随意的翻页浏览,不论产品和用户界面,Flickr都强调要使初次登入的用户有种亲切感。Flickr团队的工作人员每天每秒不停息地改进Flikcr以使用户能获得更好的用户体验。已经成为 Web2.0标志之一的小插件(Features)诸如博客的导入/导出,能内嵌入其他网站的Flickr相册代码等,都很早就发展起来了。因此几乎 80%的新用户是通过浏览其他Flickr用户的博客而知晓Flickr的。同时,Flickr也以提供额外功能(诸如:扩展的存储量)作为奖励,来吸引用户更积极地邀请他们自己的朋友参加进来。
    图4:Flickr,极方便的字段修改操作
   
    介绍了很多出色的交互设计,接下来看看这些做得不那么好的例子,对于交互的把握不够、或者稍有偏差,使得整个产品就不那么完美了。
   
    各大门户网站
    几大门户网站有着最失败的用户体验,虽然这些年各网站都开始注重交互设计和用户体验,但只有网易真正把交互的职位和权责确立了起来,于是把新浪搜狐远远的甩在后面。
    传统的门户不外乎是无数标题和专题以及广告在首页的无穷堆叠,以至于页面冗余到近十数屏的高度,还好门户有着及其强劲的服务器支持,不然这样的页面根本无法呈现在用户面前。
    海量的信息在用户体验上就纯粹是浏览,真正的标题式浏览,这样就导致了页面的位置格局具有了极大的战略意义。网站本身已经不是以用户为本,而是以该网站、该网站编辑的主动导向为本,可以说这样的人机交互是非常失败的。
    具有前瞻意识的网易让我们看到了门户的改变,虽然网易的主要页面仍是传统型门户,但是其各种产品已经逐渐建立起了系统的交互设计体系,这些在网易相册和邮箱里体现得比较明显。
    图5:新浪首页
    图6:搜狐首页
   
   
    谷歌财经
    今年初上线的谷歌财经可以算是一个毁誉参半的产品。谷歌财经对资讯及日历的整合和交互式的图标设计让看习惯了填鸭式财经网站的用户眼前一亮。在谷歌财经的首页中显示了国内商业新闻按照专题进行了分组,而不是按发布日期进行排列。这样,就不必再阅读大量 的具有相同标题的新闻事件。此外,大家还可以将自己的股票添加到谷歌日历中进行管理。谷歌财经将市场数据以图表的形式在的首页中显示出来,同时结合相关新闻将其放置在一个单一的互动图表里。这样用户可以追踪新闻直至股票表现,也可以点击并拖动图表,查询不同时段的信息或其它更详细的资料。
    而谷歌财经的个股行情图却让中国用户汗颜,由于应用程序是直接汉化过来使用的,所以每天的11点30分到13点这一个半小时的中国证券交易市场午间停牌时间,在谷歌的行情图上显示的是一条笔直的线段——因为那段时间价格没有变动,但是技术上似乎也没有办法隐去。
    图7:谷歌财经的尴尬
   
    MSNSpace
    说MSNSpace是有史以来人机交互界面最差的东西丝毫不为过,用户对文本编辑器控件的抱怨已经不是一句两句,虽然MSNspace在博客网站中算是比较早的使用模块化拖拽的,但是这也丝毫不能激起用户的兴趣。照片列表的小气设计、头顶永远的宽大丑陋的搜索栏、日志左侧拖沓的无穷无尽的月份汇总……还有文章的分页呢?在哪?在右上角一个用户永远不可能在三秒之内找到的地方。
    MSNSpace改版以后界面上已经是怨声载道,而如今用户体验又给人留下这么糟糕的印象。相比微软的其他的伟大的产品群,MSNSpace的交互设计团队确实算是比较弱势的。
    图8:MSNSpace的博客页面
   
    另外需要说明的是,交互设计关注的焦点是关于用户的需求,是主要针对于用户感知及知识领域的,不是设计,很多人因为“设计”二字就把交互设计和美术设计混为一谈,这是个误区。“交互设计”达到的最高境界应该是用户对产品的满意度最大化,即实现最高的用户体验度,同时为设计人员提供帮助的最大化,以促使产品最终能趋于完善的交付给用户。
   


作者声明:
  
我谨保证我是此作品的著作权人。我同意中国人人网发表此作品,同意中国人人网向其他媒体推荐此作品。未经中国人人网或作者本人同意,其他媒体一律不得转载。一旦传统媒体决定刊用,中国人人网及时通知我。在不发生重复授权的前提下,我保留个人向其他媒体的直接投稿权利。
【编者按】(注:转载除外)


相关信息
网友评论                >>> 发表您的评论
没有评论信息

  友情连接 关于人人 加盟人人 联系人人 人人广告 人人招聘 人人导航 人人未来  

人人文学网
网址:http://www.cnrr.cn 电子邮箱:cnrr.cn@163.com
总部电话:010-51656981 QQ:253581255
版权所有: 中国人人网

书画大学