質問: ハイパーリンクにカーソルを合わせたときにテキストの色を変更する ハイパーリンクにカーソルを合わせると、テキストの色を変更する必要がありますか?私は通常、ホバー時にハイパーリンクを明るい青色に変更します。a:link { color: #0088cc; } a:hover { color: #0099dd; } これにより、視覚的なフィードバックが増えるため、ハイパーリンクをターゲットにしてクリックするのが容易になると思います。私はこのまさに理由で私のサイトでクリック可能なほぼすべてのものにホバー状態を持っています-画像、ボタンなど...googleの検索結果には色を変えるハイパーリンクがないようです。彼らはこれについて調査を行い、それがユーザビリティを低下させると結論付けましたか? 41階調の青 で変換率をテストするなど、クレイジーなテストをたくさん行っているので、ハイパーリンクのホバー状態でテストを実行したはずです。
回答: 数人の同僚と私は、webアプリケーションの一連のユーザビリティテストを実施したところです。ホバー時にリンクに他の視覚的な手がかり(ハンドカーソルを除く)を追加するかどうかは特に検討しませんでしたが、視覚的なフィードバックが多いクリック可能な要素(リンク、ボタン)が気付く可能性が高いことがわかりましたおよび/またはクリックしました。 「もっと」と言ったとき、それは非常に注意を引く必要があるという意味ではありません。リンクの微妙な色または下線の変更が役立ちます。リンクのホバー状態の色を設定するためにどれだけ暗い/明るいかについて、無限に議論することができます。ただし、特にリンクについては、i)下線の追加/削除、ii)リンクホバー時にツールチップを表示することで、ユーザーがリンクの存在とクリック可能性を大幅に認識できることがわかりました。これがお役に立てば幸いです。