データ操作ダッシュボード (レビュー: データ ダッシュボードの構築方法)

レビュー: データ ダッシュボードを構築するには?

編集者注: データ パネルはビジネスの変化を直感的に反映し、意思決定者がビジネスの調整や意思決定を行うのに役立ちます。では、データ ダッシュボードを構築する際にはどのような点に注意すべきでしょうか?具体的な手順は何ですか?この記事の著者は、データ ダッシュボードの構築をレビューし、具体的な事例に基づいて、データ ダッシュボードの設計プロセスで注意する必要があるいくつかの問題を共有し、皆様の参考と学習に役立てていただきました。

仕事では、データダッシュボードのバックグラウンド構成モジュールを担当しています。初期の製品設計段階では、データ ダッシュボードのニーズと設計仕様を体系的に理解していませんでした。このレビューを通じて、データ ダッシュボードをより深く理解できるようになることを願っています。また、これがデータ ダッシュボードを必要とする方々の助けになることを願っています。

「データダッシュボード」について話すときは、まず「データの視覚化」を理解する必要があります。

データ視覚化とは、比較的複雑で抽象的なデータを視覚的に表示し、人々が理解しやすくするための一連の手法です。

データ ダッシュボードは、データの視覚化を担います。合理的なページレイアウトと効果設計により、視覚化されたデータをより直感的かつ鮮明に表示できます。

データダッシュボードは、一般的にバックエンドシステムのホームページとして、またはシステムのモジュールの1つとして使用され、現在のビジネスや操作に関連するデータやグラフを提示し、ビジネスの状況をリアルタイムで把握し、ビジネス上の意思決定をサポートするのに役立ちます。

データダッシュボード以外にも、データスクリーン、管理コックピット、シティブレインなどの類似製品もあります。興味のある学生は引き続き探索することができます。

分析は、「誰（ターゲットユーザー）に対して、どのようなサービス（ビジネスプロセス）を提供し、どのような目標値（ビジネス指標）を達成させるか」という観点から行う必要があります。

対象ユーザーは、関係する事業に携わる全関係者です。最初は草の根レベル/中級レベル/上級レベルに分けられます。各レベルは異なる位置にあり、異なる内容に重点を置いています。具体的な分析内容は下図の通りです。

データ ダッシュボードの主な価値は状況を理解することであり、問​​題を解決することはより高度なアプリケーションです。

（１）状況を理解する

状況を理解することは、対象ユーザーの基本的なニーズです。現状を踏まえて、ターゲットとのギャップを分析し、ビジネス上の課題を発見することができます。それらのほとんどは定量的な統計であり、分析的な内容は含まれていません。

• 上級管理職向けの戦略ダッシュボードでは通常、複雑なグラフを必要とせず、コア指標が純粋な数値形式で表示されます。

GrowingIOから選択

• 中級管理者向けのビジネス ダッシュボードは、プロセスとコンポーネントに重点を置いており、多くの場合、成長曲線などのフォームを使用してデータの分布、パターン、変更を反映します。

センサーデータから選択

（２）問題解決

データの可視化により、動的なデータからパターンを抽出し、期待を満たさない部分を特定し、最適化と反復を行い、ダッシュボードを通じて効果を検証することが可能になります。

今夏の人気バラエティ番組「波多野結衣」の視聴率はどうなっているのか？ Baidu Indexを見ると、各エピソードは金曜日に初公開されるものの、通常は土曜日にピークに達することがわかります。一方で、番組の人気は6月の初回放送以来低下している。調整や最適化が行われなければ、後期での人気は期待しにくい。

Baidu Indexより抜粋

ダッシュボードを設計する際には、ページ階層、レイアウト、インジケーターチャート、サポート機能などを総合的に考慮する必要があります。デザインにおいては、注意すべき重要なポイントが 3 つあります。

• シンプルで効率的。クールなインタラクションよりもクエリの効率を優先します。
• 情報は孤立したデータではなく、相関性が高くなっています。具体的には、前月比および前年比での比較によって変化を反映する必要があります。
• 選択されたデータは傾向とパターンを反映できます。傾向特性のないデータの場合は、数値を直接表示する方が適切です。

