« 2007年読者が選んだ記事ベスト10×2 | トップページ | プロトタイプとしてのブログ »

ウェブサイトの横幅最適サイズはいくつ?

たまにはウェブデザインの話を。

今年から、Yahoo! JAPANのデザインが変わった。新しいデザインを見て最初に思ったこと。それは、横幅が大きくなっている!ということだ。以前は720pixくらいだったのに、今は770pixになっているのです。

ブログのデザインとか、ウェブサイトを一から作った人ならば、サイトの幅って最初に考えるところだと思います。パーセンテージ指定をするのも良いけれど、それだと人によってサイトの見え方が全然変わってきちゃうので、やはりピクセル指定をしたいのですよ。小説だって、改行や改ページをうまく使われると感動するじゃないですか。やっぱりデザインは統一的に見られるべきだと思うんです。

デスクトップのサイズ、今は大きくなったけれどどうも 800×600 がスタンダードだった時期が非常に長かった印象があって、800は絶対超えられないと思うのですよ。さらに、ブラウザのサイドのバーがあるので私は 780 にしたという経緯があります。実際は、1280×1024のデスクトップサイズを使ってますが、タブブラウザで見るとちょうどいいんですよね。

ここで、Wikipediaにあるポータルサイト+2の横幅を計測してみた。

サイト名
Yahoo! JAPAN770
Google無し
livedoor775
goo760
MSN Japan770
Infoseek740
はてな無し
Excite エキサイト920
フレッシュアイ960
まなめはうす780
mixi950

Googleを除くと、ポータルサイトは一行にどれだけ情報をわかりやすく詰め込めるかという戦いがあると思うんです。それでいて、横幅がスクロールせずに適したサイズで見せたいんですよね。ギリギリだと詰め込みすぎ感あるし、シンプルすぎると一行に張れるリンク数が減ってしまうし。きっと各社ギリギリのラインで戦っていると思うんです。火花散ってるはずなんですよ。にもかかわらず、なんではてなだけフルで表示してるんだろw 幅の広いディスプレイで全画面表示している人は少ないと思いますが、この辺もはてなが変わっているといわれる所以ですかね。

さて、アナタはウェブサイトの横幅最適サイズはいくつだと思いますか?

追記。
Yuichirouさんからコメント頂きました。
真のYahoo! JAPANは950pix!
もっともっと大きかった!


はてなブックマークに追加
はてなブックマークのコメントを参照


実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
市瀬 裕哉 福島 英児 望月 真琴
九天社 (2007/02)
売り上げランキング: 1766
おすすめ度の平均: 5.0
5 結局、これが一番良い。
5 ボックスハックで泣かされた方に
5 基本から応用までしっかりサポート!

|

« 2007年読者が選んだ記事ベスト10×2 | トップページ | プロトタイプとしてのブログ »

コメント

はてなブックマークの方でも書きましたが、Yahoo! Japanのトップページが「770pix」というのは、恐らく【真の】トップページを見ていないものと思われます。愛用ブラウザがSleipnirとのことなので、ほぼ間違いないでしょう。
参照:ブラウザ判定(しかもダメダメ)しているYahoo! Japan - WebStudio
http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2008010100

以下のガイドページでならどのブラウザでも真のトップページの様子が見られると思います。
http://www.yahoo.co.jp/guide/
なかなか凄いですよ。なんと破格の「950px」! ちょうどmixiと同じくらいです。

あとついでに、はてなのトップページはフルサイズを原則としていますが、CSSの設定を見ると横幅は「少なくとも720px」となっています。なので上記の表では「無し」より「720px以上」と書くべきだと思います。

投稿: Yuichirou | 2008.01.05 20:42

早くウェブデザイン文化がpx単位から解放されないかな…
でもしばらくはpx単位が主流のままなんでしょうね

投稿: imo758 | 2008.01.06 13:07

全画面表示している人は少ないと思いますが、この辺もはてなが変わっているといわれる所以ですかね。 http://www.etruereligionjeans-sale.com/

投稿: buy tiffany | 2010.07.06 10:32

ウンコマンだーwwwwwwwwwwwwwwwwwwwwwwww
やーいwwwwwwwwwwwwwwwうんこまーんwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

投稿: louis vuitton | 2010.08.27 12:02

Many collectors also have a desire to get autographed jerseys which they feel have special enchantment around them If the jerseys are especially dedicated to a particular person, then the value and desirability of the jersey increases with the player The best part about these jerseys is that they help in reflecting the material and style that the professional players use in their jerseys Now bring thread from backing board through the jersey and then return through backing board

投稿: authenticjordans | 2011.06.17 09:21

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/1573/17586683

この記事へのトラックバック一覧です: ウェブサイトの横幅最適サイズはいくつ?:

» Re:サイトの横幅最適サイズ [close-channel]
■ウェブサイトの横幅最適サイズはいくつ? 定期的に話題に上るネタですが、実際のと... [続きを読む]

受信: 2008.01.05 18:22

» サイトの横幅に「最適サイズ」はない [ekken]
まなめさんが書いたサイトデザインの話なんだけど。 304 Not Modified: ウェブサイトの横幅最適サイズはいくつ? はてなブックマークのコメ... [続きを読む]

受信: 2008.01.06 13:05

» 「サイトの横幅」再論:950px時代のウェブデザイン [絵文録ことのは]
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論[絵文録ことのは]2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応... [続きを読む]

受信: 2009.01.14 16:32

« 2007年読者が選んだ記事ベスト10×2 | トップページ | プロトタイプとしてのブログ »