用户体验与可用性测试 [可用性测试与用户体验]

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