web-dev-qa-db-ja.com

320px幅のデザインはまだ関連がありますか? (レスポンシブウェブ)

数年前から、レスポンシブWebサイト用に作成した最小のデザインは、幅が375pxです。今、私たちの新しいフロントエンド開発者は、幅320pxを提供する必要があるという私の頭を使います。そして、私がそうしなくても、彼女はとにかくこの最小値にスケーリングします。最小のブレークポイントは480pxです。しかし、メッセージは-古き良き320pxをカバーする必要があり、375-> 320のスケーリングは面倒です(最新のものと議論することはできません)。

私はGoogleに質問してみましたが、2012年の日付の「なぜモバイルサイトはそれでも 320ピクセルの幅を維持する必要があるのですか?」という記事を受け取りました。

合理的な意見が必要です。

要するに、現在のプロジェクトTAは、西側の国にいる支払い可能な開発者(よりまれに-科学者)です。これはAPIサービスであり、デスクトップからブラウジングする可能性を高めます。APIキーを管理してダウンロードしたり、電話のドキュメントからコードを貼り付けたりすることはありません。

2
Acia Delilah

次の理由により、2019年の幅320ポイントは不当な幅ではないと思います。

  • デスクトップユーザーは引き続き、ブラウザーウィンドウの幅を小さくすることができます。
  • 分割表示のiPadアプリ(Safariを含む)の幅は320ポイントにすることができます。
  • iPhone SE(昨年中に新発売された)の画面は320ポイントです。
7
Barnyard

私は数百万ポンドのウェブサイトの再設計のための個人的なプロジェクト経験から話すことができるだけです。

モバイル画面サイズの最悪のシナリオとして320モバイルを想定して設計しています。 2019年には少し小さいかもしれませんが、すべてを捉えて機能する解像度です。

3
colmcq

小さな町向けにアプリを設計しているとき、および調査したところ、対象ユーザーが320台のデバイスを使用していることがわかりました。大きなデバイス。

0
Baldev Singh

私はBaldev Singhに同意します。それはすべて、ターゲットユーザー、ペルソナ、または使用する用語に依存します。クライアント向けにウェブサイトのデザインを変更するたびに、Googleアナリティクスの統計情報(または類似のもの)を提供するように依頼しています。つまり、ほとんどのユーザーがどこから来て、どのデバイスを使用してWebサイトにアクセスしているのかがわかります。

私たちがアジャイル時代に住んでいるので、320pxが必要ないと思うなら、本当に必要な十分なデータがあるときはいつでもそれを実装できます。

0
Bagus Andryan

ユーザーの1%〜1.5%だけが360未満の画面幅を使用しています。これは、ユーザー数が非常に少ない場合、320の設計に多くのエネルギーを浪費します。それは良いROIではありません。

0
Roux

375pxと320pxの違いはそれほど大きくありません。デザインが本当に応答性が高くなく、純粋に固定ブレークポイントを使用しているように思えます。モバイルブレークポイントに到達すると、すべてを固定幅のアイテムではなく単一の全幅の列として扱い、コンテンツを改行として折り返すことができると想定して、UIが最小画面サイズに収まらない状況をまだ見つけていません必要。私のプロジェクトはすべて、少なくとも320pxまで縮小できます。既にモバイルデバイスを対象にしている場合は、それほど難しくありません。

私のアドバイスは、コンテンツが流動的になり、十分なスペースがなくなったときにリフローすることによって、定義した任意の幅に適応できるようにすることです。ブレークポイントは、デザインが使用している列の数を変更する場合にのみ使用してください。単一のUI要素の幅は300ピクセルを超える必要はないので、すべてのコンポーネントを水平ではなく垂直に積み重ねることで、常にその幅まで下げることができます。

ここで問題は、これが既存のプロジェクトに対して行う価値があるかどうかです。知る唯一の方法は、画面幅でユーザーからデータを収集し、コードを分析して、実装がどれほど難しいかを推定することです。画面が最小値よりも小さいユーザーは、おそらくアプリの使用をすぐに停止し、ソフトウェアを維持しながら段階的に変更を加えることができるという事実を考慮に入れてください。

0
James Coyle

私はいつも同じことを思いました。私はGA on compera.atで今日確認しました。今日、ユーザーの5%以上がまだ何らかの320x?解像度を使用していることがわかりました。

いくつかの調査の結果、Figmaとその自動レイアウト機能を使用することは、このための優れたソリューションであることがわかりました。モバイルフレームが(ほぼ)完全に応答するように設定できます。

ここの私の例でフレームのサイズを変更して遊んでください: https://www.figma.com/file/awNTqPTu2ns7sBPu36tAfG/Responsive-Layout-Example?node-id=2%3A2

これで全体のレイアウトを作成しました(残念ながら共有できません)。たとえば、320〜375ピクセルの範囲の流動的なレイアウトを表示できるため、すべての開発者がこの種の引き継ぎを愛しています。

0
Sgfrd

私の意見では、これはアクセシビリティの問題です。

320pxのビューポート幅を設計する必要があります。おそらく、そのサイズの市場シェアが非常に低いためではありません。

正しくレンダリングされ、320で使用できることを確認してください。

0
Bogdan YU2DBC