在这个问题上,Windows和OS X一直存在分歧,但是在Web应用程序中,Save按钮或Cancel按钮应该放在哪里的普遍共识是什么?
[保存] [取消]
还是
[取消] [保存]
注意:我将这些按钮置于表单顶部,并靠右对齐。
在这个问题上,Windows和OS X一直存在分歧,但是在Web应用程序中,Save按钮或Cancel按钮应该放在哪里的普遍共识是什么?
[保存] [取消]
还是
[取消] [保存]
注意:我将这些按钮置于表单顶部,并靠右对齐。
按照最小惊讶原则:除非你有理由相信Mac用户占据更大的用户基础,否则请按照Windows方式进行([保存] [取消])。
网络浏览器是用户界面中最熟悉的,15年以上的网络浏览使得回退按钮在前进按钮左侧变得非常清晰。它也符合最初开发网络的从左到右的语言。右边是你要去的地方,左边是你曾经去过的地方。
即使在一般的计算机术语中,正斜杠/向右倾斜,而反斜杠\向左倾斜。
Windows UI在这里是异常值,我认为基于Microsoft的先例来设计UI界面是一个错误的决定。
我可能会指出你两个按钮的右上角定位是非标准的,但我认为这与按钮本身的排序无关。
本能地,我总是把保存按钮放在最右边的位置。
我认为还有其他事情需要考虑。首先要考虑是否真的需要取消按钮,或者其他元素(例如指向上一页的面包屑导航)可能更合适。
编辑:http://www.lukew.com/resources/articles/web_forms.html - “主要和次要操作”一节展示了如何使用视觉权重产生良好效果。
这可能并没有太大的区别,只要清楚按钮的功能即可。我的个人建议是将“保存”放在左边,因为这是人们最常做的事情,而且人们从左到右阅读。
此外,我还会在按钮之间放一些空间,以确保用户不会在试图点击另一个按钮时意外点击其中一个。
为什么需要取消按钮?
在网页表单中,用户几乎总是可以通过其他操作来取消。将“取消”放在“保存”附近会导致用户很可能在想要保存时误触“弹射座椅”(参考)。因此,不需要在表单中添加取消按钮。
通常我会把导致最多操作的按钮放在最远离中心的位置。如果你的按钮在右上角,我的顺序是[取消][保存]
熟悉度通常比客观正确性更重要,因为不熟悉的事物通常默认情况下不太可用。
人们使用他们的Windows PC或Mac比使用您的应用程序或网站更频繁。所以如果我是你,我会选择你认为最熟悉的用户顺序。如果主要是Mac受众,请按照Mac的方式进行。如果主要是PC受众,请按照PC的方式进行。