StackExchange、Facebook、YouTubeなどの3列のレイアウトを使用する理由

Question

StackExchange、Facebook、YouTubeなどのサイトがコンテンツを中央に配置して幅を狭めるのはなぜですか？全幅を占めるRedditのようなサイトとは対照的です。

彼らは過度の水平な眼球運動からユーザーを救おうとしていますか？
彼らはページの単調さを壊して視覚的な魅力を高めようとしているのでしょうか？
これは、大物だけが知っている秘密の設計原則についてですか？

enter image description here

lauhub · Answer

これは秘密のデザインだとは思いません。実際、これは新聞や雑誌から受け継がれている原則です。3列または4列のレイアウトがなければ、記事を読むことは不可能です。読む。これにより、読書中の眼球の動きが最小限に抑えられます。

もう1つの理由は、地球上のさまざまな画面幅に対応することを回避することでもあります。中央部分の幅を固定すると、ルックアンドフィールとGUIの動作全般を管理しやすくなります。

これは、他のWebアプリケーションとの一貫性ももたらします。これは、異なる機能を側面または別の場所に配置すると、人間工学がサイト内および異なるサイト間で一貫するためです。

そして実際には、新しいものを作り直すよりも、アプリケーションを開発するときに他のアプリケーションと同じ原則に従う方が簡単です。

一部のサイトが3列のレイアウトに従っていないのはなぜですか？まあ、どのレイアウトを表示するかを選択するのも開発者の選択です。そして、レイアウトに応じて、その好みのサイトを使用するかどうかのユーザーの選択。

あなたが従うことができる多くの人間工学の原則があります。これについては、ISO-14915規格をご覧ください。

benb · Answer

行の長さに関してはユーザビリティの懸念がありますが、このレイアウトが非常に人気があるのには2つの主な理由があると思います。

デザイン管理。ページ要素がユーザーのブラウザーウィンドウのサイズに依存して移動したりサイズを変更したりしないため、デザイナーは人気の固定幅の中央揃えレイアウトを使用してWebサイトの外観をより詳細に制御できます。
ビルドのしやすさ。再びこれは制御に降りてきます。レイアウトの幅が常にわかっているので、ページ要素を確実に配置しやすくなります。ひどく見えない全幅の流動的なレイアウトを構築することは、より困難な作業です。

abathur · Answer

これは、あなたが言及しているサイトにデザイナーを巻き込まない限り、決定的な回答が得られる質問だとは思いません。 3つの質問に答えて、「はい」、「はい」、「いいえ」に挑戦しますが、表現されていない他の可能な説明もいくつか提案します。

もちろんserエクスペリエンスについて話していますが、デザイナーはserの一種です。少なくともプロセスでは、作成したサイトを使用する必要があります。つまり、デザイナーは決定に影響を与えるため、ユーザーエクスペリエンスを使用する必要があります。中央に配置された制約のあるレイアウトにより、多くの（ほとんどの）が現在設計しているより広いモニターで2つの操作モードのいずれかを使用できます。
- ブラウザ/コード/ユーティリティウィンドウを小さく快適なサイズに保ち、フォーカス間をすばやく移動できるようにする必要がある場合は、いくつかのウィンドウを表示できます。
- その後、単一のタスクに集中する必要がある場合は、それを全画面（または閉じる）に拡大し、空き領域（白でない場合）でノイズを遮断できます。（つまり、フルスクリーンに拡張すると、おおよそ静的な情報密度を維持してモニター全体に広げるのではなく、同じ情報量に集中するためのmoreスペースが得られます。
自分のデザインの歴史を振り返ると、数年前の自分の画面の変更に伴う明らかな変化があります。多分私は因果関係を仮定することに抵抗するべきですか？
@lauhubは、利用可能なさまざまな画面サイズの設計について話し合うと、この方向に少し動きますが、この多様性の副産物として、マルチスクリーンユーザーはcontent設計では、使用可能なスペースをすべて消費することを回避しています。
Redditは非常に愛されていますが、視覚的な混乱であり、優れたデザインの処方箋にデザインの決定を外挿することはおそらく避けるべきです。

Jerry Saravia · Answer

ここにレイアウトとそれが機能する理由についての私の意見があります。

まず、私たち人間は左から右へ、右から左へ読む傾向があります。我々はすべてそれを知っている。

長い行は読みにくいですが、動画を聴きながらコメントを読むのを楽しんでいない限り、YouTubeには必ずしも当てはまりません。

読み方向を考慮に入れても、テキストが左端または右端から始まる必要があるという意味ではありません。まるで読書コーナーに戻ったような気分になります。左/右を読みますが、中央に沿って上下にスキャンします。

私たち人間は対称性を望んでいる傾向があり、コンテンツを中央に置くと、コンテンツを最も快適に見ることができます。私たちは誰かを見るとき、彼らに集中するために彼らの左耳または右耳を見ていない。少なくとも私はそうしないと変に感じるでしょう。そのため、レイアウトは機能すると思います。内容、つまり私たちが集中したいことは真ん中です。

Redditはレイアウトを確実に改善でき、メインのニュースコンテンツがページの中央に配置され、長い行に悩まされないレイアウトの恩恵を受けます。彼らはメニューを大きくして上部をクリックしやすくすることができ、メインのコンテンツを中央に残しつつ、サイドに追加のコンテンツを表示するスペースを増やすことができます。

Youtube-中央に配置されたビデオを見たり、画面の左端にあるビデオを見たりすると、どのような気分になりますか？左側または右側のナビゲーションは問題ありません。ナビゲーションはコンテンツに次ぐものです。コンテンツが主要な主題です。壁の左隅または右隅にテレビを置いたとしたらどうでしょうか。部屋の制約のためにあなたがする必要があるかもしれませんが、それは中央でより良い感じです。

Facebook-コンテンツが中心です。コンテンツはニュースフィードと私たちの友人が言っていることです。側のすべてのものは二次的です。誰がニュースフィードを左端または右端にしたいですか？真ん中は何でしょう？メニュー？ナビゲーション？いいえ、コンテンツ。そして、内容は私たちの友人や家族に関する情報です。

Stackexchange-ポイントは、人々がどんな種類の質問をしているのかを見ることです。質問はコンテンツであり、中央にあります。側面と上部のすべてのものは、あなたがあなたに関連している質問に行くのを可能にします。繰り返しますが、メインのコンテンツは真ん中にあります。

それが私の意見です。コンテンツは王様であり、ステージの中央に位置するはずです...ステージの左側や、探す必要のある右端にあるはずです。