運用データの可視化分析（データ可視化の目的、設計、プロセス、注意事項を紹介する記事）

データ視覚化を1つの記事で紹介: 目的、設計、プロセス、注意事項

編集者注: インターネット時代では、誰もがデータ分析の重要性を強調しますが、無味乾燥なデータを見ることを好む人はいません。データの視覚化だけが、表現したい重要なポイントを直感的に示すことができます。著者は、データ視覚化の重要なポイントを 4 つの側面からまとめ、皆さんと共有します。

次のような場面によく遭遇しますか？

• 「シャオ・ワン、会社はリーダーや顧客を迎えるための応接室を建てる予定です。社長は会社のイメージを映し出す大きなスクリーンを建てたいそうです。あなたが建ててください。」
• 「シャオ・リー、張さんは PC レポートを見ることに慣れていません。張さんが会社の業務運営を常に把握できるように、モバイル ダッシュボードの設計を主導してください。」
• 「Xiao Liuさん、最近、バックエンドのデータ分析の粒度が十分ではないという苦情を多くの顧客からいただいています。最適化できますか？」
• …

昨今、インターネット企業であろうと伝統的な産業であろうと、誰もがデータの重要性を認識しており、上司からは「データをシンプルかつ直感的に見る」ことへの要求がますます強くなっています。さらに、ビッグデータ構築の急速な発展に伴い、基盤となる技術やアルゴリズムはもちろんのこと、効率性とパフォーマンスの究極の向上はデータを通じて実証される必要があり、これによりデータ応用における可視化の地位がさらに確立されます。

今日はデータの視覚化についてお話しましょう。

まず、データ視覚化とは何でしょうか?

データの視覚化はデータアプリケーションの一種であり、ユーザーのニーズを満たす手段です。簡単に言えば、発見、分析、予測、監視、意思決定の目的を達成するために、視覚効果の高いグラフやチャートの形式でデータを提示することです。

すると、なぜデータの視覚化が必要なのかという疑問が再び生じます。

「一枚の写真は千の言葉に値する」という言葉を私たちは皆聞いたことがあるでしょう。これは脳科学に基づいています。脳には後頭葉、頭頂葉など、視覚を処理する領域が数多くあります。

したがって、人間の脳は画像に対してより敏感で、より効率的で、より直感的です。例を見てみましょう:

2020年12月には成都の20歳の少女が旅行したことが確認された。下の図1は公式発表であり、下の図2はネットユーザーが作成した移動軌跡です。道徳的な判断はせずに、情報取得の効率性という点では、2 番目が明確かつ効率的です。

優れたデータ視覚化の重要なポイントは何ですか?視覚化には、明確なロジック、正確な表現、簡潔なデザインの 3 つのポイントがあると思います。これら3つのポイントを達成できれば、完成品は間違いなく良いものになります。

論理は明確です。データの視覚化では、コンテンツの流れを確認し、厳密なロジックと明確な構造を確保する必要があります。

表現が正確です。データは正確で、正しいグラフが選択され、適切な情報が表現されているため、一目で曖昧さなく理解できます。

デザインはシンプルです。視覚化の焦点は、見栄えを良くすることではなく、重要なポイントを強調し、シンプルで美しくすることです。グラフ要素のレイアウト、座標、単位、凡例、相互作用は、過度にデザインせず、適度に表示される必要があります。

展示ホールや監視センターなどでよく見られ、一般的にはリアルタイム監視や早期警報、情報表示などの用途に適しています。次の図は、データ資産の大画面プロトタイプの例です。

これは、パブリック アカウント管理バックエンドや ERP データ ダッシュボードなどの管理バックエンドやデータ ダッシュボードでよく見られます。次の図は、Tik Tok クリエイター ポートレートのプロトタイプの例です。

これは、主に多次元テーブルに基づいており、単純なグラフやフィルターで補足されたテーマ別分析や管理レポートでよく見られます。以下の写真はNetEase Youshuの作品の一例です。

体重の変化や運動の記録を記録するフィットネス アプリや、株価の動向を表示する金融商品などは、すべてモバイル視覚化のシナリオです。 PCとの違いは、限られた表示領域に情報を表示することに、より注意を払う必要があることです。次の図は、Huawei Sports Health の歩数統計を示しています。

携帯

エクセル、そうです！おなじみのオフィススイートです。 Excel を使いこなせる人であれば、この古典的な Economist [2014 年世界選挙イベント チャート] のようなあらゆる種類のチャートを作成できます。これは、12 時の位置から始まり、1 月から 12 月までのさまざまな国の主要な選挙イベントを示す円形の散布図のセットです。

そして、このグラフはExcel [ドーナツグラフ + 円グラフ + 散布図] で作成できます。ドーナツ グラフは月ラベルを表示し、非表示の円グラフは国ラベルを表示し、散布図は週ごとのポイントを表示します。データ ラベルは放射状および接線状に整列されており、マクロを使用してラベルの角度をまっすぐにすることができます。

