ディスプレイサイズレポート

最近のユーザの画面・ディスプレイのサイズの動向、ご存知ですか?
サイトの設計段階でどれくらいのサイズにすべきか、何となく決めていませんか?

ページに入れたい情報が多過ぎる!
ファーストビューで個々まで入れたいから、横幅を広げるか・・・。
など、いろいろと考えるものです。

ではここで、ディスプレイサイズランキングを発表しましょう!
タカタカタカタカタカタカタカタカ
ダーン!
それでは、発表します!

1位!皆さんおなじみのXGA「1024×768」〜〜!
4:3の安定したプロポーションが魅力!

2位!期待のビッグルーキー「1280×1024」SXGA!
その巨体に押しつぶされたいぃぃ!

3位!スリムだけどスゴイんです「1280×800」WXGA!
黄金比率プロポーション革命!1:1.6のボディが、人気上〜昇〜 中〜〜〜!

さらにぃ、なんと、この3強のみで8割弱を占めていますッ!
すごすぎるぅぅ〜!
以上!ランキング発表でしたー!

さて、ランキング発表が終わりましたが、「横幅1000ピクセルまでOK!」とか「ファーストビューは700〜800くらいだね!」というわけにはいきません。
ブラウザはホームページを表示するだけが能ではないですよね?
お気に入りに登録したり、便利なツールバーを追加できたり有能なヤツなんです。

便利になれば、それだけ設定や表示が増えるもの。
すぐにその機能にアクセスしたければ、その傾向は顕著です。
そうしていくと、本来のホームページを表示する部分が削られていきます。
機能数や便利さとと、使用可能なエリアはトレードオフの関係にあるといえます。

では、実際にディスプレイに対してウィンドウやHTMLの表示エリアはどれくらいなのでしょうか?
次のグラフを見てみましょう。
ブラウザの表示可能範囲

赤い○がディスプレイサイズ毎のシェアの大きさ、ブルーの点々がウィンドウのサイズの分布、オレンジの点々が表示エリアの分布です。

まず青いウィンドウサイズから見ていきますと、赤丸の中心やや左下(ウィンドウ自体のフレームや最低限はメニューバーなどがあるため)がフルサイズで表示しているユーザです。
フルサイズのユーザも多いのですが、そこから左や下の方にも線が延びていますね。
横幅はフルサイズで縦はやや短くしていルユーザや、縦は画面一杯で横は狭めているユーザがいることが分かります。

次に、オレンジの点ですが、こちらの方がばらつきが大きくなっていいて、はっきりとは分かりませんが、ディスプレイサイズの中央から下の方に離れて縦にオレンジの線が延びている箇所がいくつか見られるので、横は一杯、縦は短めのユーザがいるということです。
それ以外はばらついているため、ユーザによって様々だということですが、1024×768のところでは、高さが600pxあたりのところで塊ができています。

まとめると、横幅に関してはシェアの多い1024より100〜200ピクセル程度は余裕を見た方が良いでしょう。高さは600pxくらいが1つの目安といえます。

※調査サイト:女性向け掲示板サイトケセラスタイル(4/8〜4/18)

ブックマークプラス by SEO対策