web-dev-qa-db-ja.com

ネストされた列レイアウトがなぜそれほど人気が​​あるのですか?

Google +、Ebay、Tumblrは、レイアウトを均一なグリッドビューではなくネストされた複数の列に変更した多くのほんの一部です。個人的には、整理されておらず、探しているものを見つけるのが難しいと感じています。

  1. ネストされたビューを使用して、より多くのデータをユーザーに表示することを知っています。しかし、これは本当に良いことなのでしょうか?実際に複数列のネストされたビューに移動するのはなぜですか?従来のグリッドビューの何が問題になっていますか?各レイアウトの利点と欠点は何ですか?
  2. これらの各レイアウトをいつ使用または回避する必要がありますか?

さまざまな幅のネストされたビュー:

enter image description here


固定幅のネストされたビュー:

enter image description here


均一グリッドビュー:

enter image description here

10
user22847

それについて何が「ネスト」されているかはわかりませんが、それはポイントの外です:)。

トレンドに関する考慮事項は別として、画像をトリミングせずに、または最小限のトリミングで、さまざまなアスペクト比のアイテムを表示できるのが良い点です。ユーザーがページを視覚的にすばやくスキャンしてコンテンツを利用し、必要なコンテンツの最初の識別にimagesに依存することを期待する場合に適しています。 Google画像またはPinterest。一部の画像しか表示されないため、スクロールせずに見える範囲に何かがあることを人々に知らせるのにも役立ちます。

2番目の例のように、画像にテキストもある場合は、テキストがビジュアルの副次的なものであることを確認する必要があります。スキャンするのは非常に不便だからです。ラベルが上下に移動するため、テキスト行はなく、画像が邪魔になるため、テキスト列もありません。そのため、スキャンする方法はありません。読み取る前に、各アイテムを「手動」で見つける必要があります。

最初の例のように高さが異なる場合は、通常、画像の下端を揃えるのが難しく、グリッドの下部に空白を入れたくないため、無限スクロールを使用します。

通常のグリッドビューは、スキャンに対応しているため、Facebookのように、画像に加えてテキストデータを表示するのに最適です。また、ページングや、画像の小さなグループ(Facebookアルバム)がある場合にも適しています。画像の標準形式があると、ページを埋めるのが簡単になり、空のスロットは「不揃い」に見えません。

11