网站可用性:保存并取消…或者…取消并保存?

跟随 principle of least astonishment :以Windows方式([Save][Cancel]),除非您有理由相信Mac用户在您的用户群中所占的比例更大。

“网络” principal of least astonishment 在被接受的答案中引用会暗示右边是向前的动作(保存),左边是向后的动作(取消),而不是被接受的答案所暗示的。

网络浏览器是网络用户最习惯的用户界面,15多年的网络浏览已经让人相当清楚,后退按钮就在前进按钮的左边。它还与web最初为之开发的基于从左到右的语言相结合。右边是你要去的地方,左边是你去过的地方。

即使在一般的计算机语言中,正斜杠“/”向右倾斜,而反斜杠“\”向左倾斜。

windows用户界面是这里的异类,我认为将用户界面设计建立在微软的优先地位上是一个糟糕的决定。

出于本能,我总是把Save按钮作为最右边的元素。

编辑: http://www.lukew.com/resources/articles/web_forms.html -“主要和次要动作”一节也说明了如何使用视觉权重来获得良好的效果。

尽管这个问题会引发各种激烈的争论,但它似乎并没有对实际的人的表现产生多大影响。这个 advantages and disadvantages of each work out to a wash . 用户出现 equally likely to expect Cancel on either the left or right 在web窗体中。似乎有一个偏向,赞成取消在左边,如果按钮是广泛分开,但你不想这样做,因为 putting the Execute button the far right is associated with slow responses and high error rates 在web窗体上。

我想说最重要的是在你的应用程序中保持内部一致,并且确保Cancel总是被标记为Cancel(而不是像我在一个web应用程序中看到的那样返回)。否则,将按钮放在相邻的位置,靠近用户将看到的最后一个字段(该字段可能不在窗体的右上角)。

这两种方式可能都没有太大区别,只要清楚按钮的作用。 我个人的意见是把储蓄放在左边,因为这是人们最常做的事,人们从左到右阅读。

为什么你需要一个取消按钮?

firing the ejection seat 当他们只想存钱的时候。

我通常把按钮,这将导致大多数行动发生在离中心最远的地方。如果您的按钮位于右上方,我的订单将是[取消][保存]

熟悉往往比客观上正确更重要,因为不熟悉的东西通常在默认情况下不太有用。

人们使用Windows PC或Mac的次数比使用你的应用程序或网站的次数多。所以如果我是你的话,我会选择你认为最关心的用户熟悉的订单。如果主要是mac用户,就用mac的方式。如果主要是电脑用户,就用电脑的方式。

保存应在窗体字段下。“取消”应位于“保存”的左侧或右侧,但不能太近 避免悲惨的错误。卢克W's Web Application Form Design page 有一些有启发性的图表。

您的表单与众不同,因为您希望按钮位于顶部。在这种情况下,我需要知道什么样的页面看起来像和它将如何使用。但既然你已经破坏了表单域和Save之间的任何流,我怀疑 Save应该在右边 支持从左到右的自然路径。

(Windows和Mac对按钮的放置有不同的标准 在对话框上 ,它们的底部都有按钮。这些标准不适用于网页。)