webサイトの横幅の可変or固定、「〜ながら」できるwebデザインを

要約:私は可変が好きです。他の人は可変でも固定でも自由にすればいいと思いますが、ウィンドウ最大化前提のwebデザインはそろそろ勘弁してくださいという話。あと「高解像度ディスプレイを使っているから可変幅は見にくい」と言っている人は自分のウィンドウの使い方を考え直してはいかがでしょうか。

固定幅はウィンドウサイズによっては最悪読めなくなることもありますが、可変幅は読みにくいことはあっても読めなくなることはまずないので、私は可変幅が好きです。特定のディスプレイの画面解像度に最適化されているより、それぞれ柔軟に対応できる方が好みなので。「良い時は良いが駄目な時は全然駄目」なのが幅決め打ちレイアウト。「駄目な時でもそれなりだが良い時は普通に良い」と云ふのがリキッドレイアウト。は分かりやすい表現だと思いました。

PCユーザー向けや携帯ユーザー向けなどサイトのターゲット層が明確な場合はそれに最適化されたデザインを提供すればいいと思いますし、個人サイトの場合は一切制約がないので可変でも固定でも好きにすればいいと思います。私もブラウジングスキルを磨いて読みにくいページに対応します。

ただ、私が見た限り固定派は「ウィンドウ最大化前提のwebデザイン」を提供しようとしているのが気になります。なので、その点だけは反対です。

SVGAが主流だった頃は横幅650px前後が、XGAが多数派になってからは800pxが最適だと言われ、やがて大手がこぞって950px固定でデザインしはじめ、今やサイトの横幅は1000pxの時代です。せっかく高解像度ユーザーが増えたのに、しかも解像度が高くなったからといってブラウザウィンドウの横幅が大きくなるとは限らないのに、何でこうもウィンドウ最大化しようとするのかという疑問が浮かびます。

私はゲームをしながら漫画を読んだり、テレビを見ながら絵(SS)を描(書)くことがあります。オタク活動に限らず「○○しながら××する」は日常的な動作ですが、ブラウジング中は平行した動作(ウィンドウを二つ並べる)がやりにくいです。何故ならサイトの横幅を固定しているサイトが多く、ディスプレイに一枚のウィンドウを広げているからです。ブラウザの語源はブラウズで「流し読みする、ざっと目を通す」という意味があるのに、ディスプレイを覆い尽くす一枚のウィンドウの自己主張の強さは矛盾もいいところです。

私は資料を表示させたまま絵を描きたいし、web辞書を見ながらSSを書きたいし、言及する記事を確認しながら文章を推敲したいと考えています。一つのウィンドウを全面に広げていちいち画面を切り替えるのは面倒です。しかし、現在メインで使っているディスプレイはXGAなので、実質不可能です。

世間の主流がXGAで横幅1000px固定のデザインが増えたのなら、一度に複数の情報を表示させたいと考える私はWSXGA+かWUXGAのディスプレイを買うでしょう。しかし数年後もしQuad-VGAあたりが主流になることがあれば固定派は「横幅1200pxのデザインを提供しよう」と主張するのではないかと危惧しています。また、「本文が長すぎると読みにくいから当然マルチカラムを採用。IE8はdisplay: table;をサポートしたし3カラムも4カラムも楽に実現できる」と言ってブログパーツや広告を詰め込んだサイドバーを設置するのではないか、とも。

ウィンドウ最大化前提のサイトデザインが標準とされるからこそ可変幅・固定幅の横幅論争が起こるのではないでしょうか? これから高解像度のディスプレイがもっと普及し、「webページはブラウズするもの、他のウィンドウと並列して見るもの」という認識がもっと広まれば、論争は起こらない気がします。そして、今まで何も考えずに一枚だけウィンドウを開いていた高解像度ディスプレイの人は、一度ウィンドウを割ってみることをおすすめします。絵が描きやすいですし、文章を書くのもはかどります。ただ、WXGAなど半端に広いディスプレイだとウィンドウを並列しにくいですけどね。

「自分は高解像度ディスプレイで一枚のウィンドウを広げるのが好きだ」というならその人の自由ですが、使い方に関する知識の共有は必要なのではないかと思います。

余談:可変幅が好きと言いながら固定幅な我がサイト

前代サイトデザインはwidthを指定せず左右にマージンを取っていたのですが(参考:四代目AZ storeデザイン)、今回はmax-width: 700px;を指定している固定幅デザインです。可変幅好きだと主張しておきながらこの様です。

max-widthは可変の扱いを受けることもあるようですが、私の感覚では半固定幅なので可変幅デザインと言うには少し抵抗があります。「広げたくても広げられない」ので結局固定幅と同じというか、横スクロールの出ない固定幅というか、指定値以内の限定的可変幅というか、そんなイメージ。他の人の見解がどうなのかは分かりません。

リソース情報

分類
web
新しい記事
古い記事
URL
http://az-store.nrym.org/note/2009/01/22/56
SAKATORI Kihiro www@nrym.org
Published: 2009-01-22
分類
月別ログ
2010年8月2010年6月2010年5月2010年3月2010年2月2009年12月2009年11月2009年10月2009年9月2009年8月2009年7月2009年5月2009年3月2009年2月2009年1月2008年12月2008年11月2008年10月2008年9月2008年8月2008年7月2008年6月2008年5月2008年4月

案内

広告

広告

このページについてつぶやく コメント一覧