800x600の解像度で表示できるWebサイトを設計する必要がありますか?


14

古い800x600の解像度をまだ何人使っていますか?

この解像度で画面に収まるサイトを設計するのは簡単ですが、高解像度の画面でサイトを見ると、スペースが一杯になり、サイトが小さく見栄えが悪くなります。

スクリーンテクノロジーが進歩して、人々がモニターで800x600の解像度を使用しなくなった場合、この低解像度のサイトを設計する価値はありますか?

回答:


20

モニターが800x600よりも大きい場合がありますが、ブラウザーウィンドウはフルスクリーンではない可能性があることを忘れないでください。

たとえば、1600x1200の解像度(まだかなり大きい)のLCDモニターで実行していますが、ブラウザーウィンドウは(ほぼ)1100x1200です。

そのため、最も一般的な画面解像度ではなく、最も一般的なブラウザ解像度を調べる必要があります


私の解像度は1920x1280ですが、ブラウザは常に半画面(960x1280)です。また、職場では1280x960にとどまっています(そして、自宅のブラウザからは完全に90度になっていることに気付きました!)
ジョーフィリップス

2
このWebサイトは、さまざまな解像度でデザインをテストするのに非常に役立ちます-resizemybrowser.com
mar10

17

W3Counter 800 x 600によると、ユーザーのブラウザー解像度の約2.56%を占めています。

1   1024x768    23.72%
2   1280x800    18.42%
3   1280x1024   10.21%
4   1440x900    8.18%
5   1366x768    6.82%
6   1680x1050   5.19%
7   800x600     2.56%
8   1920x1080   2.37%
9   1152x864    2.11%
10  1024x1024   2.06%

その数は、多くのWebサイトがサポートを放棄しているIE6の市場シェアよりも低いため、その解像度をサポートしなくても安全であると主張できます。そうは言っても、理想的には、サイトのデザインは流動的で、狭い画面と広い画面の両方に合わせて調整することが理想です。そうすることで、あなたのサイトを訪問する最大数の訪問者が可能な限り最高の体験を得ることができます。


画面の解像度は、必ずしもブラウザの解像度を示すものではありません
ジョー・フィリップス

1
@ジョー:いいえ、しかし、それはユーザーが喜んでそれを適切かつ簡単に表示できることを意味します。1680xYを超える人にとって、狭い800xYのデザインはばかげているように見えます。これはすべての訪問者の7.5%であり、増加していますが、800xYは2.6%で縮小しています。すべての解像度で見栄えの良い流動的なレイアウトを使用するのは素晴らしいことですが、すべてを言い終えると、800xYが厄介な場合はスキップできます。
シルバー

私は上下にスクロールすることはあまり迷惑の左スクロールよりも、右であることを追加するつもりだ
ジョー・フィリップス

12

ますます多くの人々がサイトを閲覧するためにスマートフォンを使用していることを忘れないでください。ネットブックも急増しています。低解像度のユーザーにとって見栄えのするようにサイトを設計することは、これまで以上に重要な点があります。


1
絶対に本当。そうは言っても、モバイルユーザーは、実際のモバイル向けに最適化されたポータルを実装することで、はるかに優れたサービスを提供できます。プロジェクトの最初からこれを考慮すると、多くの場合、モバイルデバイス用のビューの単純なセットを作成するのにそれほど余分な作業はありません。
ジェスパーM

3

かなり一般的かもしれませんが、忘れられがちな解像度の1つは1024x 600です。多くのネットブックで使用されています。ウィンドウタイトル、メニュー、タスクバーと合わせて、約500ピクセルになります。だから私は垂直方向のスペースを完全に無視しないだろう...


2

サイトを適切に拡張します。800x600に関するこのちょっとしたアドバイスは、ほとんどの人が800だったときにデザイナーがサイトを1024に強制し、サイトをきちんと表示できなかった時代から来ました。

前述のように、既存の傾向は、画面上のブラウザのサイズを変更して、他のウィンドウに合わせて作業を最適化することです。

ブラウザウィンドウのサイズが同じになることはありません。常に移動しています。あなたのwesbiteは、stackexchangeと同じようにそれを処理できるはずです。明らかに、ウィンドウを薄くしすぎる極端なケースについては心配しないでください。


1

NO *と言います。

*-あなたのサイトに誰がアクセスするかによります。訪問者のかなりの割合がその解像度を使用している場合、そのために設計することができます。それ以外の場合、数が非常に小さい(または0)場合は...気にしません。


1

特別な理由がない限り、NOと答えます。

大規模なサイトの大部分は、通常、990px​​以下のコンテナーに集中しています。これにより、1024x768以上のあらゆるものに対して安全になります。


1

ブラウザの解像度を高くするように設計しますが、サイトの最も重要な領域/コンテンツを、可視性に関して最高の優先度を割り当てることができる小さな(たとえば、760 * y px)部分内に保持します。(「私のサイトが800 *のブラウザウィンドウに読み込まれた場合、これはどこにでもスクロールする前に訪問者に最初に表示されます。セカンダリコンテンツはこの領域の外側にあります。」)

ところで、答えはまたあなたのサイトの性質/内容とあなたの予想される聴衆に依存します。正確な統計情報にアクセスできない場合は、選択した分野で最も人気のある競合サイトをチェックして、デザインの最適化サイズを確認してください。


0

800x600いいえ 最小ページサイズとして1024x768をお勧めしますが、画面が通常600ピクセルの垂直制限があるネットブックユーザーがサイトを引き続き使用できることを確認してください。

ネットブックのユーザーをスクロールさせてコンテンツにアクセスしてもかまいませんが、ポップアップなどがその600ピクセルの垂直制限内に収まるようにしてください。特に、「送信」ボタンがそれ ;?)

増え続けるネットブックユーザーの数がサイトに間に合うように、1024x600の設定でサイトをテストしてください。


0

サイトのデザインは、ターゲットユーザーに完全に依存する必要があります。

ほとんどの場合、Webサイトへのほとんどの訪問者の解像度は800x600を超えます。これは、Google Analyticsなどの分析ツールを使用して確認できます。


0

固定幅レイアウトの代わりに液体レイアウトを実行するのはどうですか?そうすれば、ブラウザの解像度を気にする必要がなくなり、レイアウトを思いどおりに見せることができます。


ジョン・コンデがすでにこれを提案していることに気づいた。これについてすみません。
テレンスポンセ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.