改掉小错误，解决大问题

界面中的各种小细节会增加用户的负担，会像公路上的减速带或坑坑洼洼一样降低用户的效率。

新百伦曾邀请我们提高网站主页的点击量。用户界面，尤其是网页上面，到处都是让人分心的东西。这些讨厌的细节会让哪怕阅读文章这么简单的事都变成一场噩梦。

文章中的超链接表面上能够提供额外的补充信息，但是每个链接都在说“先停一停吧，看看这链接后面有什么？”这无疑会打断用户的思维，转移用户的注意力。增加文档中的超链接会降低读者的理解力——即使读者不会打开链接也一样。网页的右边栏经常会出现更多分散注意力的链接。这些链接花里胡哨，很容易把用户的注意力从页面的焦点区引开。

为此，我就从减少网站访客的负担着手，做了以下工作。

• 删除没人会看的文字，比如名称下面的口号。
  
• 简化布局，删除页面右侧的垂直边栏，让人容易分清哪些内容重要，哪些内容不重要。
  
• 减少广告位和广告数量，让目标明确的客户不致被这些内容干扰分心。
  
• 去掉分散注意力的元素，如分隔内容的线和横在页面上的黄色背景条，从而减少了视觉上的干扰。
  
• 去掉重复的链接，例如“告诉我……”之类的下拉菜单，把可点击项的数量减少了20%。
  
• 精简按钮和链接的样式，让人容易区分哪些可以点击，哪些不能点击。
  

这个项目没用几周时间就完成了，但主页的点击量却因此明显提高，进而增加了填写申请表单的人数。去掉那些可有可无的选项、内容和分散人们注意力的玩艺儿，可以减轻用户的负担，让用户专心去做自己想做的事。

给用户提供选择会让人感觉自己在把控着局面，而在某些情况下人们更愿意少一些选择。如果选择超过了一定的界限，特别是在很多选择都相似的情况下，选择反而变成了负担。从人们对待技术的态度上，也可以发现类似的倾向。在面对无数的选项和按钮时，人们一般都会感觉不知所措。拿到一个复杂的小玩意之后，他们会因为看不懂、玩不转而心烦意乱，乱中反而更容易出错。太多选择容易让人反感。下次，当你再看到长长的功能列表、满是链接的页面或者充斥着数不清选项的计算机菜单时，应该想到这些都是容易导致设计失败的因素。去掉分散注意力的视觉元素，可以让用户感觉速度更快，而且更加有安全感。这个例子可以说，细节决定成败。

即使非常小的错误也会让用户烦恼。消除错误是简化用户体验的一个方面。

12年，如家需要我们设计一个往来账户查询页面。这家酒店想让这个服务吻合他们品牌的理念——友好、亲切和简单。往来账户的页面上有一个控件，用户可以通过它选择账单。具体来说，需要从两个下拉菜单中选择月份和年份，然后再单击“查询”按钮。听起来已经够简单了。但这个控件可能会导致两方面的错误。

1.如果你选择了将来的日期，就会有一条错误消息提示你，意思就是说你很白痴。2.如果你选择了一年前的日期，同样会看到一条提示消息，告诉你再试一次，因为酒店只提供12个月以内的账单查询。匆匆忙忙的客户很容易在这个控件上选错，无论显示什么错误消息，好像都没有那么友好、亲切和简单。

问题实际上是，用户只需从过去的12个月的账单中进行选择，可却在要求他们输入日期。因此，我把两个日期控件改成了一个可用账单的下拉列表。在重新设计的控件里，用户只能选择可用的账单，因此都不用再设计错误消息了。这样，系统维护起来自然也会更简单。

用户在纠正错误的时候，总会分散一部分注意力，而且感觉上是遇到了麻烦。为了避免发生错误，设计人员经常会打断用户“你确定要这样做吗？”但从某种角度来说，这种方式是很差劲的。因为这样会干扰所有人，即使人家的选择没错也不能幸免。在设计简单的体验时，关键的一步是确定哪些地方需要错误消息，或者检查错误日志，从中找出常见的错误消息。消除错误的来源是简化体验的一个重要思路。

在为a&a修改网站时，我最主要的任务就是改变现有网站的视觉混乱。删除视觉混乱的元素意味着人们必须处理的信息变少了，能够把注意力集中到真正重要的内容上。

“干净”的界面，就是其中没有杂乱的元素。

设计师李燕曾经谈到要让“视觉率”越来越高。换句话说，视线不应该浪费在那些不是内容或者重复的内容上。为此，设计小组删除了图表中的网格线，只剩下坐标轴和折线。这么做的理由是，网格线分散了用户的注意力，导致他们不能专注于更重要的数据：图中的折线形状。

删除混乱元素很简单，观察设计方案中的每一个元素，想一想为什么需要它。它能够提供重要的信息，还是能够提供支持？先把它从方案中删掉。如果方案中没有它不行，再把它拿回来。

以下是一些减少视觉混乱的方法。

• -使用空白或轻微的背景色来划分页面，而不要使用线条。为什么？因为线条在前景中，而空白和颜色在背景上，前景会更多地吸引人的注意力。
  
• -尽可能少使用强调。如果仅加粗就行了，就不必又加粗、又放大、又变成红色。
  
• -别使用粗黑线，匀称、浅色的线更好。
  
• -控制信息的层次。如果页面中信息的层次超过了两或三个层次，就会导致用户迷惑。比如说，要少用数字、大字体或粗字体。
  
• -最好总共不超过三个层次：标题、子标题和正文。减少元素大小的变化。例如，如果你在设计某个报纸的电子版，可能会有一大块放置头条新闻，另有5小块放置次要一些的新闻，千万不要让版面上出现大小都不同的6个区块。
  
• -减少元素开头的变化。整个界面中最好只使用一种按钮样式，使用三或四种按钮样式就太花哨了。
  

你会发现原来可以从网页中清理掉的混乱因素真是太多了。