web-dev-qa-db-ja.com

Webアプリケーションの設計-全画面幅を使用

今日の大画面の解像度(1920の画面幅ルール)では、画面の全幅(液体)を使用するか、固定(たとえば、1366pxを超える余白のあるパディング)を使用するかを決める必要があります。

私たちの主なWebアプリケーションには、テーブル、リスト、複雑なフォームがあり、主に組織のデスクトップで使用するように設計されています。

すべての画面幅を使用することは、マスター/ディテール、多くのチャートやテーブルなどの複雑なレイアウトの点では素晴らしい場合がありますが、左端/右端にある要素は簡単に無視できることを認識しています。多くのWebアプリが全画面幅に対応していることがわかります(たるみ、アサナ、ジラ、Salesforce)。そのような決定に関するアイデア、考え、または参考文献はありますか?

ありがとう、アイリス-

2
Iris Green

これは、アプリケーション/サイト分析を使用して簡単にターゲティングできます。下の画像の画面解像度分析を検討すると、ページ幅を1280pxから1920pxの間に保つと、すべてのユーザーに対応でき、50%以上の訪問者が1440pxを超える画面を使用していることがわかります。これを考慮して、ページがひどく壊れない限り、1920pxより広い画面での画面の外観を無視できます。

enter image description here

1
Ren

アプリケーションの全体的な構造に大きく依存します。たとえば、ハイブリッドの使用が可能です。最近のサイトの方が柔軟性があるという傾向に気づきました

全画面解像度:

引数:

  • テンプレートのより優れた制御
  • %、em、およびremを使用すると、より多くの解像度でより簡単にスケーリングします

に対して:

  • カスタム解像度での表示の問題(個人的にはLG 2550x1080)があります)
  • さらに視覚的なエラーが発生する可能性があります

あなたの決定や、ページを明確で一貫した構造に保ついくつかのユニバーサルデザインパターンに関係なくグリッドを定義することは良い考えです

0
Piotr Żak

多くのことは、サイトの設計方法に大きく依存します(幅の広いテーブルの束が余分な幅から利益を得るかもしれませんが、Googleフォームのようなものはそうではないかもしれません)。

ユーザーエクスペリエンスに付加価値がなくなるまでできるだけ多くの画面スペースを使用し、固定幅とパディングに切り替えます。

パワーユーザーにとっては、その少し余分なスペースの利点がすべての違いを生む可能性があります。

0
Barnyard