Article copyright by Gabriel Svennerberg
Gabriel Svennerberg版权所有
原作者：Gabriel Svennerberg；译者：UCD翻译小组，mysmth2003

原文网址：http://www.svennerberg.com/2008/09/the-use-of-buttons-in-web-forms/ 

动作按钮存在于每个web表单的底端。它们太平常了，以至于我们甚至不能仔细思考实际怎么去设计它们。从一堆伟大的易用性思想和我自己的经验中可收集到的信息中，我想提出一套做法来让这种设计更高效些。

Position 位置

根据Jakob Nielsen（雅各布·尼尔森）的观点，按钮的规则并没有那么麻烦。每个位置都有它的优点和缺点。而重要的一点是一致，如有可能遵照GUI标准平台的规范。

在网络世界以外，也有GUI标准，问题是他们在不同的平台上是不同的。在Windows平台上，GUI规范表明"确认"应该在左侧，而"退出"在右侧。而在苹果平台下，恰恰相反。

在web中，并没有固定的标准要求怎么去做，所以我们必须聪明地找出什么位置是最合适的。
Luke Wroblewski（卢克·罗博乌斯奇）在《网络应用表单设计》一文中专注于这个话题的探索。他建议把首要动作"确定"放置在表单的左侧，次要动作"退出"放置在表单右侧。
他进一步在《网络表单设计》一书中，阐述了从易用性对比测试中的发现：测试表明主要动作在左侧而次级动作在右侧具有更快的绩效。



Robert Hoekman, jr.（罗布特·霍克曼）也思考了不少关于这方面的内容，并且在《设计片段》（Designing the Moment)提出他的想法。
他同意Luke Wrobleski的关于首要动作在表单左侧的观点，这样做的原因在于可以形成一条很好的线，视线可以跟随，推下表格，从而轻松扫描。另一个原因在于如果用户用tab键（键盘左上方的制表符）操控表单，首要动作可以先于次要动作在表格命令下进行。

Labeling the actions 标记动作

Robert Hoekman, jr. 也有一些关于按钮标记的想法，比恰当标记"确定"和"退出"按钮更好的办法是直接标记实际的动作。如果执行一个"存储一个笔记"（save a note）动作，为什么不让"存储笔记（save a note）"按钮替代"确定"按钮呢？Jakob Nielsen也建议按钮上的文字要说明这个按钮究竟要干嘛，不要只用类似于"确定"这种空泛的文字。 这么做用户会更有自信地使用，因为他知道当他按动按钮的时候将会发生什么。

Visual distinction 视觉的差别
另一件事是Robert Hoekman,jr.讨论视觉上区分动作，使得用户能够很轻松地做出正确的选择。

Luke Wroblewski也推断出，做首要的动作要比次要的动作更突出。在易用性测试的调查中，他发现如果首要比次要动作有一点不同的设计的时候，用户会花多一些时间去完成表单。而另一方面，用户会更有信心，较少做出错误的选择。他建议使用不同颜色制作按钮或者让次要动作变成一个普通的链接。

一个简单的方法从视觉上区分两点：我经常去做，则使用粗体(bold font weight)，放在首要动作上，而一个正常的字体放在次要动作上。

Robert Hoekman, jr.推荐"对次要动作使用一个普通的链接"，他的理由是说这可以更清楚的判断谁是首要的。但是它也适用于费茨法则，即距离和目标尺寸设多大可被触及并且点击——目标越大会越快些（被触及、点击）。首要动作因此应该比次要动作大一些。

The Reset button 重置按钮
重置按钮被用来重新设置一个完整的表单。这种早期相当常见的应用，到如今却很少被看到。不过我想我也说一些关于这个按钮的话，当它经常被当作成对的按钮出现在表单中的时候。在多数情况下，这个按钮最好是完全不用。所有经常错误点击重置按钮的用户因此会删掉他们输入的一切内容。（我在Confusing Northface contact form中写过），并且认真地说，你需要多频繁重设整个表单，并且如果你这么做，会产生怎样的问题。这个按钮所具有的风险简单要同可能的收益做一个大的对比，加之在很多情况下，会对表单增加更大的混乱。
正如Jakob Nielsen放到他的警示框专栏《复原和退出按钮》中的话：

     网络将会变成更开心的地方，如果所有的重置按钮被虚拟的移走之后。这种按钮几乎不能帮助用户，反而会伤害他们。可能唯一的时间是当重置按钮被请求的时候，是当一个表单被同一个用户重复使用的时候，并且每次输入的信息是不同的。

关于重置按钮Luke Wroblewski有一个想法，他认为如果你提供一个也应该提供一个撤回(undo)选项。用户点击重置按钮重新恢复表单，可以起到撤回的作用。此举意味着你不得不暂时的存储表单数据，但为用户的方便提供了很小的价值。

Best practices 最佳方法

基于以上所有的观点，加上我使用并设计web表单的经验，我提出一些好办法。

• Position the Primary action to the left 首要动作放在左边 
  把按钮放在表单的左边，可以使得眼睛跟随一条清晰的路线。通过首要动作放在次要动作的左边，也便于tab次序。
• Label the actions in a natural language 标签动作用自然的语言 
  通过描述实际动作发生，用户更舒适的感受他期待使用的内容。
• Make the Primary action stand out 使首要动作凸显 
  这样可以让用户更轻松选择他们想要的选项，而不会从一堆选项中艰难的发现。
• (Almost) Never use a iReset button （几乎）不要使用重置按钮  
  重置按钮经常会伤害用户，而不会太多帮助他们。唯一的可能是他们在表单中需要它们，是同一个用户反复再三做不同输入的时候，即一旦你使用了"重置"，也就意味着为用户提供了一个撤回功能。

你同意我的结论或者对此有不同观点，请分享吧！

关于作者
Gabriel Svennerberg是一位网络开发人员和互动设计师，35岁，自从1996年就从事web的工作。起先自我雇佣，后来在Växjö、Varberg 和Stockholm等不同的代理商工作，如今为Saab Security构建网络应用以及强化用户体验工作。
http://www.svennerberg.com/about/