ホームページ作成ビギナーズガイド

横スクロールの出ないホームページの幅にする

縦スクロールは、マウスホイールも普及してますし、あまりストレスを感じないと思います。
一方、横スクロールはちょっとめんどくさいと感じるのではないでしょうか。 最近は横スクロール対応のマウスがありますが、大半の人は使っていないでしょう。

環境に左右されないホームページが一番

一番いいのは環境に左右されないホームページです。 幅を指定しないとか、可変にすれば横スクロールは出ません。
いわゆるリキッド・レイアウトです。

レイアウト上の都合で、ホームページの幅を固定したい場合は、管理人は下記のように考えてホームページを作成しています。

目安は800ピクセル以内

個人的には750ピクセル前後の幅でホームページを作成することが多いです。
どこから800ピクセルという数字が出てきたのか。

ホームページ閲覧者の環境データ

管理人のいくつかのホームページの訪問者の統計を見てみます。 期間は2006年7月～9月。
合計が100％になってないものがありますが、ごく少数は省略しました。

OS統計

Windows	97％ (内XPが80％)	Macintosh	2％

ブラウザ統計

Internet Explorer	94％ (内6.0が88％)	Mozilla (Firefox含む)	2.5％
Netscape	1.5％	Safari	1％
Opera	1％

解像度の統計

1024x768	60％	1280x1024	20％
1280x800	5％	1280x768	3％
800x600	2％	(1024x768以上)	(95％)

考察

解像度のデータから、1024x768が60％で、1024x768以上が95％なので、1024x768を中心に考えます。

ブラウザのデータから、中心に考えるのはIE。
IEは左に「お気に入り」のエクスプローラーバーを出していることが多いと思います。
その状態で横スクロールが出ないサイズというと、大体800ピクセルくらいになります。

悩ましいのが800x600。たかが2％されど2％。
個人的には、750ピクセルくらいの幅でホームページを作成すれば、800x600でもブラウザ全画面表示なら横スクロールしないので、それでいいかなと割り切ってます。そのへんは意見の分かれるところでしょう。

最後に、繰り返しですが、望ましいのはリキッド・レイアウトです。
幅を固定する場合は、ユーザビリティ、アクセシビリティが損なわれる面があることを覚えておきましょう。

• レイアウト・デザイン
• ｜Trackback()
• ｜Comment(0)