大意

WEBサイト上で、画像やリンクボタンなどの要素の上にマウスカーソルを乗せること。マウスオーバー、マウスオンとも。

解説

ホバーを利用したデザインは、UI・UXの観点で非常に重要な役割を担います。

リンクボタンにマウスカーソルをホバーすると、リンクボタンの色が変わったり、ボタンが拡大されたりするデザインを見たことがあると思います。これはユーザーに対して「ここはクリックできるだろう」と気づかせることが狙いです。

しかしながら、ホバーが有効なのはマウスカーソルを利用できるデバイスに限ります。現代はスマートフォンやタブレットなどのタッチデバイスが広く普及しているため、ホバーに頼りすぎないデザインを心がけることが大切です。

使用例

「画像にホバーすると説明文が表示されるみたいだけど、スマホにはホバーがないから画像の下に説明文を書いた方が良いかもね」