本文的原作者是Merav Knafo，閱讀原文請(qǐng)點(diǎn)這里。

　　跟鏈接一樣，按鈕是網(wǎng)頁(yè)上使用最廣泛的交互元素。幾乎所有的網(wǎng)站都有按鈕，但是有很多網(wǎng)站用的非常糟糕。按鈕應(yīng)該讓用戶便捷的完成操作，而不是把問(wèn)題復(fù)雜化。

　　以下是我總結(jié)的網(wǎng)站按鈕的10大錯(cuò)誤用法：

　　1.使用‘重置/清空’按鈕。這毫無(wú)意義。為什么我會(huì)把剛輸入的內(nèi)容清空？如果填錯(cuò)了，改了就是，完全沒(méi)必要把所有都清空然后從頭開(kāi)始填寫(xiě)。更糟糕的是，重置/清空按鈕還常常被放在左邊，這很容易導(dǎo)致誤按。你知道有多少用戶會(huì)因?yàn)?不小心‘清空’了所有的內(nèi)容，然后憤怒的放棄填寫(xiě)么？

　　2. 按鈕太小。如果你希望用戶點(diǎn)擊‘馬上訂購(gòu)’按鈕，那一定要讓用戶看到，要足夠大。

　　3. 按鈕不容易發(fā)現(xiàn)。應(yīng)該讓它很醒目。如果按鈕顏色和網(wǎng)頁(yè)背景類似，它會(huì)融化在背景里。按鈕要與其他顏色明顯的區(qū)分開(kāi)，這樣即使是色盲/色弱的用戶也可以非常容易的看到。

　　4. 按鈕位置不合理。繼續(xù)操作的按鈕應(yīng)該放在右邊，返回上一步的按鈕應(yīng)該放在左邊。這才符合用戶的邏輯習(xí)慣。

　　5. 花哨的按鈕。有些設(shè)計(jì)師為了原創(chuàng)，會(huì)設(shè)計(jì)非常華麗的按鈕，結(jié)果是按鈕看起來(lái)完全不像用戶所熟悉的按鈕樣子。所以，應(yīng)該讓按鈕非常簡(jiǎn)潔，灰底白字的普通按鈕是最有用的。像這樣花哨的按鈕就沒(méi)有遵循這個(gè)基本原則。

　　6.按鈕上的文字不合理。如果你不管具體的功能，把所有的按鈕都叫‘確認(rèn)’或‘繼續(xù)’，那你應(yīng)該重新考慮按鈕的文字。理想情況下，按鈕的文字應(yīng)該清楚地描述它的功能，例如，‘更新個(gè)人資料’或者‘付款’或者‘下一步’。另外，在按鈕上使用‘《’或‘》’表示操作的步驟也是很好的方法。

　　7.按鈕太多。如果你給用戶太多的按鈕，他們很可能會(huì)不知所措，然后什么都不點(diǎn)直接放棄。應(yīng)該選擇你最希望用戶做的操作，然后給它設(shè)計(jì)醒目而且足夠大的按鈕。當(dāng)你確實(shí)還需要用戶作其他操作時(shí)，可以用相對(duì)較小的按鈕。你可以看看GoDaddy.com，太多的按鈕讓用戶完全搞不清楚重點(diǎn)在哪里。

　　8. 按鈕太丑陋。有些按鈕簡(jiǎn)直丑陋到你會(huì)讓鼠標(biāo)離它們?cè)竭h(yuǎn)越好。看看下面的這些按鈕，你會(huì)點(diǎn)擊它們么？

　　9. 按鈕沒(méi)有提示文字。如果希望用戶點(diǎn)擊一個(gè)按鈕，你需要在他點(diǎn)擊前明確的告訴他們按鈕的功能。聽(tīng)起來(lái)很合理？但不是所有人都會(huì)這么做。

　　10. 令人討厭的按鈕。那些帶動(dòng)畫(huà)，旋轉(zhuǎn)或者其他糟糕效果的按鈕只會(huì)讓人厭惡，分散用戶的注意力。這些按鈕僅僅在互聯(lián)網(wǎng)初期比較普遍，但不幸的是，有一些到現(xiàn)在仍然在用。如果你想讓你的網(wǎng)站看起來(lái)很不專業(yè)，可以用下面這種按鈕試試。

　　你發(fā)現(xiàn)了其他錯(cuò)誤使用按鈕的方式么？請(qǐng)到小組留言。

it知識(shí)庫(kù)：網(wǎng)頁(yè)按鈕的十大錯(cuò)誤用法【翻譯】，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。