对话框窗口的确定和取消按钮应该放在右边还是左边?

13

在用户直观使用方面,哪个更好?

在对话框窗口中, OK...取消还是取消...OK?

编辑:

啊!!!我中了陷阱 :P

似乎有些用户误解了我的意思...

我不是指将确定和取消按钮放在对话框的左边或右边。

我的意思是确定按钮应该在取消按钮的右边还是其他位置?

这其实是我的意思 :)


3
你尝试过在uxexchange.com上询问(或搜索)吗? - Bobby Jack
15个回答

1

无论你选择什么,都会是错误的。约定在不同平台(Win/Mac/Gtk/...)和地区/语言之间有所不同,因此无论您使用什么顺序,都会有人认为它很混乱。最好的解决方案是根据系统类型和设置在运行时选择顺序(除非它是Web应用程序,但我们正在谈论对话框窗口,所以这是另一回事)。

幸运的是,你不必实现最佳解决方案——它已经为你完成了。现代GUI工具包通常提供一些机制来自动处理对话框按钮顺序。例如,Qt提供了QDialogButtonBox小部件。使用工具包提供的小部件(或其他机制)。


0
Nielsen Norman Group 提供了一些很好的想法。他们认为,从用户界面体验(UIX)的角度来看,两种方式都是正确的,因为它取决于您正在应用的规则。以下摘录解释了一点...
两种选择都是合理的,人们可以争论数小时关于他们的偏好:
- 首先列出“确定”支持英语和其他从左到右阅读的语言的自然阅读顺序。许多其他按钮集具有自然进展(例如,是/否或上一个/下一个)。您应该始终将这些列出,以使阅读顺序与逻辑顺序匹配 - 在这种情况下,是/取消。此外,假设用户需要确定比取消更频繁,最好将此选项放在第一位,以便通过制表符移动到按钮的键盘驱动用户可以用少按一个键来到达其首选项。
- 将“确定”列在最后会改善流程,因为对话框以其结论“结束”。此外,与上一个/下一个一样,您可以认为确定是将用户向前移动的选择,而取消则将用户向后移动。因此,“确定”应该与“下一个”位于同一位置:在右侧。
个人而言,我更喜欢第二个主题,不知何故,在“确定”之前放置“取消”让我感觉不像在前进。如果您在基于Web的UI上这样做,您可以简单地将焦点放在您认为用户更有可能按下的按钮上。

0

我想这种情况可能会因地区而异,特别是根据从右到左或从左到右的阅读方式。
对于一个美国英语用户来说:就我个人而言,我会把确认框放在左下角,因为这是我已经习惯看到的布局。


0
我会看一下自动创建OK CANCEL弹出框的方式。例如,在Ajax控件工具包中,有一个名为“模态弹出窗口”的扩展,它具有自动生成的通用OK CANCEL按钮。此外,JavaScript中还有一些confirm()方法可以自动生成这些类型的按钮。个人而言,我喜欢查看这些开发人员布局弹出窗口的方式,并使用他们的实现,因为这可能是用户过去看到的东西。希望这可以帮助到您。

0

就我个人而言,我更喜欢使用取消,确定

对我来说,“是的,好的,继续”按钮自然位于右侧。在论坛或安装向导中,转到“下一页”几乎总是在右侧。如果警告框中只有一个按钮,则通常居中或右对齐。

取消通常执行“返回”操作,这几乎总是在任何东西的左侧:Web浏览器,安装向导。

但最终决定权在你手中。选择一种约定并坚持下去!


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接