通過網絡表單鏈接選擇按鈕的指南

Question

這些天來看，按鈕和鏈接似乎是可以互換的。從用戶體驗的角度來看，兩者之間是否有選擇的指導原則？它甚至重要嗎？作爲一個經驗法則，我認爲純導航應該總是用鏈接來表達，並且一個動作應該用一個按鈕來表達。但是有很多例子和情況都是這樣的，例如Google Checkout Shipping Addresses頁面。 保存執行操作並使用按鈕。 編輯是將用戶帶到新頁面的鏈接。兩者都有道理。但是，刪除使用鏈接執行操作。

那麼，何時以及爲什麼我們選擇按鈕或鏈接？

示例方案：

與用戶的網格中的頁面：

• 的添加用戶功能，帶你到一個新的一頁。鏈接，因爲它導航。
• A 重置密碼功能保留在同一頁面上。按鈕，因爲這是一個動作。
• 將導出到csv功能，該功能可打開下載框但保留在同一頁面上。我不知道。
• 使用AJAX刷新網格的網格底部的傳呼機。鏈接，因爲現有的優先順序。

帶有「下一步」，「後退」，「取消」和「完成」功能的嚮導。雖然Next和Back應該可能是鏈接，但優先級表示它們都應該是按鈕。

Answer 1

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

曾經是按鈕的事物，有特效（如「刪除」），而鏈接了影響導航行動主要指導方針。這些日子有點模糊，但不管怎麼樣，不可恢復的行爲，如刪除記錄，都應該是一個按鈕。

在一般情況下，這是一個差很多使用鏈接，而不是一個按鈕犯錯，因爲用戶不希望的副作用動作發生在所有。

我同意所有5個示例，但下載CSV可以安全地完成，主要取決於UI的其餘部分的外觀（例如，如果它是「下載」|「選項」 「|」書籤」，另兩個是鏈接，那麼你顯然應該是一個鏈接，以及

Answer 2

我認爲這個決定是基於你希望頁面的工作方式。例如，如果部分導航涉及使用表單中的結果，那麼您需要使用按鈕。

因此，如果添加用戶具有添加用戶類型的選擇框，因爲它可以確定要添加哪個用戶窗體，然後使用按鈕。

對於重置密碼，因爲它仍然在同一頁上，那麼按鈕可能是有道理的。

我傾向於做下一步，後面等鏈接，因爲我可能有文字或圖像，但我喜歡顯示鏈接的手。

導出到csv應該是一個按鈕，因爲你不會去任何地方，只是做一個下載。

兩者都可以工作，但重要的是不僅要保持一致，還要看看類似的應用程序在做什麼，看看您是否可以嘗試遵循一些行業標準。

正如我所提到的，有時我希望手出現，因爲它可能不是顯而易見的，但我不希望按鈕出現。

因此，如果我有一個可以導致動作的詞，它應該與其餘的文本一起流入，但是如果將鼠標懸停在上面，您可以得到一些可點擊的指示，則鏈接效果最佳。

我們不要總想按鈕看起來像按鈕，這樣的話環節的工作，但是這需要一個非常一致的界面。