按钮和链接在网站中长期共存,但大多数设计师的通病是不知道这两者的使用时机。如果不确定该使用按钮或链接,问问自己:“这个操作会对网站造成影响吗?”你的回答将指明该使用按钮还是链接。
网站中的链接数量通常比按钮多,这是因为按钮属于图像,需要花费时间和精力去设计,而创建链接仅仅使用HTML代码即可。一般而言,仅对最重要的操作采用按钮,不太重要的操作都使用链接。按钮太多会导致网站加载缓慢,并难以找到关键的行动召唤功能[1]。
但是,如果想知道在特定情况下该使用按钮还是链接,必须要了解,网站上的任何操作都属于以下两种类别:
- 影响网站后台或前端的操作;
- 对网站没有任何影响的操作。
对网站造成影响的操作应使用按钮。例如,注册账号和购买操作通常采用按钮,在这些情况下用户正在创建新帐户、完成货币交易,这些都是影响网站后台的操作。创建新的帖子或发表评论,这些操作也会改变网站内容以及用户所看到的内容,影响网站的前端。只要会对网站后台或前端产生影响,都应当使用按钮。
不会对网站造成影响的操作应使用链接。这些操作将用户从一个页面带到另一个页面,不会对网站后台或前端产生任何变动。用户作为观众,只是浏览网站内容,仅需点击和浏览两种操作,网站的后台和前端内容保持不变[2]。在这些情况下,应当使用链接。
大多数设计师都知道关键行为召唤操作应使用按钮,但没有多少人知道原因。问问自己:“这个操作会影响网站吗?”,在这之后,就会知道该使用按钮还是链接,也会知道为什么这么用的意义。
原文地址:https://uxmovement.com/buttons/when-to-use-a-button-or-link/
[1]原文:Too many buttons can make your website load slow and key call-to-actions hard to find.
[2]原文:The user is a spectator browsing through content. They aren’t doing any actions that require more effort than clicking and viewing. The back-end and front-end of the website remains the same.