山形のデザインオフィスウィ・ドックスタッフブログ

Newer
Older

ホームページの横幅の決め方

2008-05-25 (日) 11:01
ウェブデザイン | デザイン関連
homepage | web | デザイン | デザイン関連 | ホームページ | ユーザビリティ | 横スクロール | 横幅 | 解像度

さて、今日はちょっとホームページ作成に関するTipsをお話しましょう。

ホームページの横幅について

ホームページのデザインをするのにいろいろと考慮しなければ行けない点は多いですが、その中でもホームページの横幅決定するのは、ホームページ全体の大まかなレイアウトを決定するとても重要度が高い項目です。では、何故、横幅を決定するのがそんなに重要視されるのでしょう？

ホームページの横スクロールをしないようにすること。これが一番の理由です。ホームページを見ていて、気づくかと思いますが、ほとんどのホームページで横スクロールが必要なホームページはありませんよね。それは、閲覧中に横スクロールがあると、非常に見にくいと感じるからです。要は、ユーザーの操作性を考慮した結果、ホームページの横スクロールをせずに済むようにしているわけです。

ちなみに、縦スクロールはマウスのスクロールボタンで簡単に制御できるので、ほとんどのホームページでは縦スクロールについては無視しています。

では、横スクロールが発生しないようにするためには、ホームページの横幅はどれくらいに設定するのがいいのでしょう？

ユーザーの動向を調べる

やはりどんなウェブデザイナーにおいても、一番着目する点はユーザーの利用頻度ですね。ユーザーの利用頻度は、ホームページのアクセス解析などで情報を集めます。ディスプレイ（解像度）の項に、ホームページ訪れた人の解像度が一覧で表示されますので、これを参考にしましょう。

>> FC2 のアクセス解析サンプルを見てみる

上記のサンプルを見ると、一番多いのは「1024×768」ですね。ということは、このサイズに収まるサイズでホームページの横幅を設定すれば、ほとんどのユーザーは横スクロール無しで閲覧できるわけです。これらを考慮した結果、私の場合、ホームページの横幅は「800」で設定しています。これで、ほとんどのホームページ閲覧者が「快適」にホームページを見れるわけです。

ちなみに、解像度が「1024×768」を超えるものについては、当然、何の問題もなく表示できますので無視します。