通过网络表单链接选择按钮的指南

Question

这些天来看，按钮和链接似乎是可以互换的。从用户体验的角度来看，两者之间是否有选择的指导原则？它甚至重要吗？作为一个经验法则，我认为纯导航应该总是用链接来表达，并且一个动作应该用一个按钮来表达。但是有很多例子和情况都是这样的，例如Google Checkout Shipping Addresses页面。 保存执行操作并使用按钮。 编辑是将用户带到新页面的链接。两者都有道理。但是，删除使用链接执行操作。

那么，何时以及为什么我们选择按钮或链接？

示例方案：

与用户的网格中的页面：

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

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

Answer 1

良好的资源有：Nielsen (duh)和this discussion

曾经是按钮的事物，有特效（如“删除”），而链接了影响导航行动主要指导方针。这些日子有点模糊，但不管怎么样，不可恢复的行为，如删除记录，都应该是一个按钮。

在一般情况下，这是一个差很多使用链接，而不是一个按钮犯错，因为用户不希望的副作用动作发生在所有。

我同意所有5个示例，但下载CSV可以安全地完成，主要取决于UI的其余部分的外观（例如，如果它是“下载”|“选项” “|”书签”，另两个是链接，那么你显然应该是一个链接，以及

Answer 2

我认为这个决定是基于你希望页面的工作方式。例如，如果部分导航涉及使用表单中的结果，那么您需要使用按钮。

因此，如果添加用户具有添加用户类型的选择框，因为它可以确定要添加哪个用户窗体，然后使用按钮。

对于重置密码，因为它仍然在同一页上，那么按钮可能是有道理的。

我倾向于做下一步，后面等链接，因为我可能有文字或图像，但我喜欢显示链接的手。

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

两者都可以工作，但重要的是不仅要保持一致，还要看看类似的应用程序在做什么，看看您是否可以尝试遵循一些行业标准。

正如我所提到的，有时我希望手出现，因为它可能不是显而易见的，但我不希望按钮出现。

因此，如果我有一个可以导致动作的词，它应该与其余的文本一起流入，但是如果将鼠标悬停在上面，您可以得到一些可点击的指示，则链接效果最佳。

我们不要总想按钮看起来像按钮，这样的话环节的工作，但是这需要一个非常一致的界面。