Windows 和 OS X 一直在这方面大打出手，但对于在 Web 应用程序中是先显示保存按钮还是取消按钮，普遍的共识是什么？
[保存] [取消]
或
[取消] [保存]
注意：我在表单顶部的这些按钮与右侧齐平。
【问题讨论】：
标签： usability
按照principle of least astonishment：按照 Windows 方式进行操作（[保存] [取消]），除非您有理由相信 Mac 用户占您用户群的大部分。
【讨论】：
这里的关键是我们在谈论“web”可用性。至此，我认为很明显，在接受的答案中引用的principal of least astonishment 表明右是前进动作（保存），左是后退动作（取消），而不是接受的答案所暗示的。
网络浏览器是网络用户最习惯的用户界面，15 年以上的网络浏览已经清楚地表明，后退按钮位于前进按钮的左侧。它还与最初开发 Web 的基于从左到右的语言相结合。右边是你要去的地方，左边是你去过的地方。
即使在一般的计算机语言中，正斜杠 / 向右倾斜，而反斜杠 \ 向左倾斜。
Windows UI 在这里是个例外，我认为将你的 UI 设计基于 Microsoft 的优先级是一个糟糕的决定。
我可能会指出，两个按钮的右上角位置不标准，但我认为这与按钮本身的顺序无关。
【讨论】：
出于本能，我总是将保存按钮放在最右边的元素中。
我认为还有其他事情需要考虑。主要是是否真的需要取消按钮，或者是否另一个元素（例如指向前一页的面包屑路径）可能更合适。
编辑：http://www.lukew.com/resources/articles/web_forms.html - “主要和次要动作”部分展示了如何使用视觉权重来获得良好的效果。
【讨论】：
对于这个问题可能引发的所有激烈争论，它似乎对人类的实际表现没有太大影响。 advantages and disadvantages of each work out to a wash。用户在 Web 表单中出现 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 表单上，用户几乎总是可以通过其他操作取消。将“取消”放在“保存”旁边会造成用户在只想保存时很有可能获得firing the ejection seat。
【讨论】：
我通常将导致最多动作发生的按钮放在离中心最远的地方。如果您的按钮在右上角，我的订单将是[取消][保存]
【讨论】：
熟悉往往比客观正确更重要，因为不熟悉的事物通常默认情况下不太可用。
人们使用 Windows PC 或 Mac 的次数多于您的应用或网站。因此，如果我站在您的立场上，我会选择您认为您最关心的用户会熟悉的顺序。如果它是一个主要是 mac 的观众，那就用 mac 的方式。如果主要是 PC 观众，请以 PC 方式进行。
【讨论】：
在普通表单上，保存应位于表单字段下方。 Cancel 应该在 Save 的左边或右边，但不要太靠近以避免悲剧性的错误。 Luke W 的Web Application Form Design page 有一些启发性的图表。
您的表单与众不同之处在于您希望按钮位于顶部。在这种情况下，我需要知道页面是什么样子以及如何使用它。但由于您已经破坏了表单字段和 Save 之间的任何流程，我怀疑 Save 应该在右侧 以支持从左到右的自然路径。
（Windows 和 Mac 对按钮放置在对话框中有不同的标准，它们都有底部的按钮。这些标准不适用于网页。）
【讨论】：