web-dev-qa-db-ja.com

ダッシュボードに表示する必要がある大きなデータセットを管理するにはどうすればよいですか?

クライアント用の新しいダッシュボードを作成する必要があります。テーブル、2つの円グラフ、および複合縦棒グラフを含める必要があります。表示する必要のあるデータがたくさんあるため、ページがテーブルから非常に高くなり、コンボカラムチャートが読めなくなります。読みやすくダイジェストしやすいように、UIにデータを表示する最良の方法に関する推奨事項を探しています。新しいダッシュボードは、高レベルの要約とな​​るはずです。詳細はこちらです。よろしくお願いします!

テーブルの詳細:

  • 選択した時間枠の場所ごとの各製品の合計生産量(簡単にするために、2月などの月次間隔を想定)
  • フィルターの選択に基づいて30〜100以上の場所
  • 前の列は、生産期間の合計生産量を示します(例:1月)
  • 分散列は2か月間の差を示します

複合縦棒グラフ:

  • 選択したタイムフレーム(例:2月)の場所別の総生産
  • テーブルの同じデータなので、フィルターの選択に基づいて30〜100以上の場所
  • 3つのデータ要素:実際の生産、前期、予測生産
  • 現在、総生産と前期間にはグループ化された列を使用し、予測には折れ線グラフを使用しています

添付のスクリーンショットに示されているデータの例 enter image description here

4
Kelley

ダッシュボードの目的は何ですか?

あなたはUXの初心者なので、Stephen Few(第2版)による情報ダッシュボードのデザインを読むことをお勧めします。これは、優れたダッシュボードの原因(および悪いダッシュボードの原因)を示します。悲しいことに、知識不足が原因で、あまりにも多くの貧弱なダッシュボードがあります。

たとえば、円グラフは、特に円の扇形が同じサイズである場合に、物事を比較することが難しいことで悪名高いため、ほとんど役に立ちません。ただし、棒グラフは物事を比較するのに最適です。円グラフを見るたびに、すぐに棒グラフに置き換えます。これにより、すぐに物事を比較しやすくなります。

したがって、最初に、ダッシュボードの使用目的を理解する必要があります。

  • 同様のものを比較することですか?
  • 目標に対して進捗を示すことですか?
  • 物事がうまくいっているときを特定することですか?
  • 物事がうまくいかなかったときに警告を発しますか?

目的と目標がわかったら、利用可能なデータを確認する必要があります。追加のデータを作成する必要がある場合があります。つまり、物事を数えたり、複数のデータを組み合わせたり、履歴データを照合したりする必要があるかもしれません。多くの場合、必要なデータを取得することは困難です。

目的と目標を理解し、必要なデータが揃ったら、それから初めて、ユーザーのニーズを最もよくサポートするデータの視覚化について考え始めます。

Stephen Fewには、ダッシュボードの一般的な問題に対する彼の分析(および彼のソリューション)を確認できるWebサイトがあります。 http://www.perceptualedge.com/examples.php

3
SteveD

チャートを相互に比較する必要がない場合は、一度にすべてを表示する必要はありません。

一度に1つずつ表示し、タブを使用して、選択したタイムフレームを維持しながらビューをすばやく切り替えることをお勧めします。これにより、ユーザーは単一のチャートに集中できます。

すべてを1つのページに表示する必要がある場合は、たとえばクリックで1つ拡大または縮小して、ここでアニメーションを使用して、自然に感じることができます。

1
Yakke

datatables などのテーブルプラグインの使用を検討して、テーブルにページ番号を付けることができます。最も重要なデータを最初のページに表示するデフォルトのソートに同意します。これは、ダッシュボードにテーブルを配置する必要がある場合です。

0
K7Buoy