跟链接一样，按钮是网页上使用最广泛的交互元素。几乎所有的网站都有按钮，但是有很多网站用的非常糟糕。按钮应该让用户便捷的完成操作，而不是把问题复杂化。
以下是我总结的网站按钮的10大错误用法：
1.使用‘重置/清空’按钮。这毫无意义。为什么我会把刚输入的内容清空？如果填错了，改了就是，完全没必要把所有都清空然后从头开始填写。更糟糕的是，重置/清空按钮还常常被放在左边，这很容易导致误按。你知道有多少用户会因为不小心‘清空’了所有的内容，然后愤怒的放弃填写么？
2. 按钮太小。如果你希望用户点击‘马上订购’按钮，那一定要让用户看到，要足够大。
3. 按钮不容易发现。应该让它很醒目。如果按钮颜色和网页背景类似，它会融化在背景里。按钮要与其他颜色明显的区分开，这样即使是色盲/色弱的用户也可以非常容易的看到。
4. 按钮位置不合理。继续操作的按钮应该放在右边，返回上一步的按钮应该放在左边。这才符合用户的逻辑习惯。
5. 花哨的按钮。有些设计师为了原创，会设计非常华丽的按钮，结果是按钮看起来完全不像用户所熟悉的按钮样子。所以，应该让按钮非常简洁，灰底白字的普通按钮是最有用的。像这样花哨的按钮就没有遵循这个基本原则。6.按钮上的文字不合理。如果你不管具体的功能，把所有的按钮都叫‘确认’或‘继续’，那你应该重新考虑按钮的文字。理想情况下，按钮的文字应该清楚地描述它的功能，例如，‘更新个人资料’或者‘付款’或者‘下一步’。另外，在按钮上使用‘《’或‘》’表示操作的步骤也是很好的方法。
7.按钮太多。如果你给用户太多的按钮，他们很可能会不知所措，然后什么都不点直接放弃。应该选择你最希望用户做的操作，然后给它设计醒目而且足够大的按钮。当你确实还需要用户作其他操作时，可以用相对较小的按钮。你可以看看GoDaddy.com，太多的按钮让用户完全搞不清楚重点在哪里。
8. 按钮太丑陋。有些按钮简直丑陋到你会让鼠标离它们越远越好。看看下面的这些按钮，你会点击它们么？
本文作者:网友 来源:博客园 |
CIO之家 www.ciozj.com 微信公众号:imciow