设为首页

首 页

新 闻

教 育
学 习

文 学

人 才

文 化

艺 术

书 画

论 坛

博 客

社 区

图 片

网 络

中 国

世 界

书 店

音 像

摄 影
健 康

生 活

旅 游

娱 乐

男 女

体 育

军 事

科 技

经 济

房 产
汽 车

通 信

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



可用性测试与用户体验 全局于网站整体的网页设计


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

 不是所有设计师都知道可用性测试和网站设计的关系,可用性测试和产品概念在国外同行业中已经形成了强大的认同,并在发挥重要的作用。在网站产品上线之前,对其进行系统规划的可用性测试,能减少后期用户在使用中将又可能产生的抱怨及不满。而这个测试,有一部分是针对系统架构的,有一部分是针对网页界面设计及用户体验的。我们在这主要说说后者:可用性测试对界面设计的折回补充。
   
    在交互性比较强的流程页面中,影响用户操作习惯的所有设计,都有必要在可用性测试中重点注意。常规的可用性测试会以模拟一般用户或核心用户的一次完整操作流程为基础,比如网站的注册、填充资料、选择服务或模块、发表图文或修改删除、最终登出帐户关闭页面等等。在这个过程中,各种操作控件的指引、按钮及文字的诱导,都可以影响用户体验。
    其实用户体验无一定,没有确切的章法来规定说这么做就是好的、那么做就是不好的。只要用户操作起来无障碍,能一气呵成之后没有怨言的,那就是用户体验不差的设计。
   
    1.操作流程中的用户体验。
    这里我们以几个失败的例子,来看看界面设计是如何影响用户体验的。
    图1:myspace失败的登录按钮的设计。
   
    myspace 上线后,无数用户表达了对上图这个极不合适的登录按钮设计的不满,这个重要的元素,被普通的淡化在左侧,右侧是以鲜亮颜色突出表现的注册按钮。很多人在填写完账号密码之后迅速的不假思索的点击了“注册”。这是一个失败的典型,但是它并不是偶然,除了myspace,还有很多登陆设计是这样,如图2。
   
    图2:除了myspace,还有很多登陆设计是这样
    网站为了吸引新用户注册,或者是为了商业回报,会主观上希望某些元素被突出体现,由于设计上处理不当,难免有些原本对于用户操作来说更重要的元素反而会被淹没了,以上这些设计正说明了这点。而如果把“注册”按钮从登录的区域拿出来,或者以不同于“登录”按钮的形式表达,也许效果就会好很多。
   
    图3:新蛋网的登录区域的设计
   
    在新蛋网的登录区域设计中,设计师把用户注册以链接的形式设计,而不设计成按钮,这样也是能明显区分开功能区域的,但是这个设计也不见得稳妥,因为它的登录按钮水平向左超出了用户名密码的区域,用户的鼠标轨迹不具有连贯性。应该把“登录”放置到右边,把“用户注册”放到左边为宜。
   
    2.导向性的用户体验设计
    用户体验的导向性,一般体现在希望对用户的行为方式有明显影响干预的网站,典型的代表就是购物网站了。
    淘宝网的用户体验在业内应该算是典范,作为国内最成功的C2C网站,淘宝的用户体验设计也在无时无刻的完善之中。
    图4:淘宝网商品细节展示及购买引导
   
    以淘宝的产品展示页为例,在单件出售物品的信息传递上,在产品照片右侧,清晰写明了一口价和运费,然后紧接下来就是一个硕大的“立刻购买”按钮,然后种再将需要写明白的物品信息及参数等等一一罗列。这个页面就具有很明显的用户诱导性,淘宝需要的就是货品的成交量。
   
    图5:开心网忽略了对博客的引导
   
    而开心网的引导设计就完全不同,开心网是一个以娱乐为主线索的网站,虽然它也涵盖有博客的功能,但是这不是它的重点和强项,于是开心网在各种环节减少对博客的侧重,尽量简化了对博客的引导,而重点发展其他有别于传统博客的互动性娱乐项目。
   
    3.Don’t make me think
    Don’t make me think——这是用户体验及可用性测试方向一本很有名的著作,好的用户体验就应该把用户当作不会思考的傻子,只会沿着你计划好的路径一步步往下走。用户犹豫得越久,越能说明这个网站的设计体验化还不够。
    图6:digg,直接明了的操作体验
    Digg.com给web2.0带来了新的亮点,每篇文章前有一个digg按钮,你觉得这篇文章好,你就可以顺手“digg”以下,完全不用考虑如何操作。
   
    图7:某网站让人无所适从的按钮群
    在同一个页面上,出现了4个操作按钮,并且仔细一看他们之间还是从属关系,更是让人一头雾水。
   
    4.用户体验,细节决定成败
    一般用户很难记得网站流程中好的部分,他们会认为做得好的地方都是应该的;相反,他们特别容易记得一些影响了全局的细节,一个让人吃惊的微小细节,都可能影响用户对整个网站的评判。
    图8:搜狐邮箱,退出的时候确认提示
   
    图9:微软live邮箱的添加附件操作,公认的失败设计
   
    搜狐闪电游,在编辑邮件的同时,如果点击了任何别的离开编辑状态的操作,您就会看到弹出的提示是否确定放弃正在编辑中的邮件,如果又人在编辑重要邮件的时候进行了误操作,那么这样的细节就能够帮助他们避开损失,进而对该邮件系统更为信任。
    接下来不得不说说微软的live邮箱,整个邮箱界面的设计是被公认为很差的。尤其是在编辑邮件状态下,点击曲别针一样的按钮,按理说应该是就可以浏览机器磁盘并且上传图片或压缩包等有限格式的文件。而在live邮箱里,曲别针按钮右侧有个可下拉的三角形,上传附件须先选择是图片还是文件。我不知道这样设计的意图何在,难道图片就不算是文件的一种吗?
   
    图10:淘宝优秀的下拉选择菜单设计
   
    去淘宝搜索任何一件物品,就可以看到图上这个很长却又很整齐的物品分组下拉菜单,特殊分组还有背景颜色块以示区分,合理的分组搜索,能缩小搜索的包围圈,提高用户的寻找效率。
   
    图11:开心网的圈人操作的优秀体验
   
    圈人这个创意应该是来自于照片网站Flickr,开心网在细节上对其发扬光大,使得“圈人”的体验度更强,使用起来更加得心应手。
   
    在进行了科学的可用性测试,掌握一般用户和核心用户的体验报告之后,设计师就需要以用户体验报告来对设计进行分析调整,完善网站,实现可用性测试对网站设计的折回补充作用,用以实现更具有用户亲和力和操作便利性的操作界面。
   
    到此为止,本文一共使用了五个大章节来对脱离了最基础的美术设计高度之上的网站整体设计发表了我的个人看法。设计其实是个无标准也无满分的东西,它存在于网站假设的各个环节之中,因篇幅所限,只能谈到一些常见的并且容易表达和揣摩的内容,也许我的某些观点和各位不一致,您可以反对我,但是请您一定记住:最简单的设计,不一定是最好的设计;而最简单的操作流程,才是最好的流程。
   


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


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

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

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

书画大学