## 概念 链接(Link)通常会将用户带离当前页面,而[[按钮 Button]] 更多的是行为召唤,作用于本页面。 - [链接 Link | ArcoDesign](https://arco.design/docs/spec/link#%E5%9F%BA%E6%9C%AC%E5%B1%9E%E6%80%A7) - 链接是具有导航属性的文本,点击后跳转到某个页面。 ## 最佳实践 - [Better Labels for Website Links: the 4 Ss for Encouraging clicks (Video)](https://www.nngroup.com/videos/better-link-labels/) - 尽可能的简短,因为用户大多数都在扫视。 - 应该是真诚的,尽量不要欺骗用户,提供的信息与之后的结果尽可能接近 - 链接的名称最好是具体的,而不是什么“more”与“learn more”,这并不是个好的设计,具体名称的链接,让信息气味更强,用户在点击之前就有更多的判断。 > 所以,尽可能具体的链接名称总是好的,而不是依赖上下文来提供额外的线索。[Information Scent: How Users Decide Where to Go Next](https://www.nngroup.com/articles/information-scent/) > ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220605123232.png) > 在移动设备上,很难理解 Williams Sonoma 网站上的 Christmas (左)是什么意思,因为很少有上下文可见。用户必须记住他们以前见过的东西,或者利用他们所知道的关于公司的任何信息。Harry & David (右)将手机上的链接名称改为圣诞礼物,以增加标签的特殊性。(移动设备和桌面设备上的不同类别名称是否是一个好主意,这是另一篇文章的主题。) ## 微交互灵感 [去UI Patterns查看](http://www.uipatterns.cn/component-button.html#mcetoc_1fald7ags2q) ## 资源 1. [为网站和电子邮件设计更好的链接——指南 | 作者:斯拉瓦·谢斯托帕洛夫 | 2021 年 12 月 | 用户体验集体](https://uxdesign.cc/designing-better-links-for-websites-and-emails-a-guideline-5b8638ce675a) ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20211227205738.png)