web-dev-qa-db-ja.com

流動的ではなく「固定幅」またはボックスレイアウトを使用する理由

多くのサイト(stackexchangeを含む)が「固定幅」または「ボックス化」レイアウトを使用していて、画面の50%がホワイトスペースであることに気づきました。これは、標準解像度のテレビ番組をHD画面で見るようなものです。

歴史的にはこれはモバイルデバイスの互換性のためだったと思いますが、流動的なレイアウトでは、必要に応じてページの要素を削除または再フォーマットすることでより適切に処理されます。

何が欠けていますか?多くのアプリ(facebook、soundcloud、stripe、mixpanelなど)がボックス形式を採用することにしたのはなぜですか?それは単により良いユーザーエクスペリエンスですか?

9
James Gentes

テキストの場合、1行あたりの単語/文字の数が読みやすいためです。多くの調査が行われ、多くの blogswritten ...

画像(Facebookなど)の場合、幅が広いと高さが高くなり、スクロールしないと多くのコンテンツを表示できません。

私は複数列のデザインが試されたと思います、ユーザーはそれらのモンスターをナビゲートする方法を知りませんでした(新聞では、ページをめくりますが、Webページでスクロールしてから次をクリックするか、下にスクロールしてから上にスクロールするか、何ですか?)最後に、メインコンテンツは通常、読みやすい1列にのみ配置されます。

6
Aprillion

あなたが話しているのは「固定幅レイアウト」です。これについては多くの議論があります。手始めにこの記事を参照してください: http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/

主な理由は、十分に大きな画面を使用しているユーザーはブラウザを最大化しないことが多いですが、他のウィンドウと並行して表示しているため、Webサイトで使用できる画面サイズを効果的に縮小できるためです。

3
J. Dimeo

私はただ推測しているだけで、あまりにも形式的なものはありません。

Facebookスタイルの「コンテンツコラム」のデザインを見てみると、その逆は何でしょうか。マイケルベイの映画が近づくと思います。

ベイは、ダイナミックなイメージに夢中になってしまうことを望んでいます。意図的に細部を把握することを不可能にして、動きを感じましたか?.

コンテンツを消費するとき、あなたはそれの反対を望みます。消化しやすい、非常に集中したコンパクトなサービングが必要です。目を動かして焦点を合わせるのは大変な仕事です。

マイケルベイは、彼の終わりまで巨大なパノラマ設定とビジュアルを使用しています。彼は人間の眼の非常に弱い周辺視野を利用し、手に入る特定のショットの主人公が手前にある振り付けされたカオスが得られるまで、それを動きで爆破します。

Facebookはあなたの弱い周辺視野を考慮しているので、エッジをきれいに保ちます。

ベイと同じ配慮、同じ人間の弱さ。ベイが悪用、Facebookが保護します。

1
Navot