在Web表单中选择链接按钮的指南

时间:2009-09-10 16:27:26

标签: button hyperlink user-experience

这些天看起来按钮和链接是可以互换的。从用户体验的角度来看,两者之间是否有选择的指导方针?它甚至重要吗?

根据经验,我会说纯导航应始终用链接表示,动作应用按钮表示。但是有很多例子和情况可以改变,例如Google Checkout Shipping Addresses页面。 保存执行操作并使用按钮。 编辑是一个将用户带到新页面的链接。两者都有意义。但是, delete 会使用链接执行操作。

那么,当我们选择按钮或链接的方式和原因时?

示例场景:

包含用户网格的页面:

  • 添加用户功能,可将您带到新页面。链接,因为它导航。
  • 保留在同一页面上的重置密码功能。按钮,因为它是一个动作。
  • 导出到csv 功能,可打开下载框,但保留在同一页面上。我不知道。
  • 网格底部的寻呼机,使用AJAX刷新网格。链接,因为现有的优先权。

具有“下一步”,“后退”,“取消”和“完成”功能的向导。虽然Next和Back应该是链接,但优先级表示它们都应该是按钮。

2 个答案:

答案 0 :(得分:1)

我认为决定取决于您希望页面如何工作。例如,如果部分导航涉及使用表单中的结果,那么您可能需要使用按钮。

因此,如果添加用户有一个选择框,其中添加了哪种类型的用户,因为它可能决定使用哪个添加用户表单,然后是一个按钮。

对于重置密码,由于它保留在同一页面上,因此按钮可能有意义。

我倾向于做Next,back等作为链接,因为我可能有文字或图像,但我喜欢显示链接的手。

导出到csv应该是一个按钮,因为你不会去任何地方,只需要下载。

要么可以工作,但重要的是不仅要保持一致,而且要看看类似的应用程序在做什么,看看你是否可以尝试遵循某些行业标准。

正如我所提到的,有时候我希望手显示出来,因为可能无法看到某些东西是可点击的,但我不希望按钮外观。

所以,如果我有一个可以导致动作的单词,它应该与文本的其余部分一起流入,但如果你鼠标悬停就可以得到一些可以点击的指示,那么链接效果最好。< / p>

我们并不总是希望按钮看起来像按钮,因此链接可以工作,但这需要一个非常一致的界面。

答案 1 :(得分:1)

良好的资源包括:Nielsen (duh)this discussion

主要指导原则是按钮用于具有效果的内容(例如“删除”),而链接用于影响导航的操作。这些天它有点模糊,但是不管怎么说,删除记录这样的不可恢复的动作应该是一个按钮是个好主意。

一般来说,使用链接而不是按钮会更糟糕,因为用户根本不会发生副作用。

我同意所有5个示例,尽管下载CSV可以安全地使用,并且主要取决于UI的其余部分(例如,它是否是“下载”|“选项”等操作面板的一部分|“Bookmark”,另外两个是链接,那么你的链接也很明显。