“确定”和“取消”按钮 12 月 19, 2008 | Filed in: 魔琳修炼-工作学习 就上次魔琳和DINO 讨论的表单按钮问题，魔琳又去查阅了一些资料和博文。 这里有一篇文章是Luke Wroblewski 和Etre 通过眼睛追踪和可用性研究所得出的一些结论，主要是分析表单中的主要操作和次要操作（确定和取消的操作）。简单看了看，这里拿出来和大家分享一下。 因为是E 文的，俺的能力有限，内容大概按自己的理解来翻译的~~ 不明白的地方大家可以查阅原文。 主要&次要操作 一个典型的Web 表单通常包含一些“结束”的行为。例如“提交”、“保存”、“继续”，旨在用户能够顺利的完成表单的填写，让任务流结束，所以它们通常被认为是主要的操作。 另一方面，次要操作使用户能够重置之前数据输入。如“取消”、“重置”或“返回”作为次要的操作，不同于填写表单这样的主要操作。 由于次要操作会产生消极结果，特别是在用户不经意的情况下。所以，我常常认为他们不应该在表单中存在。想像一下，当在填写一长串表单数据时，不小心点击“重置”按钮将清空所有的数据。 这就说明这些次要操作的位置意义重大（“稍后保存”、“输出”等）。在这种情况下，我主张通过视觉来区别主要和次要的操作，使人们有更清晰的思路和目标明确。 减少次要操作在视觉表现上的突出性，最大限度的减少误操作并进一步引导用户成功的完成目标。但是，用什么方式来进行区别才是最好的呢？不同应用的主要和次要动作应该放在哪里呢？要找到这些答案，Etre 和我做了几个试验。 为了评估主要和次要操作哪种方式最好，我们对 23 个用户的眼睛追踪和可用性指标做了 6 个不同的测试，这六个设计会被随机的测试（使偏差减到最小）。并且，他们需要对表单填写全面和准确。 视觉区别 当做完第五个或第六个设计后人们完成了他们的任务，选项A、B、C、D 和 F 取得的成功率为100%，没有造成错误。他们也看了可比较的任务完成时间并且接受了同样地高满意度。 选项B 表现最佳，做这个测试所花费的时间最少，并且人们能完成迅速和高效。 当评论选项A 时，一些用户反映，让“取消”以链接形式展现是有用的。一个用户提到，这样隐性的设计按钮，让按钮难以被发现可以帮助防止偶然的误操作。还有一些则认为“提交”是很重要的选择，因而“取消”这样的按钮在页面中不应该有和提交一样重要的地位。 有几个人也对 C 的灰色“取消”做了评论，一个测试用户说它的着色更加容易察...
