クライアントも横幅広めでの希望が多くなってきました。
最適なサイズ(縦、横ともに)とその根拠(必須)を教えてください。
今は740pxをお奨めします。
過去には、600pxが一般的・理想であった頃もありますが、現在は通常の環境であれば横幅1280pxが最も一般的で、その次が1024px、小さい画面で780pxです。
大体大きな画面で表示される方は、複数のソフトを起動している事が多いので、画面一杯に表示するのは避けた方が良いでしょう。
過去には横幅640pxが一般的だった時期もあったのですが、既に殆ど無視できるほどに少なくなっていますので、780pxにあわせたサイズ=740pxをお奨めします。
(左右にマージン10px×2、ツールバー表示領域、ウインドウの枠、などを差し引いて、余裕をもって740px)
但し、横に履歴やお気に入りなどを表示する設定の方を考えるなら、これまでどおり600px程度が良いかと思います。
1024x768のモニターが主流となってきましたが制作は
800px以内と厳命される場合が殆どですね。
(最近受けた仕事で920pxという指定のサイトがありましたが)
その一番の理由というのが
「IEでA4に印刷したときに切れないから」というもの。
最近ではCSSでモニター表示用とシンプルな印刷用とを
使い分ける事が多くなりましたので融通がききますが、
まだまだ800px以内というのはしばらく続きそうです。
私の場合750px±10前後が多いです。
横幅はpx単位での指定をしないのが最適です。ウインドウを最大化しないのがふつうですし、画面の広さだけでなく解像度もまちまちです。
http://www.imb.me-h.ne.jp/~kihara/index.html
(軽い)視覚障害者の立場から言うと、
制作者サイドからアレコレ指定していて、
閲覧者側でフォントサイズなどを変更できない
サイトは、見る気がしなくなります。
統計からみると画面の解像度は 800 x 600未満
で設計を行うの妥当と考えられる。
後は、画面の設計のデザイン方針による。
最終検証方法としてたとえば
解像度:800x600
OS:Windows XP 最新Update 済
ブラウザ: IE標準設定の全画面
FireFox標準設定の全画面
によって決める。
ユーザビリティに関しては
JIS X8340や
各会社のユニバーサルデザイン方針
により文字サイズや、レイアウト、色、用語制限
が加わる
http://www.udit.jp/web/jis.html
================================================
2004/02時点で 98%のユーザが解像度 800x600以上
89%のユーザが解像度 1024x768以上
98%のユーザが色数 16bit以上
2005/07時点で 99%のユーザが解像度 800x600以上
81%のユーザが解像度 1024x768以上
================================================
ブラウザ各種統計
http://www.zerotown.com/webdata/access/vga_01.htm
http://www.concorde.gr.jp/~tatzuro/cgi-bin/mt/archives/000196.ht...
自分のHP(http://www.geocities.jp/y_ayatsuji/)は一日のアクセス数500程度の小さなサイトですが、例えば昨日のアクセス解析を見ると
解像度1024×768 61.8%
1280×1024 21.5%
800×600 5.2%
でした。
横幅が600pょり小さい場合も、4件ありました。
「八割の人が見られるのなら良し」とするか
「例え少人数でも、見にくい人がいるなら好ましくない」とするかによりますが、
参考になりますでしょうか。
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由
WEB制作においてウィンドウスクロール、特に横スクロールを極力さける風潮がありますね。これはユーザビリティを考慮仕手のことなのですが、それでモニター解像度に応じたウインドウ幅というのを想定してサイト制作を心がけます。
VGA(640x480)が主流だった頃は430x300くらいを想定していましたが、SVGA(800x600)が出ると740x480くらいを想定するようになりました。800x600の解像度ならめいっぱい作ればいいと思うかもですが、実際はウィンドウの枠やスクロールバーなどで幅を取られるので若干余裕を持って、740pixelくらいが暗黙の了解とされました。誰が決めたというわけでなく自然とそうなり、デザイン書などで一般常識として記載されたりもしました。
ちなみに現在、主流のモニター解像度はXGA(1024x768)、あるいはもうSXGA(1280x1024)の方が多いかもしれません。またWXGA(1280x800)なんてワイドモニターも一般的になりつつあり、横にどんどん広がりつつありますが、お気に入りをブラウザサイドに表示しっぱなしだったり、ウィンドウ自体を最大化せずブラウジングすることも増えているようで、相変わらず、800pixel以下の幅が主流のようです。ただクライアントによっては、画面が小さいと苦情を述べることもあるので、その場合は臨機応変に対応しています。XGAの場合、最大化を考えると1050pixelくらいが丁度いいようです。
また、縦スクロールは横スクロールほど閲覧者にストレスを与えないとして、あまり意識されませんが、ほんのちょっと(フッタ表示部分程度)だけスクロールとかいう場合、やはりマイナス要素になり得るので、中途半端にならないよう気をつけています。
コメント(0件)