下記の通り：2014年エコノミスト誌に[2014年世界選挙イベント表]と題して掲載されました。

R の ggplot2 パッケージ、Python の Plotly、matplotlib、altair など。

従来のEcharts、AntV、D3.js、Highcharts、Echarts、AntVは国内での使用には十分であり、オープンソースで無料です。

英語が得意な方はhighchartsをご利用いただくことも可能ですが、商用料金にご注意ください。より自由度を高めたい場合は、最初のいくつかの難しいグラフに D3 を使用できますが、学習コストは高くなります。

AntV には優れたドキュメントが用意されており、強くお勧めします。視覚化の歴史、デザインコンセプト、チャートデザインのガイドラインなど、あらゆる内容を網羅しています。

モジェアカデミー：
https://www.yuque.com/mo-college、Alibaba AntV チームが作成したデータ視覚化コミュニティ。

地図: Baidu Map Open Platform、Amap Open Map。

主流: Tableau、PowerBI、Fanruan、Yonghong。

学習したい場合は、Tableau または PowerBI のいずれかを選択できます。 BI ツールのコアは似ています。どちらも古典であり、演奏したり勉強したりすることができます。企業が選択する場合は、国産の帆鑼と永紅が検討対象となります。

他にも Alibaba Datav、Baidu Tushuo、Tencent Xiaoma BI、NetEase Youshu、BDP など多数あります。自社のクラウド サービス プロバイダーの製品を選択できます。

データ視覚化製品の設計プロセスは、他の製品の設計プロセスと似ています。

一般的には、需要確認 - 製品設計 - ビジュアルデザイン - 調整、開発、発売の 4 つのステップに分けられます。

1. 需要確認には、まず表示端末の種類（PC、モバイル、大画面）を含めたユーザー、シナリオ、ニーズの3つの要素の確認が必要です。例えば、大画面の場合は、画面の種類、物理的なサイズ、ビデオ出力解像度の確認も必要です。
2. 製品設計 製品設計部分には、設計サイズ、レイアウト、モジュール分割、データ内容、チャート選択が含まれます。これは視覚的なデザイン効果の決定的な要素でもあります。
3. ビジュアルデザイン ビジュアルデザインの部分には、スタイルテーマ、カラーデザイン、ビジュアルインタラクション（特殊効果、フィルタリング、ドリルダウン、リンク）、チャートの詳細調整（タイトル、軸、グラフィック、凡例、ラベル、プロンプト情報）が含まれます。これらは通常、プロのデザイナーによって行われ、製品が提案を提供します。
4. 開発とオンライン設計を調整し、開発段階に入ります。開発には、フロントエンド開発、バックエンド開発、データ開発が含まれます。調整には、色の適応、データが処理される異常値の要件を満たしているかどうか、予想されるグラフィックが実際のデータの表示に適しているかどうかなどが含まれます。

データの視覚化では、グラフィック デザインが適切かどうかを検証するために実際のデータが必要であることに注意してください。必ず心理的な期待を持ち、調整のための十分な時間を確保してください。

チャートを構成する要素について説明しましょう。

チャートを構成する要素は科学です。この記事では、3 枚の写真を使用して簡単に紹介します。機会があれば、後ほど詳しく説明します。

著者: デザイナー @JQ design

上記は、チャートの構造要素の非常に完全な図です。通常、使用中に、シナリオに応じていくつかの要素が削除されるように選択されます。

より重要な要素は、タイトル、凡例、グラフィック、軸、単位、ラベルです。

著者: Bサイドプロダクトエクスペリエンスデザイナー @Nick

表全体は、機能領域とコンテンツ領域に分けられます。機能領域は上記画像の外側にあり、タブの切り替え、フィルタリング、検索、インポート、エクスポートなどの機能を実行します。コンテンツエリアは上図の内側、つまりデータ本体になります。

外国人専門家アンドリュー・アベラ氏がまとめたチャートタイプの選択ガイド。

これは海外の専門家アンドリュー・アベル氏がまとめたチャートの種類を選択するためのガイドであり、視覚化の分野では古典的なチャートでもあります。データの関係を比較、分布、構成、接続の 4 つのタイプに分けると、適切なグラフを選択するのに役立ちます。

タイプに応じて、選択範囲をさらに細分化できます。この写真を注意深く研究することができます。

終わりました。何か質問はありますか？コミュニケーションのためにメッセージを残してください！あなたを待っています！

データはビジネスに役立ちます。データがどのように表示されるかに関係なく、最終的な視覚化デザインは、ユーザー、シナリオ、ニーズに立ち返って、目標を明確かつ効果的に達成する必要があります。

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

タイトル画像はCCOプロトコルに基づいたUnsplashからのものです