链接
Link
初级通用链接(Link)是让用户从当前位置前往另一个页面、文件或当前页面某处的可点击入口。它解决的是“怎样到达目标内容”的问题,比如在订单页点击订单编号,打开对应的详情页。
你可能会说:「我想让用户点订单编号就能打开对应的详情页,而不是在当前页面弹出内容。」
动手看看从订单编号找到退款说明
我的订单查看购买记录和订单进度
订单 MS2025061808
已完成
慢思年度会员实付 ¥198.00 · 2025年6月18日
编号是入口,不是普通文本
模拟链接到达的位置
显示链接下划线
悬停、按住链接,或用 Tab 聚焦,观察反馈。这里点击只演示按下态;切换“到达的位置”,模拟打开详情、页内定位和返回列表。
订单编号既标识订单,也是通往这笔订单详情的入口。链接文字直接说出目标,比笼统的“点击这里”更好判断。
要点一个链接要让用户知道什么?
- 1
文字说清要去哪里
你在后台放一个“查看订单详情”,用户就能预判点击后的去向;只写“点这里”,离开上下文就很难理解。链接文字也会被单独读取或列出,所以目标越明确越好。
- 2
目标地址决定去向
链接通常有一个目标地址,可以指向站内页面、站外网站、文件,也可以指向当前页面的某个位置。比如帮助中心目录里的“退款说明”,点下去可以直接到对应章节。
- 3
外观之外还有交互
链接不只是蓝色文字。你可能把整张卡片做成链接,或者让它看起来像按钮;判断时看它做的事:用户能否通过它前往一个目标。实现时也要让键盘用户能找到并打开它。
容易混淆的地方
链接和按钮最容易混淆:链接带你去某个目标,按钮则在当前流程里执行动作。比如“查看发票”打开文件适合用链接,“生成发票”触发处理适合用按钮。锚点是链接的一种目标形式:它把用户带到同一页面的指定位置,而不是另起一种控件。
什么时候用
适合用
- 在商品列表中,让商品名称通往各自的详情页,方便用户继续了解。
- 在 AI 工具的回答旁提供“查看引用来源”,让用户打开原始资料核对内容。
- 在长篇帮助文档顶部放章节链接,让用户直接跳到所需段落。
不适合用
- 用户点击“保存设置”是要提交当前表单,用按钮承接这个动作。
- 用户点击“展开更多筛选”只是显示当前页隐藏的选项,用按钮控制展开状态。
- 用户需要在多个筛选条件中选一个,并不需要前往别处,用单选框等选择控件。
练一练选一个答案,看看解释
你在做订单后台:订单号要打开详情页,“取消订单”要先弹出确认框。怎样选择控件?
让 AI 帮你做复制给 AI Agent 直接用
请检查订单列表中的订单号和操作项:把前往订单详情页的订单号实现为链接,目标指向对应订单的详情地址,文字保持可辨认;把取消订单等触发操作的入口保留为按钮。请说明你如何验证键盘能访问这些链接。