打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
网页按钮的十大错误用法【翻译】 | 彩程团队BLOG

网页按钮的十大错误用法【翻译】

本文的原作者是Merav Knafo,阅读原文请点这里

跟链接一样,按钮是网页上使用最广泛的交互元素。几乎所有的网站都有按钮,但是有很多网站用的非常糟糕。按钮应该让用户便捷的完成操作,而不是把问题复杂化。

以下是我总结的网站按钮的10大错误用法:

1. 使用‘重置/清空’按钮。这毫无意义。为什么我会把刚输入的内容清空?如果填错了,改了就是,完全没必要把所有都清空然后从头开始填写。更糟糕的是,重置/清空按钮还常常被放在左边,这很容易导致误按。你知道有多少用户会因为 不小心‘清空’了所有的内容,然后愤怒的放弃填写么?


2. 按钮太小。如果你希望用户点击‘马上订购’按钮,那一定要让用户看到,要足够大。

3. 按钮不容易发现。应该让它很醒目。如果按钮颜色和网页背景类似,它会融化在背景里。按钮要与其他颜色明显的区分开,这样即使是色盲/色弱的用户也可以非常容易的看到。

4. 按钮位置不合理。继续操作的按钮应该放在右边,返回上一步的按钮应该放在左边。这才符合用户的逻辑习惯。

5. 花哨的按钮。有些设计师为了原创,会设计非常华丽的按钮,结果是按钮看起来完全不像用户所熟悉的按钮样子。所以,应该让按钮非常简洁,灰底白字的普通按钮是最有用的。像这样花哨的按钮就没有遵循这个基本原则。

6. 按钮上的文字不合理。如果你不管具体的功能,把所有的按钮都叫‘确认’或‘继续’,那你应该重新考虑按钮的文字。理想情况下,按钮的文字应该清楚地描述它的功能,例如,‘更新个人资料’或者‘付款’或者‘下一步’。另外,在按钮上使用‘《’或‘》’表示操作的步骤也是很好的方法。

7. 按钮太多。如果你给用户太多的按钮,他们很可能会不知所措,然后什么都不点直接放弃。应该选择你最希望用户做的操作,然后给它设计醒目而且足够大的按钮。当你确实还需要用户作其他操作时,可以用相对较小的按钮。你可以看看GoDaddy.com,太多的按钮让用户完全搞不清楚重点在哪里。

8. 按钮太丑陋。有些按钮简直丑陋到你会让鼠标离它们越远越好。看看下面的这些按钮,你会点击它们么?

9. 按钮没有提示文字。如果希望用户点击一个按钮,你需要在他点击前明确的告诉他们按钮的功能。听起来很合理?但不是所有人都会这么做。

10. 令人讨厌的按钮。那些带动画,旋转或者其他糟糕效果的按钮只会让人厌恶,分散用户的注意力。这些按钮仅仅在互联网初期比较普遍,但不幸的是,有一些到现在仍然在用。如果你想让你的网站看起来很不专业,可以用下面这种按钮试试。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
保存网页稍后阅读工具Instapaper
手机网站设计运用的技巧方法
想成为 Chrome 高级玩家,不要错过这 10 款冷门但使实用的拓展插件
10000人实名夸奖的 4 个坚果云功能,关键时候能救命
10秒破解所有网站限制!老司机传授的大招,网页文字随便复制
再快一步!用收藏夹翻译网页
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服