其の10 ロゴにはトップページへのリンクを設定する | デザインってオモシロイ -MdN Design Interactive-

其の10 ロゴにはトップページへのリンクを設定する

2024.4.25 THU

【サイトリニューアル!】新サイトはこちらMdNについて
タイトル画像

レベル初級其の10

ロゴにはトップページへのリンクを設定する


画面左上にあるロゴをクリックすれば、トップページに移動できるという作りが一般的になっている。ユーザーの多くも、ロゴをクリックするとトップに戻るという認識が一般的になってきている。

トップページへのナビゲーションがきちんと配置されているのだから、ロゴにリンクを貼る必要ないのでは?と思う人も少なくないだろう。だが、こういった小さなこともユーザビリティの低下になってしまうので、気をつけたい。

では、なぜロゴをクリックできるようにするといいのか? ユーザーの視線の流れは左上から始まっているので、ページ上に配置されたナビゲーションがどんなに目立つよう制作されていても、やはり左上が一番目に入りやすく、探しやすいのだ。

また、通常ロゴはある程度の大きさで作成されているため、ページ内にあるナビゲーションよりもヒット領域が大きく、クリックしやすいというメリットもある。


お作法一覧へ
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在