web-dev-qa-db-ja.com

320pxより狭いデバイス(およびWebブラウジングでの使用に関するデータ)はありますか?

レスポンシブデザインをテストするときに私が知っているほとんどの組織(および質問への回答者 デザインする最小画面サイズは何ですか )は、レイアウトがまだ意味があるかどうかをテストするときに、テストする最も狭いデバイス幅として320pxを使用します、画像は依然として鮮明であり、レスポンシブスケーリングのインタラクティブアイテムはクリック可能です。

私の知る限り、これは、縦向きで保持されている古いiPhoneよりも狭い幅(仮想/ CSSピクセルで測定された「幅」)を持つ、Webブラウジングで広く使用されている人気のあるデバイスがないというかなり恣意的な仮定に基づいています。 、 下記参照)。

これは本当ですか?そのような経験則に基づくevidenceを探しています-特にユーザーデータがまだ存在しない新しいサイトを構築するために。

理想的なのは、デバイスサイズが ブラウザの使用状況の統計 に相当することです。それに失敗すると、この狭いプラスの相対売上高であるデバイスの情報も、有用な大まかなゲージになります。


明らかに、確立された大規模なサイトがある場合、Google Analyticsなどから既存のユーザーに関するデータを取得できますが、これは次の場合には役に立ちません。

  • あなたのサイトは新規または開発中です
  • 新しいユーザー層にリーチしようとしています
  • 過去の使いやすさのために一部のデバイスが過小評価されていることを知っています

一般的な混乱をすばやく回避するために、これは320px virtual pixelaka "CSS pixel" aka "densitydependentピクセル」など 。最新のデバイスのほとんどは、実際の物理ピクセルがデバイスピクセル-これよりも多い(ピクセル密度/「網膜ディスプレイ」)ですが、コンテンツは幅のように解釈されますそれが小さくならないように仮想ピクセル幅でした。

以下のリストを使用して、320以上の幅を正当化しました。

https://viewportsizes.mattstow.com/

完全に網羅しているわけではありませんが、過去320年間で画面が320ピクセル未満の携帯電話はほんの数台しかなく、数がそうでないと主張したことはありませんde minimis

レスポンシブレイアウトでこれを実行している場合、私は通常<320のビューポートフォントスタイルを設定しますが、ボディの最小幅を320に設定します...ほとんど存在しないユーザーは、上手にスクロールできます:-)

14
tohster

私はUXの教祖の1つにのみ関連付けることができます(同意しない場合もあります)。

繰り返しになりますが、レスポンシブデザインは「モバイル」、「タブレット」、「デスクトップ」ではありません。それは、Webにアクセスできるあらゆるものを美しく見て機能させるためのエクスペリエンスを作成することです。ブラッド・フロスト

ソース: http://bradfrost.com/blog/post/future-friendly-fruition/

しかし、とにかく、今日(そして私はそれを主張します)、320px幅のデバイスで記事全体を読み、ユーザーコンテキストと意志に適応する必要はありません。

4
François D.