web-dev-qa-db-ja.com

1つのWebページに多くの情報やデータを表示するにはどうすればよいですか?

UXデザインにWebページに多くのデータを表示するための「ルール」または推奨事項はありますか?または、データを表示するために最も必要な情報を選択する方法は?

6
leiseliesel

ほとんどの場合、データをvisualsおよび上位レベルのカテゴリ特定のデータにドリルダウンできます。これが、インフォグラフィックが非常に強力で、mint.comなどのサイトが愛されている理由です。

データを相互に排他的、包括的に(MECE)の方法で分類すると、表示されている内容の冗長性が排除され、表示されている内容が完全になります。たとえば、データを3〜5のカテゴリに分類するようにしてください。ただし、適用されない可能性のあるものをすべてキャッチできる「その他」のカテゴリも提供してください(その他のカテゴリが比較的小さい限り、これはうまく機能します)。

https://en.wikipedia.org/wiki/MECE_principle

次に、スクロールせずに見える範囲で最も頻繁にクリックされるカテゴリを表示するように選択できます。

2
vphilipnyc

簡単なグーグルはこの記事をめくります: 14の美しいコンテンツ-インスピレーションのための重いウェブサイト

ここでは、いくつかの原則を説明します。

ホワイトスペース–コンテンツ(および訪問者の目)の部屋が呼吸できるようにします

ボックス、境界線、グラフィカルプレーン–情報を視覚的なカテゴリにセグメント化します

直感的な検索方法–ユーザーが必要な情報に直接ジャンプできるようにします

Grids–理解するために常に必要なわけではありませんが、コンテンツを堅固で一貫した構造に保つことで、処理に必要な労力を削減できます

強力な情報階層–コンテンツタイプ(ぼかし、抜粋、行動を促すフレーズ)を使用して一貫したデザイン言語を確立する

視覚的階層–さまざまなコンテンツ領域と要素の相対的な重要性は、活版印刷の扱い(見出し、副見出し、プル)など、さまざまな方法で視覚的に暗示されます。 -引用など)、画像サイズ、彩度、配置など.

階層的なポイントに結び付けるもう1つの重要なことを追加します。

ユーザー中心のコンテンツ決定-ユーザーのテストと分析を通じて、ユーザーが本当に必要とするコンテンツ/必要なコンテンツを特定し、その情報を使用して関連する決定に影響を与えます。

3
dennislees

設計原則:情報の整理 https://uxplanet.org/design-principle-organizing-information-343a7ef936a8

コンテンツヘビーUIのUX設計ガイドライン https://theuxblog.com/blog/design-guidelines-for-content-heavy-ui

データの多いUX設計を戦略的に計画する方法 https://getflywheel.com/layout/plan-data-heavy-ux-design-how-to/

0
Robert Brown