(翻译)链接需要鼠标悬停效果的原因

  链接虽然包含文本,但绝不应与普通文本混为一谈。用户浏览网页时,要能区分哪些内容可以点击。如果链接没有足够的对比度,用户可能会忽略它们。

颜色不适用于色盲用户

  大部分网站用颜色区分链接和普通文本,但对色盲用户而言还不够,他们难以区分不同的颜色。色盲用户必须依靠光标形状变化(光标由箭头变为手型)作为反馈。
在这里插入图片描述
  鼠标悬停效果让用户明确地知道哪些内容可以点击。用户将鼠标悬停在链接上时,能够观察到颜色或形状的变化,这样能避免错过链接。

降低鼠标光标焦点

  缺少鼠标悬停效果不仅影响色盲用户,还会影响普通用户。普通用户虽然能快速识别链接,但还得费力地瞄准点击链接。
在这里插入图片描述
  用户看到链接后,会将鼠标移向链接,但在点击之前还得检查是否已将鼠标移动到链接之上,否则就无法点击链接。
  链接增加鼠标悬停效果后,用户移动鼠标时,只要看到悬停效果就可以点击链接,不用紧盯光标就能快速瞄准点击链接,使他们的重点还是放在页面内容上。

完美的悬停效果

  对比度低的悬停效果不明显,不如对比度高的悬停效果有效。设计人员可以采取措施得到完美的悬停效果,显示高水平的颜色和形状对比度。
  为了将高颜色对比度添加到悬停效果中,应将冷色变为暖色。而对高形状对比度而言,应给链接增加下划线或区域高亮显示。

在这里插入图片描述

移动设备上的悬停效果

  移动设备中不存在鼠标光标,鼠标悬停效果也就不起作用,这意味着链接在用户轻击之前就应具备对比度高的颜色和形状。
  设计人员应将移动设备中的链接设置为触发悬停效果时的样式,用箭头、下划线或区域高亮显示等方式确保所有用户都能识别并使用链接。

在这里插入图片描述

结语

  无论色盲用户还是普通用户,所有人都应该能够轻松地识别和瞄准链接,给链接增加悬停效果就是一种简单而有效的方法。链接和普通文本不应只是看着不同,为了获得最好的用户体验,这两者的行为也应该有所不同。

原文地址:https://uxmovement.com/buttons/why-your-links-need-a-hover-effect/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值