階層構造の場合、2 レベルのネストが推奨されます。一方、3 レベルを超えるネストでは、ネストが深すぎて直感的ではなく、ユーザーが見つけにくくなります。一方で、指標が多すぎたり、分類が不適切であったりしないか反省する必要がある。無駄な指標を避けるために、コンテンツの分類を調整し、特定の削除を行う必要があります。

各ページのレイアウトは、単一画面ページか長画面ページかを考慮する必要があります。シングル スクリーンとロング スクリーンは、コンテンツが 1 つの画面に収まるかどうか、およびすべてのコンテンツを表示するには画面をスライドする必要があるかどうかを指します。

横長の画面の場合は、コンテンツの一部を画面外に露出させて、ユーザーがスライドして閲覧できるように誘導することをお勧めします。特に Mac システムの場合、スクロール バーはデフォルトでは表示されません。ユーザーが画面をスライドせず、スクロール バーが表示されない場合、画面外のコンテンツは表示されない可能性があります。

Ant Design Pro の例では、データ ダッシュボードは長い画面ページです。最初の画面以外に露出するコンテンツはまだたくさんあるため、「人気のオンライン検索と売上カテゴリシェア」を露出させて、残りのコンテンツを閲覧するようユーザーを誘導します。

Ant Design Proから選択

各画面のデータダッシュボードはグラフで構成されています。一般的なグラフには、棒グラフ、折れ線グラフ、面グラフ、円グラフがあります。各チャートが適しているシナリオは、AntV G2Plot で確認できます。

AntVから選択

ECharts を通じてチャートの種類について学ぶこともできます。 ECharts は、フロントエンド開発でよく使用される人気のオープンソース視覚化ライブラリです。

表現したいコンテンツの種類に応じて、対応するチャートを選択することもできます。 AntVには、「比較、傾向、構成、割合」などに対応した8種類のチャートがあります。

AntVから選択

チャートを選択したら、次のようなチャートのサポート機能を考慮する必要があります。

• 権限を設定します: 誰が表示できるか、誰が表示できないか。これはデータ ダッシュボードで設定することも、バックグラウンドで構成することもできます。
• ダウンロードをサポート: Excel 経由でダッシュボード データをダウンロードおよびエクスポートします。会社の機密データをダウンロードする必要があるかどうかは、ビジネス側に確認する必要があります。
• 全画面表示: 1 つのグラフを全画面で表示して、グラフの内容を詳細に表示します。
• ダッシュボードの編集: ダッシュボード名の調整、インジケーターの変更、折れ線グラフから棒グラフへの変更など、ダッシュボードの階層構造、インジケーターのコンテンツ、グラフの種類などの編集が含まれます。

GrowingIOから選択

どのようなサポート機能が必要かは、具体的なニーズによって異なります。私が以前担当していた要件は、「フロントエンドは表示のみをサポートし、ダッシュボードの階層、インジケーター、インジケーターのディメンションはバックエンドを通じて構成される」というものでした。ディメンションには、分類、統計期間、選択（比較）日などが含まれます。ディメンションの数が多いほど柔軟性が高まりますが、新規ユーザーの学習コストと運用コストが高くなります。

下の写真は、上記の問題に遭遇した初期設計のプロトタイプです。オンラインになった最終バージョンでは、分類と統計期間のオプションのみが保持され、残りのディメンションは組み込み情報として設定されました。

データ ダッシュボードを計画する際には、GrowingIO、Sensors Data、Zhuge io、Xiaoma BI などの既存のデータ サービス プラットフォームを参照し、プラットフォームのデモをできるだけ体験することをお勧めします。成熟したリファレンスの助けを借りて、カンバンボードの設計をより迅速かつ高品質に完了することができます。

実際の業務では、プロダクトマネージャーとして、ダッシュボードでどの指標を使用するかについてあまり発言権はないかもしれませんが、指標の背後にあるビジネス上の意味、指標を通じてどのような問題を解決できるか、そしてその理由と方法を知る必要があります。

製品設計のヒント: データダッシュボード

バックエンド製品の方法論: データダッシュボードを構築するには? 》

この記事はもともと @凉凉Lxy によって Everyone is a Product Manager に掲載されました。無断転載禁止

タイトル画像はCC0ライセンスに基づいてUnsplashから引用しています