クライアント用の新しいダッシュボードを作成する必要があります。テーブル、2つの円グラフ、および複合縦棒グラフを含める必要があります。表示する必要のあるデータがたくさんあるため、ページがテーブルから非常に高くなり、コンボカラムチャートが読めなくなります。読みやすくダイジェストしやすいように、UIにデータを表示する最良の方法に関する推奨事項を探しています。新しいダッシュボードは、高レベルの要約となるはずです。詳細はこちらです。よろしくお願いします!
テーブルの詳細:
複合縦棒グラフ:
ダッシュボードの目的は何ですか?
あなたはUXの初心者なので、Stephen Few(第2版)による情報ダッシュボードのデザインを読むことをお勧めします。これは、優れたダッシュボードの原因(および悪いダッシュボードの原因)を示します。悲しいことに、知識不足が原因で、あまりにも多くの貧弱なダッシュボードがあります。
たとえば、円グラフは、特に円の扇形が同じサイズである場合に、物事を比較することが難しいことで悪名高いため、ほとんど役に立ちません。ただし、棒グラフは物事を比較するのに最適です。円グラフを見るたびに、すぐに棒グラフに置き換えます。これにより、すぐに物事を比較しやすくなります。
したがって、最初に、ダッシュボードの使用目的を理解する必要があります。
目的と目標がわかったら、利用可能なデータを確認する必要があります。追加のデータを作成する必要がある場合があります。つまり、物事を数えたり、複数のデータを組み合わせたり、履歴データを照合したりする必要があるかもしれません。多くの場合、必要なデータを取得することは困難です。
目的と目標を理解し、必要なデータが揃ったら、それから初めて、ユーザーのニーズを最もよくサポートするデータの視覚化について考え始めます。
Stephen Fewには、ダッシュボードの一般的な問題に対する彼の分析(および彼のソリューション)を確認できるWebサイトがあります。 http://www.perceptualedge.com/examples.php
チャートを相互に比較する必要がない場合は、一度にすべてを表示する必要はありません。
一度に1つずつ表示し、タブを使用して、選択したタイムフレームを維持しながらビューをすばやく切り替えることをお勧めします。これにより、ユーザーは単一のチャートに集中できます。
すべてを1つのページに表示する必要がある場合は、たとえばクリックで1つ拡大または縮小して、ここでアニメーションを使用して、自然に感じることができます。
datatables などのテーブルプラグインの使用を検討して、テーブルにページ番号を付けることができます。最も重要なデータを最初のページに表示するデフォルトのソートに同意します。これは、ダッシュボードにテーブルを配置する必要がある場合です。