Web2.0ナビ > コラム > ウェブサイトの横幅が1000px時代に突入する

ウェブサイトの横幅が1000px時代に突入する

ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。

しかし、ここ最近は800pxをあまり意識していないと思われるウェブサイトが多く登場してきた。mixiAllAboutJapan朝日/読売などは1000pxで最適化されている。ウェブサイトの横幅が1000px時代に突入しようとしているのだ。

# 厳密には950pxだったりするが、便宜上1000pxとしている。

ウェブサイトの横幅が1000px時代に突入しようとしているのには、大きく3つの理由がある。

画面解像度の向上

1000pxを表示するためには、それ以上の画面解像度のモニタが必要だが、今は1024以上のモニタが主流であり、さらに、1280px以上のモニタも50%程度を占めるといわれている。最新のデータがないので、私が管理するサイトの直近のアクセスログから試しに解像度を調べてみると、以下の結果となった。(調べたログ数は10万)

1. 1024x768 40.00%
2. 1280x1024 24.99%
3. 1280x800 11.76%
4. 1680x1050 3.61%
5. 1440x900 3.36%
6. 1280x768 2.32%
7. 1400x1050 2.31%
8. 320x396 2.13%
9. 1920x1200 1.92%
10. 1600x1200 1.86%

多くが1024px以上のモニタを利用していることがわかる。1280px以上のユーザーも50%近くいる。世間一般的なデータと大きな違いもないはずだ。

現在40%程度いる1024pxモニタのユーザーも1280pxのモニタへの買い替えが促進されると予想されるため、大きな横幅のウェブサイトを作りやすい環境が物理的に整いつつあるのだ。

IE7でサイドバー仕様変更

サイドバーが開いたIE6

IE6を標準インストールをすると、サイドバーは開いた状態を記憶する設定となる(画像参考)。なので、サイドバーに「検索」や「お気に入り」を表示しながらネットサーフィンするユーザーが多く、いくら画面解像度が1000px以上あっても、サイドバーを開くと、1000px近い横幅のサイトは横スクロールが出てしまっていた。なので、4・5年前でも主流は1028x768のモニタだったが、800px未満でサイトを作るのが最適といわれていた。

しかし、IE7を標準インストールすると、サイドバーを開いた状態を記憶しない。つまり、「お気に入り」のサイドバーを一度開いても、IE7を再起動すると閉じた状態に戻ってしまう。めんどくさくなってそのままにしてしまう人が多いはずだし、初心者の方などは、特に気にせずこのまま使うことが予想されるため、たとえモニタが1024であったとしても、問題なく大きな横幅のサイトを閲覧できる。そんなIE7は2008年の早い段階で、Windowsの自動ダウンロードからインストールされる。

# 2007/10/2 14:00 IE6とIE7の仕様を勘違いしており、一部修正しました。(pさん、yさんありがとうございました!)

FireFoxも標準ではサイドバーが閉じた状態であり、ウェブサイトを見るためのアプリケーション(ブラウザ)も、1000pxの横幅を作りやすい土壌となりつつある。

Yahoo!Japan!が950pxの横幅に

日本を代表するウェブサイトである、ヤフージャパンも800px標準の横幅から、1000pxの横幅デザインのウェブサイトにリニューアルする。すでに今現在でも変更後のデザインを確認できるが、2008/1/1にすべてのユーザーに対して新デザインを適用する。

日本のウェブサイトは多かれ少なかれヤフーを参考に作られてきた。そのヤフーが1000pxとなれば、1000px化への流れは加速度的に進んでいくだろう。

ユーザー側から見ても、ネット視聴率の多くを占めるヤフーで横スクロールが出ることはストレスであり、サイドバーを閉じたり、最大化して表示したりするかもしれない。

こういった全体的な流れが更に1000px化の流れを進めていき、1000pxのウェブサイトが標準となり、まったく違和感のない時代となるのは時間の問題だ。

あなたがもし、2008年以降にウェブサイトを作ろうと思っているならば、迷わず950px-1000pxの横幅にすることをオススメする。最初こそ、ユーザーの一部からクレームがあるかもしれない(?)が、1年後2年後を見据えると、きっと間違いにはならないはずだ。

# 2007/10/2 追記
今、800pxあたりで閲覧している人を否定するものではありません。また、固定幅でのサイト作成を推奨しているわけでもありません。私自身も1024サイズでお気に入りを表示しながらみていたりします。

もちろん800pxで見ているユーザーを考慮すべきですが、リキッドデザインにするにしても、今後は1000pxあたりで見る人が多くなればなると、最低限1000pxで見れればよいという風潮が強くなるし、そういったサイトも増えてくると考えています。

トラックバック

このエントリーのトラックバックURL:
http://www.web-20.net/mt/mt-tb.cgi/169

この一覧は、次のエントリーを参照しています: ウェブサイトの横幅が1000px時代に突入する:

