UI最佳实践问题:取消按钮或取消链接

时间:2011-01-19 09:51:02

标签: html css button web-standards

我与同事讨论了“网络标准”在表格中取消的含义。在我们的讨论中,我们以“更改密码”页面为例。我们有一个设计的“发送”按钮和“取消”按钮。两者都是相同的设计。

他声称在网络标准中,取消按钮不再是按钮,而是将用户转移到另一个页面的链接。在我看来,对于那些包含取消按钮的页面,它实际上是一个取消按钮,它可以重置表单和/或将用户发送到预览页面。

谁是对的?链接或按钮......或两者兼而有之?为什么?是否有决定这种标准的链接?

BR,
保罗佩伦

修改 的 我猜大多数选票的答案都是“正确答案”?

8 个答案:

答案 0 :(得分:30)

以下是对这个问题的一些实际的初步研究,我不会在顶部添加任何主观意见......

Primary & Secondary Actions in Web Forms - 可能是我在这个问题中遇到的最好的研究

Reset and Cancel Buttons - 2000年的一篇文章,指出重置功能有害,取消功能通常是不必要的

OK–Cancel or Cancel–OK? - 坚持标准订单有助于提高可用性

我能给出的最佳答案 - 测试两者,看看哪一种最佳。

在旁注中,我不会称之为“网络标准”,这对前端网络技术(HTML,CSS等)有意义,我会说'UI最佳实践'更适合。

答案 1 :(得分:4)

为什么用户可以轻松撤消他们错误键入的内容? 为什么不防止意外取消?

为什么弹出按钮旁边没有驾驶舱灯开关?

通过使取消按钮与提交按钮不同,您可以轻松传达他们做不同事情的想法。只要看起来不像提交按钮,你就是安全的。

将其设为链接。

答案 2 :(得分:3)

表单设置中的按钮表示您即将执行涉及表单的操作;提交,清除,添加文件等。使取消按钮成为链接,表示您可以随时离开,而不会产生任何后果。

答案 3 :(得分:2)

没有这样的标准,只考虑常识。请检查此链接:http://www.useit.com/alertbox/20000416.html

答案 4 :(得分:1)

我会说链接和按钮完全相同。按钮可以是链接,文本可以是链接。

区别在于默认操作的焦点和它的对应点。

默认选项应始终处于焦点,计数器选项应始终相对靠近。

通过聚焦我的意思是“发送”按钮可以更大或更亮,只要它比“取消”按钮更明显。

您的朋友可能认为您应该使用文本链接,因为它确实遵循此方法。但是CSS按钮可以用同样的方式着色,不那么突出。

答案 5 :(得分:1)

根本不要把它放在那里。用户习惯于如果他们在某个他们不想要的地方,他们将使用后退按钮。您设计UI的工作是引导用户完成一个过程并允许他们做出合理的选择。您已经通过说取消按钮可能有两种结果之一来评论自己,但用户如何知道它是哪一种?有些用户可能希望它重置一个表单,然后将它们从页面中移除,反之亦然。

在我看来,您的表单不需要取消按钮,如果完全省略它,它将有助于用户。

答案 6 :(得分:1)

重要的是用户没有错误地按下取消按钮。正如Horia所说,将其设为链接或按钮,但要使其与众不同,例如使用不同的颜色。不要将其称为“取消”,而是要清楚按下它时会发生什么,例如:“返回上一页。”

顺便说一下,当有一个用于清除表单的按钮时,我讨厌它。完全没必要。它不再那么常见,这很好。

乔恩

答案 7 :(得分:1)

我讨论的时间已经很晚了,但有些情况,特别是在需要“取消”功能的基于网络的应用程序中。在我看来,首选文本链接是因为它提供了与“提交”功能的充分对比,因此用户不会错误地点击错误的内容。