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