» [ソフト]ウェブサイトの横幅が1000px時代に突入する from 自動ニュース作成G
嫌だねぇ。 ケータイでも見られるGニュは好きよ。 [詳しくはこちら]

» デザイン from メグwiki (PukiWiki/TrackBack 0.4)
ウェブサイトの横幅が1000px時代に突入する ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリ... [詳しくはこちら]

» サイトの横幅の最適サイズはどれくらい? from サイオンジ探偵社
最近、サイトの横幅を800pxから900pxに変更しました。 アクセス解析見てみると800x600の解像度で見ている人はほとんどいないし、Yah... [詳しくはこちら]

コメント

> IE6を標準インストールをすると、サイドバーは開いた状態の設定となる

ちゃんと検証しましたか?
(隣の画像は、JWord プラグインや Google ツールバーが入っており IE6 が標準インストールされた直後の状態ではないですね。)
Windows 2000 に IE6SP1 をインストールした直後も、Windows XP SP2 をクリーンインストールした直後も、いずれもサイドバーは出ませんよ。
サイドバー表示有無の初期設定に関する仕様は変わっていません。ユーザは初期状態がサイドバー有りになっているからそのままにしていっるのではなく、能動的にお気に入りバーを出しています。

pさん
IE6 の検索バー、お気に入り、履歴は開いたままブラウザを閉じると次の IE の起動から開いたままになります。
IE7 ではそういった領域を開いたまま閉じても、次の起動時には閉じられたままになります。

IE6 は一度でも能動的にそういったものを出した場合、ずっと出て切る確率が非常に高く、
IE7 は毎回能動的に操作しない限りは出ないようになっています。

>pさん、yさん

ご指摘ありがとうございます。一部認識違いがありました。(IE6)早速記事を訂正させていただきます。ありがとうございます。

>yさん
なるほど、そういう点では確かに変わりましたね。
ご指摘ありがとうございました。

アクセスログから解像度を調べたら、とありますが、その人たちみんなが、ブラウジングの際にそれだけしか作業をしていない、ということはないのではないでしょうか?ですので個人的には、それを根拠に「だからでかいほうが良い」というのはちょっとどうかと思ったりします。<>それとも複数作業をしながらという人は、少数派なのでしょうか?
私がまさにそうですが、ネットブラウザを最大化(もしくは1画面のほとんどを占めるサイズに)してやっていると、全体の作業効率が下がるためそうしたくはありません。
ちなみに、私のPCはデュアルディスプレイ(1280x960と1280x1024)構成です。それでも1画面占有はしたくないと感じています。
UXGA以上の解像度(それも21インチ以上)でなら、1000pxも良いかもしれませんがね・・・。

おっしゃる通り、解像度がよいからといって、最大化していたり、1000以上のサイズでブラウザを見ているとは限らないと思います。

記事中でも書いていますが、私自身が1024でお気に入り表示しながらブラウジングしていて大きなサイズのサイト(例えばリニュアル後のヤフー)のサイズはちょっと使いにくいです。。

ただ、ヤフーの例を見てわかるように、950pxを最低限の横幅としているサイトが本当に多くでてきており、この流れは、一部ユーザー環境を考慮していない部分もあるとは思いますが、当面は続くと思います。それが良い・悪い、リキッドにすべきという話はあるのですが、中・長期的に考えると、、、というのが個人的な感覚です。

> 私が管理するサイトの直近のアクセスログから試しに解像度を調べてみると

JavaScript使ったアクセス解析なら、IEのウィンドウ枠内のサイズも調べられると思いますよ。つまりお気に入りとかを差し引いた描画エリアのサイズ。
一度調べてみてはどうでしょうか。

ミックスクリップ早く直してください
それか、どっかのSNSみたいに企業化して社員雇ってメンテしてくれたら助かります。っていうかミックスクリップはそこらの変な(某らOぶOあ)なんかよりももっと必要不可欠なサイトだと思うので、がんばってもらいたいです。

>幸之介さん

こんばんは。JS使ったアクセス懐石なら、確かに可能ですねぇ。ちょっと興味があるので、調べてみます。

>127.0.0.1さん

非常にありがたいご意見ありがとうございます。ちなみに、昨日の2:30くらいに閲覧できない状態でしたか?(直して下さいとあったので。。)

サーバーのログをみたかんじですと、正常だったっぽいです。

mixiはデザイン変更で3カラム固定になったとき文句が続出しました。
もし替えが効くサービスであった場合、横幅が長いというそれだけの理由で大量のユーザが他に流れる可能性もあります。

コメントを投稿


yosukeのプロフィール

インターネット大好き。(ネット)サーフィンやウェブサービス作成も好き。MixClipsやAddClipsなどいろんなサービスを鋭意作成中../ このブログは2005年に勢いで作成。web2.0(笑)ナビへ名称変更検討中。。(詳しく

執筆本


Web2.0入門書を執筆しました。

WwwSqlDesingerについて記事入稿しました。

あわせて読みたい