链接虽然包含文本,但绝不应与普通文本混为一谈。用户浏览网页时,要能区分哪些内容可以点击。如果链接没有足够的对比度,用户可能会忽略它们。
颜色不适用于色盲用户
大部分网站用颜色区分链接和普通文本,但对色盲用户而言还不够,他们难以区分不同的颜色。色盲用户必须依靠光标形状变化(光标由箭头变为手型)作为反馈。
鼠标悬停效果让用户明确地知道哪些内容可以点击。用户将鼠标悬停在链接上时,能够观察到颜色或形状的变化,这样能避免错过链接。
降低鼠标光标焦点
缺少鼠标悬停效果不仅影响色盲用户,还会影响普通用户。普通用户虽然能快速识别链接,但还得费力地瞄准点击链接。
用户看到链接后,会将鼠标移向链接,但在点击之前还得检查是否已将鼠标移动到链接之上,否则就无法点击链接。
链接增加鼠标悬停效果后,用户移动鼠标时,只要看到悬停效果就可以点击链接,不用紧盯光标就能快速瞄准点击链接,使他们的重点还是放在页面内容上。
完美的悬停效果
对比度低的悬停效果不明显,不如对比度高的悬停效果有效。设计人员可以采取措施得到完美的悬停效果,显示高水平的颜色和形状对比度。
为了将高颜色对比度添加到悬停效果中,应将冷色变为暖色。而对高形状对比度而言,应给链接增加下划线或区域高亮显示。
移动设备上的悬停效果
移动设备中不存在鼠标光标,鼠标悬停效果也就不起作用,这意味着链接在用户轻击之前就应具备对比度高的颜色和形状。
设计人员应将移动设备中的链接设置为触发悬停效果时的样式,用箭头、下划线或区域高亮显示等方式确保所有用户都能识别并使用链接。
结语
无论色盲用户还是普通用户,所有人都应该能够轻松地识别和瞄准链接,给链接增加悬停效果就是一种简单而有效的方法。链接和普通文本不应只是看着不同,为了获得最好的用户体验,这两者的行为也应该有所不同。
原文地址:https://uxmovement.com/buttons/why-your-links-need-a-hover-effect/