• サイトマップ

サイトのサイズについて

あなたのWebサイトのサイズはどのくらいですか？ Webサイトの横幅は760pxにできるだけ収まるようにしましょう。 これより大きくする場合も横760px以内に重要な情報が収まるようにするべきだと思います。 このサイトのサイズというのは、レイアウトの土台となる重要な要素です。

ネットをしているとたまに横スクロールバーがでているサイトを見かけませんか？ 縦スクロールバーは慣れているし、 上から下へ内容を見ていくので苦にならないのですが、 横スクロールバーの場合は読みすすんでいくたびに 動かさなくてはならず結構煩わしいものです。 意味のない横スクロールバーは嫌われるので絶対に避けましょう。 ユーザの環境を考えた画面設計はレイアウトの必須項目です！

サイトのサイズはディスプレイ解像度に大きく影響を受けます。 ディスプレイ解像度には以下の種類があります。

• VGA : 640 X 480
• SVGA : 800 X 600
• XGA :1024 X 768
• SXGA : 1280 X 1024
• UXGA : 1600 X 1200

現在ノートPC、液晶ディスプレイなどで主流なのはXGA(1024 X 768)で、 これ以下のモニタはほとんどでまわっていないそうです。 なので、基本的には1024ピクセルにサイズが納まっていれば良いわけですが、 Webの標準サイズはディスプレイ解像度SVGA(800 x 600) を基準とした760 x 420ピクセルが一般的です。 いくら表示できるからといってユーザにブラウザ最大化を強いるのはどうかと 思いますし、IEでお気に入りを画面内に表示させて閲覧する場合も考えるとやはり僕もこのサイズが一番だと思います。 この標準サイズの中に重要な情報が収まるように配置しましょう。

参考までに以下は各ディスプレイ解像度を基準としたブラウザの表示サイズです。 これはモニタサイズからブラウザの標準ボタンやスクロールバー、 ステータスバーの面積を差し引いたサイズのことです。

• VGA : 600 X 300
• SVGA : 760 X 420
• XGA : 984 X 588
• SXGA : 1240 X 844
• UXGA : 1560 X 1020