Web可用性：保存并取消...或...取消并保存？

Windows和OS X总是碰头，但关于在Web应用程序中保存按钮或取消按钮是否先出现的一般意见一致？Web可用性：保存并取消...或...取消并保存？

[保存] [关闭]

或

[取消] [保存]

注：我有这些按钮在表格刷新到右侧的顶部。

来源

2010-05-14 Keith Adler

这是非常个人的和辩论的 – 2010-05-14 17:29:37

另请参阅http://stackoverflow.com/questions/50335/ok-cancel-or-cancel-ok – 2010-05-14 18:12:24

您是否支持触摸屏设备？如果是这样，大多数人都是右撇子，所以把最常点击的按钮放在右下角，特别是如果'保存'是安全的，但是你的工作失去了'取消'。 – JBRWilkinson 2010-05-17 12:55:51

请按照principle of least astonishment：按照Windows的方式（[保存] [取消]），除非你有理由相信Mac用户补充您的用户群的更大一部分。

来源

2010-05-14 17:28:17 phenry

这似乎很不寻常。是否有许多Windows窗体右上角的“取消”按钮？ – 2010-07-16 04:27:50

这两种方式可能并不是很大的区别，只要清楚按钮的作用即可。我个人的投票将是保存在左侧，因为这是人们最经常做的事，人们从左到右阅读。

另外，我还要把一些空间按钮之间，以确保用户不小心点击一个，当他们试图单击另一个。

来源

2010-05-14 17:27:04 GSto

我通常会把按钮，这将导致发生最远离中心最远的行动。如果你的按钮是右上角的，我的订单将会是[取消] [保存]

来源

2010-05-14 17:27:18

本能地，我总是把保存按钮作为最右边的元素。

我想还有其他的事情要考虑。主要是实际需要取消按钮，还是另一个元素（例如指向前一页的面包屑痕迹）可能更合适。

编辑：http://www.lukew.com/resources/articles/web_forms.html - 加权视觉如何可以使用，效果良好，以及该部分中的“主要和辅助操作”所示。

来源

2010-05-14 17:28:56 NathanGaskin

熟悉往往比做正确客观地更重要，因为东西都是陌生的往往是，默认情况下，较少使用。

人们使用Windows PC或Mac而不是您的应用程序或网站。所以，如果我在你的鞋子里，我会选择你认为最熟悉的用户所熟悉的顺序。如果它是一个大多数mac用户，请使用mac方式。如果主要是PC用户，请使用PC方式。

来源

2010-05-14 17:29:56

我想我可以做的一件事是检测用户代理，并且对于Safari用户而言，使用CSS将其推向一种方式，而对于非Safari用户使用另一种方式，尽管这可能是不稳定的。 – 2010-05-14 17:32:01

@Nissan，不要让它在不同的浏览器中有所不同。对于切换浏览器的用户来说，这会非常混乱。 – tster 2010-05-14 17:34:52

为什么你需要取消按钮？

在网络表单上，用户几乎总是可以通过其他操作取消。在“保存”附近放置“取消”正在创建一种情况，其中用户在他们想要做的所有事情都是保存时很有可能是firing the ejection seat。

来源

2010-05-14 17:51:53

我不同意第一部分，但第二部分是现货。我已经考虑过使用大于按钮的提交按钮，但它看起来非常丑陋。 – 2010-05-14 18:02:36

对于这个问题可能产生的所有激烈争论，它似乎没有在实际的人类表现上有太大的差异。该advantages and disadvantages of each work out to a wash。用户以网页形式出现equally likely to expect Cancel on either the left or right。如果按钮之间的距离很远，似乎有偏向偏好取消左侧的按钮，但您不希望在网络表单上使用putting the Execute button the far right is associated with slow responses and high error rates。

我会说，最重要的是要在你内部一致的应用程序，并确保取消总是标记（就像我在一个web应用程序看到的不是，说，“返回”）“取消”。否则，将按钮放在一起并靠近用户将查看的最后一个字段（可能不在窗体的右上方）。

不要担心它太多。

来源

2010-05-17 12:46:17

在正常形式上，保存应在表单域下。取消应该在保存的左侧或右侧，但不要太接近以避免发生悲剧性错误。 Luke W的Web Application Form Design page有一些照明图。

您的表单很不寻常，因为您希望按钮位于顶部。在这种情况下，我需要知道页面的外观以及如何使用。但是由于您已经打破了表单字段和保存之间的任何流程，我怀疑保存应该在右侧以支持自然的从左到右的路径。

（Windows和Mac有对话框的按钮放置不同的标准，并且它们都具有按键位于底部。这些标准并不适用于网页。）

来源

2010-07-16 04:26:41

这里的关键是，我们在说话“网络”可用性。至此，我认为在接受的答案中引用的principal of least astonishment表明right是forward action（save），left是backward action（cancel），而不是接受的答案建议。

网络浏览器是网络用户最习惯的用户界面，15年以上的网络浏览使得后退按钮位于前进按钮的左侧。它还与网络最初开发的基于左至右的语言交流。右边是你要去的地方，左边是你去过的地方。

即使是普通的电脑白话，一个斜杠，/，斜背，斜杠，\，向左倾斜。

这里的windows UI是离群值，我认为将您的UI设计基于Microsoft的优先级是一个糟糕的决定。

我可能会指出，您的右上角两个按钮的定位是非标准的，但我不认为它承担了按钮本身的排序。

来源

2013-09-30 16:50:40

Web可用性：保存并取消...或...取消并保存？

回答

相关问题