クライアントマシン上のWebアプリケーションの最小要件を決定する場合:
アプリケーションの使いやすさが損なわれないようにするため
W3Schools (たとえば)には、ブラウザーの表示に関する統計情報があります。 2010年1月現在:
Higher 1024x768 800x600 640x480 Unknown
76% 20% 1% 0% 3%
上位の数字は 新しいテーブル にリンクしています。図から、1024x768が効果的な最小画面解像度であるように見えます。ただし、すべての人がブラウザを全画面モードで実行するわけではないことに注意してください。
ブラウザ統計 ページもあります。ブラウザはバージョンごとに分類されます(例 Firefox )。 FirefoxやChromeなどのブラウザでは、大半が最新の(ベータ版ではない)バージョンを使用しているようです。これは自動更新のためだと思われます。
他の、より一般的な統計サイトが利用可能であり、インターネット全体でのブラウザの使用状況と画面解像度のより良い画像を取得するために、おそらく範囲を参照する必要があります。
特定のブラウザと解像度をターゲットにするのではなく、できるだけ多くの幅広いユーザーがサイトを使用できるようにしたいという前提から始めます。さまざまな画面サイズに適応させ、すべてのブラウザーで動作するようにしてください。とはいえ、デスクトップブラウジング用に1024x768を想定しても安全だと思います。
よりグローバルな 統計のセット は、1024x768
が実際に最も一般的な解像度であることを示しますが、ユーザーの分布は非常に異なります。また、ネットブックは、800x600
の存続を支援していることに注意してください。
最新のブラウザでは、 Media Queries でrangesをターゲットにできます。彼らは素晴らしいです。 IEを気にしないと仮定します-IE9はそれらのサポートを約束しますが。条件付きコメントを使用して最小公分母の解像度をIEに送信したり、JavaScriptを使用してスタイルシートを動的にロードしたりできます。私の意見では、JavaScriptを介してCSSを動的にロードすることはawfulアイデアです。
Jon Hicksという名前のWebデザイナー 最近再設計された それらを使用する彼のWebサイトは、そこに移動し、ブラウザーウィンドウのサイズを変更して、その動作例を確認します。現在の最大ビューポート幅に応じて、1〜4列のレイアウトがあります。
メディアクエリを使用すると、「私のサイトはiPhoneとiPadをサポートしますか?」などのことを強調する必要がなくなります。または「使いやすさを維持するためにXデバイスの画面サイズをターゲットにするにはどうすればよいですか?」サポートしたい画面サイズのデザインを作成するだけで、ユーザーのブラウザに応じて、メディアクエリが残りを処理します。
解決方法の使用に関する最近の統計の決定を基にすることができます。ジェネリック番号が必要な場合は、 Net Applications からいくつかを見つけることができます。正確なデータが必要な場合は、ウェブサイトでGoogle Analyticを使用できます。
世界中のブラウザ市場シェア統計を確認してください
この質問 は、世界のブラウザ市場シェアを調べるためのソースの包括的なリストを提供します。
StatOwl の2010年の上位3つの平均を以下に示します。
1024x768 26.75%
1280x800 18.69%
1280x1024 11.57%
Net Applications の2010年の上位3つの平均を以下に示します。
1024x768 24.27%
1280x800 17.98%
1280x1024 10.83%
データによると、最小解像度は1024x768である必要がありますが、人口統計にも依存します。
あなたのサイトがより多くの企業オーディエンスに向けられている場合、800x600に固執します。多くの企業ネットワークでは、Windows 2000を使用した非常に古いハードウェアがまだ実行されています。それがターゲットのユーザーベースである場合、画面解像度の「現在の標準」を使用すると視聴者が疎外される可能性があります。
最初に行う必要があるのは、Webアプリを使用するターゲット層を決定することです。たとえば、主に裕福な米国/ヨーロッパのオーディエンス(ハイエンド製品やハイテクマガジンサイトの販売など)をターゲットにしている場合、たとえば、Web-古いPCや低解像度が依然として主流である高齢者、後発開発途上国の人々などを対象としたアプリ。たとえば、英国の多くの地方自治体のクライアントは、まだ(恥ずべきことに)IE6を唯一のブラウザとして使用していることを経験から知っています。
その後、多くの人がスマートフォン、ネットブック、タブレットなどのモバイルデバイス上のWebサイトにアクセスすることを考慮する必要があります。これらは、「奇妙な」解像度を持つか、Safari、Chrome、Opera Mobileなどのブラウザーのユーザーの割合が高くなります。また、アクセシビリティの要件が異なる場合や、スタイルシートが異なる場合があります。
最良の方法の1つは、 Google Analytics (おそらく既存のサイトから)を使用して、実際のオーディエンスを決定することです。次に、実際の数値を取得して、youに適したものを判断するのに役立つブラウザーの内訳と解像度の内訳を確認できます。
また、サイトのコンテンツも考慮する必要があります。たとえば、ビデオカードやモニターに問題がある人向けにテクニカルサポートフォーラムを提供している場合は、おそらく640x480で使用できるようにする必要があります。
ユーザーの多くが年長であるか、そうでなければ視力が弱い可能性が高い場合、ユーザーは高解像度の画面を持っているかもしれませんが、非常に大きなフォントを使用している可能性があります。
http://isie6dead.com/ このリンクは1週間ほど前より動的でしたが、その存在の根底にあるポイントはまだ有効です:あまりにも多くのIE6ブラウザーがあり、引き続き存在します おそらく次の10年間 。
私自身の個人的なプロジェクトでは、IE6を使用している場合、私のサイトでサルが後部から飛び出すかどうかは気にしません。ジョブの場合、要件は異なる可能性があります。一般に、対象ユーザーが公開され、年齢が高いほど、サイトで640x480x4のIE6が表示される可能性が高くなります。
この質問は、特定の聴衆がいないと正確に答えることができず、急増するiPhonyデバイスの大群を完全に無視します。
以前の投稿 で述べたように、 ブラウザ市場シェアに関するウィキペディアの記事 は、6つの主要なソースからの情報を統合し、その統計は、ターゲットとする重要なブラウザを決定する際におそらく最も効果的です。