« スパイダーマンは成功法則の夢を見るか?3 | メイン | レイアウトは、マンガのコマワリだ! »

2005年10月06日

あなたのWEBページの横幅はおいくつ?

ものすごい基礎的な話ですが、WEBページ等を作るとき、横幅はどれくらいにしていますか?

いまの標準は、だいたい780ピクセルです。

これは、ユーザーさんの使っているディスプレイの解像度が1024ピクセルX768ピクセルという場合に合わせています。

まず、なぜこのサイズに合わせるのか? だいたい、一番買いやすいくらいの価格のノートパソコンの解像度に合わせるといいといわれています。

もしくは、それよりちょっと下。1024X768はもうちょっと下くらいの解像度ですね。ただ、まだそれくらいに合わせて合わせておいて大丈夫です。

あとは、アクセス解析。半年だったか一年位前にとったログでは七割以上、1024X768でした。あと半年~1年くらいはこれに合わせていけます。

では、なぜそこから780ピクセルという数字がでてくるか。

ええと、Internet Explorerを使って、それでお気に入りを左側に出すと、だいたい780ピクセル。

これに、だいたい縦は500ピクセルくらいの間に絶対見せたい要素(バナー・写真・ヘッダーテキストなど)をいれて、一目でそのページがなにについてかわかるようにする。

と、反応というか、ユーザーさんに便利になって、自然に下のほうまでスクロールしてくれる、かもしれない可能性が高まります。

とにかく、横にスクロールしないといけないのはわずらわしいですからね。

さらに、裏わざと言うか、あまり重要でないコンテンツをその780ピクセルの外側に置く、というのも最近よく見られます。

一番左が、630ピクセルくらい。それで、右側にメニューなど比較的重要な内容に150ピクセルをさく。これでピッタリ上の想定したユーザー環境に収まります。

それで、そのさらに右側に100ピクセルでも200ピクセルでも場所をとって、あまり重要でない広告とか、そういうのを置く。気づく人は気づいてくれる、と。

これは、いままであった、左カラム100ピクセル、真ん中580ピクセル、左100ピクセルという3コラムの変形型(?)で、ぼつぼついろんなサイトで使われています。

普及するんでしょうかね?

以上、標準的なユーザーさんの環境を「想像」して、それに合わせてページを構成してみる、という話でした。

次は、さらに780にしたコンテンツの中にどういった内容を置くか、という話を書きたいと思います。

投稿者 itoh : 2005年10月06日 11:49

トラックバック

このエントリーのトラックバックURL:
http://www.beyond-yourself.com/cgi/mt/mt-tb.cgi/7

コメント

コメントしてください




保存しますか?