天天看點

(翻譯)連結需要滑鼠懸停效果的原因

  連結雖然包含文本,但絕不應與普通文本混為一談。使用者浏覽網頁時,要能區分哪些内容可以點選。如果連結沒有足夠的對比度,使用者可能會忽略它們。

顔色不适用于色盲使用者

  大部分網站用顔色區分連結和普通文本,但對色盲使用者而言還不夠,他們難以區分不同的顔色。色盲使用者必須依靠光标形狀變化(光标由箭頭變為手型)作為回報。

(翻譯)連結需要滑鼠懸停效果的原因

  滑鼠懸停效果讓使用者明确地知道哪些内容可以點選。使用者将滑鼠懸停在連結上時,能夠觀察到顔色或形狀的變化,這樣能避免錯過連結。

降低滑鼠光标焦點

  缺少滑鼠懸停效果不僅影響色盲使用者,還會影響普通使用者。普通使用者雖然能快速識别連結,但還得費力地瞄準點選連結。

(翻譯)連結需要滑鼠懸停效果的原因

  使用者看到連結後,會将滑鼠移向連結,但在點選之前還得檢查是否已将滑鼠移動到連結之上,否則就無法點選連結。

  連結增加滑鼠懸停效果後,使用者移動滑鼠時,隻要看到懸停效果就可以點選連結,不用緊盯光标就能快速瞄準點選連結,使他們的重點還是放在頁面内容上。

完美的懸停效果

  對比度低的懸停效果不明顯,不如對比度高的懸停效果有效。設計人員可以采取措施得到完美的懸停效果,顯示高水準的顔色和形狀對比度。

  為了将高顔色對比度添加到懸停效果中,應将冷色變為暖色。而對高形狀對比度而言,應給連結增加下劃線或區域高亮顯示。

(翻譯)連結需要滑鼠懸停效果的原因
移動裝置上的懸停效果

  移動裝置中不存在滑鼠光标,滑鼠懸停效果也就不起作用,這意味着連結在使用者輕擊之前就應具備對比度高的顔色和形狀。

  設計人員應将移動裝置中的連結設定為觸發懸停效果時的樣式,用箭頭、下劃線或區域高亮顯示等方式確定所有使用者都能識别并使用連結。

(翻譯)連結需要滑鼠懸停效果的原因
結語

  無論色盲使用者還是普通使用者,所有人都應該能夠輕松地識别和瞄準連結,給連結增加懸停效果就是一種簡單而有效的方法。連結和普通文本不應隻是看着不同,為了獲得最好的使用者體驗,這兩者的行為也應該有所不同。

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

繼續閱讀