マーケター向けデータ可視化:問いに応じたグラフの選び方
棒グラフ、折れ線、散布図、表、ゲージ、円グラフは、それぞれ得意な問いと不得意な問いがあります。タフティとクナフリックの考え方をもとに、形式の比較、数字で見る読み違いの罠、「問い→グラフ」の対応表を整理します。
要点
- グラフは、ツールのギャラリーを眺めて選ぶのではなく、読み手に投げかける問い(推移、比較、関係、構成、参照)から選びます。
- マーケティングの用途の大半は、並べ替えた棒グラフ、折れ線、散布図でまかなえます。正確な値を探すなら表が適しており、ゲージと円グラフは使える場面が限られます。
- よくある歪みは三つ、棒グラフの軸の切り詰め、2軸グラフ、役割のない色です。5%の差が200%の差に見える例を、数字で示します。
- 成果物は「問い→グラフ」の対応表です。限界として、タフティの原則には議論があり、読み手になじみのあるグラフが、最適でも見慣れないグラフに勝つことがあります。
グラフより先に、問いを決める
1か月の注文をチャネル別に分けたデータ(仮の例)を考えます。Organic Search 70件、Paid Search 50件、Email 40件、Direct 24件、Paid Social 16件で、合計200件。構成比は35%、25%、20%、12%、8%です。これを5つの区分の円グラフにすると、Paid Search(25%)とEmail(20%)の差を読み取るには努力が要ります。人の目は角度と面積を比べますが、その見積もりは正確ではありません。同じ数字を、並べ替えた横棒グラフにすれば、順位は一瞬で読めます。データは同じでも、「どのチャネルが首位で、どれだけ差があるか」という問いを読み取るコストは違います。
したがって手順は、ツールを開く前に問いを言葉にし、その問いに合うグラフの種類を結びつけることです。次の表がその対応表で、この記事の成果物です。印刷するか、ダッシュボードのスタイルガイドに貼って使ってください。
| 問い | 分類 | 優先するグラフ | 避けるもの | マーケティングでの例 |
|---|---|---|---|---|
| Xは時間とともにどう変わるか | 推移 | 折れ線。期間の数が少なければ縦棒 | 円グラフ、3D棒グラフ | 週ごとのセッション |
| どれが最大/最小か | 比較・順位 | 並べ替えた横棒グラフ | 円グラフ、レーダーチャート | チャネル別のリード獲得単価 |
| XとYは関係があるか | 関係 | 散布図 | 2軸グラフ | キャンペーンごとの広告費とコンバージョン |
| 全体のうちどれだけか | 構成 | 100%積み上げ棒グラフか単純な棒グラフ。円グラフは2〜3区分のときだけ | 8区分の円グラフ | 注文に占める各チャネルの割合 |
| 正確な値はいくらか | 参照 | 表 | ラベルのないグラフ | キャンペーンと費用の一覧表 |
| 目標に対してどの位置か | 進捗 | 比較つきスコアカード。バレットグラフ | 円形のゲージ | 当月のリードと目標 |
| 値はどう分布しているか | 分布 | ヒストグラム | 平均値だけの表示 | 注文金額の分布 |
形式の比較:強み、限界、使いどころ
この表は、マーケティングでよく使う形式を比べたものです。評価は文献の大まかな合意を反映しており、留保すべき点は後で述べます。
| 形式 | 得意なこと | 主な限界 | 典型的な使いどころ |
|---|---|---|---|
| 棒グラフ(横向き・並べ替え) | カテゴリーの比較、長いラベルの表示 | ゼロから始める必要がある。20本を超えると読みにくい | チャネル別・キャンペーン別のリード獲得単価 |
| 折れ線グラフ | 推移、傾向、季節性 | 系列が多いと読めない。離れた点の間に連続性があるように見せる | 週次のセッション、累計の推移 |
| 散布図 | 二つの指標の関係、外れ値の発見 | なじみが薄い。因果関係は示せない | キャンペーンの広告費とコンバージョン |
| 表 | 正確な値、1行に複数の指標 | 見るのではなく読むことになり、傾向がつかみにくい | キャンペーンの一覧 |
| ゲージ | 一つの指標と目標との対比 | 一つの値に大きなスペースを使う | 経営層から求められやすいが、必要になることは少ない |
| 円グラフ | 全体のうち2〜3区分、一つが突出している場合 | 角度の比較が不正確。4区分を超えると読みにくい | シンプルなサイトでのモバイルとPCの割合 |
棒グラフと折れ線:二本柱
人の目は、同じ尺度の上に並んだ要素を正確に比べられますが、面積や角度の比較はずっと苦手です。棒グラフは長さで、折れ線は時間軸上でつながった点の位置で値を表します。ここから二つのことが言えます。ラベルが長い(キャンペーン名など)場合は、並べ替えた横棒グラフが勝ちます。折れ線は等間隔の時間軸を前提にするので、月次の3点なら、傾向を語ろうとせず、棒グラフで同じことを伝えられます。
散布図:関係と例外を見る
仮の5つのキャンペーンについて、費用とコンバージョン数を見てみます。
| キャンペーン | 費用 | コンバージョン数 | コンバージョン1件あたりの費用 |
|---|---|---|---|
| A | 100,000円 | 50 | 2,000円 |
| B | 200,000円 | 80 | 2,500円 |
| C | 50,000円 | 30 | 約1,667円 |
| D | 300,000円 | 90 | 約3,333円 |
| E | 150,000円 | 75 | 2,000円 |
費用を横軸、コンバージョン数を縦軸にした散布図で考えます。費用10万円あたりのコンバージョン数に直すと、A・Eは50件(A:50件÷10万円、E:75件÷15万円)、Cは60件(30件÷5万円)、Bは40件(80件÷20万円)、Dは30件(90件÷30万円)です。Dは最も大きな予算を使いながら、ほかの傾向を大きく下回ります。表では最初の一読で気づきにくい、全体の関係から外れたキャンペーンが、グラフでは見えてきます。ただし、これで何かが証明されるわけではありません。点が5つでは、Dが予算過多なのか、配信先が飽和しているのか、計測に不備があるのかは分かりません。グラフは、調べるべき問いを立てるものです。
この小さな表には、ダッシュボードで間違えられやすい計算の落とし穴も潜んでいます。全体のコンバージョン単価は、800,000円÷325件で約2,462円です。一方、5つの単価の単純平均は2,300円(2,000+2,500+約1,667+約3,333+2,000=11,500円を5で割った値)になります。差が出るのは、後者がキャンペーンごとの規模を無視しているからです。複数行にまたがって計算する指標は、比率の平均ではなく、合計の比率で表示します。
表、ゲージ、円グラフ:用途が狭い形式
表は、可視化の失敗ではありません。読み手が正確な値を探したい、あるいは1行に複数の指標を並べて比べたいときは、グラフより優れています。クナフリックもフューも、こうした場面では表を明確に推奨しています。タフティはさらに踏み込み、表のほうがほとんど常に円グラフより良いと考えています。ゲージへの批判は、占有するスペースに向けられます。一つの値を示すのに半円を使うのに対して、比較つきのスコアカードや、フューが考案したバレットグラフ(bullet graph)なら、10分の1のスペースで同じことが言えます。
とはいえ、これらの評価は禁止事項ではありません。円グラフは、ある区分が圧倒的に多い(80%対20%)ことや、全体の約半分であることを見せたいときには意味を持ちます。5チャネルの例のように、近い割合を比べる必要があるときには、意味がなくなります。ゲージも、経営層が求め、指標ごとに一貫した表示であるなら、採用してよい場合があります。だれにも通じない最適な形式より、みんなが共有している決まりのほうが役に立ちます。
読み違いを生む罠
棒グラフで軸を切り詰める
2つのページ案(仮の例)があり、Aのコンバージョン率は4.0%、Bは4.2%です。相対的な差は5%(4.2÷4.0−1)、絶対的には0.2ポイントです。棒グラフの縦軸を0ではなく3.9%から始めると、Aの棒は0.1の長さ、Bの棒は0.3の長さになります。Bの棒はAの3倍の高さ、つまり200%も高く見えます。タフティはこれを測る指標として、ライ・ファクター(lie factor)を提案しています。グラフに示された効果の大きさを、データにある効果の大きさで割った値です。ここでは200÷5=40。グラフは差を40倍に誇張しています。
そこから導かれるルールは、棒グラフでは軸をゼロから始めることです。情報を担うのは長さだからです。折れ線グラフでは、目盛りがはっきり読めることを条件に、ゼロから始まらない軸も許されます。読まれるのは傾きだからです。どちらの場合も、テストでの0.2ポイントの差には、演出よりも先に有意性の確認が必要です。それには、A/Bテスト計算ツールが使えます。
2軸グラフ
セッション数(左軸、0〜20,000)と注文数(右軸)を同じグラフに重ねると、相関を示すのに良さそうに思えます。しかし実際には、2本の線の見え方は、選んだ目盛りにすべて左右されます。12,000セッションと240件の注文があるとき、右軸を0〜400にすれば、両方の点は高さの60%に並び、線が重なります。右軸を0〜300にすると、注文は80%(240÷300)の高さに上がり、トラフィックを追い越したように見えますが、データは何も変わっていません。同じ横軸にそろえて、2つのグラフを上下に並べれば、この自由度の余地はなくなります。
読むために使う色
色は「どの要素を見るべきか」という問いに答えるものです。8つの系列を8色で塗り分けると、凡例との往復が必要になります。文脈には落ち着いたグレーを使い、示したい要素には鮮やかな色を使い、系列名はグラフ上に直接書くのが良い方法です。赤と緑のコントラストだけに頼らないでください。読み手の一部にはその違いが見分けられません。位置やラベルで補います。
タフティとクナフリック、そして「不要な装飾」をめぐる議論
この分野を支える2冊があります。エドワード・タフティは『The Visual Display of Quantitative Information』で、データインク比(インクのうち、装飾ではなくデータを表すのに使われる割合)、先に触れたライ・ファクター、そしてスモール・マルチプルを提唱しました。スモール・マルチプルとは、チャネルやセグメントごとに同じ形式のグラフを横に並べるもので、一つのグラフに詰め込まずに比較できます。コール・ナッスバウマー・クナフリックは『Storytelling with Data』で、これらの考え方をビジネスの現場に移し、段階的な手順を示しました。文脈を理解する、適切なビジュアルを選ぶ、ごちゃごちゃを取り除く、注目させたい点に視線を向ける、デザインを工夫する、物語として伝える、の順です。
ただし、これらの原則は一致した見解ではありません。2010年のCHI会議で発表されたバテマンらの研究は、シンプルなグラフと、イラストで装飾したグラフを比較しました。著者らは、装飾付きのグラフでも解釈の正確さが落ちる様子は見られず、長期的な記憶の面では優位があったと報告しています。この結果は、意味のない装飾を正当化するものではありませんが、ミニマリズムを教条にしないよう促します。読み手と目的によって変わるのです。毎週の管理用ダッシュボードなら簡潔さが勝ちますが、説得が必要な委員会向けの発表なら、多少の演出が役立つこともあります。
なじみの有無も影響します。散布図を読んだことのない読み手は、注釈つきの表からのほうが多くを得られます。その場合、グラフを置き換えるのではなく、読み方を一文添えます(「1点が1キャンペーンで、右にあるほど費用が大きい」)。
グラフを5段階で作り直す
ダッシュボードにある既存のグラフに、最初の節の対応表を当てはめる手順は次のとおりです。
- 問いを1文で書く。 書けないなら、そのグラフに存在理由はありません。判断との結びつきは、ダッシュボードの作り方の記事で扱っています。
- 分類を特定する(推移、比較、関係、構成、参照、進捗)。そして、形式が対応表に合っているかを確認します。
- 軸を直す。 棒グラフはゼロから、折れ線は読みやすい目盛りで、縦軸は1グラフに1本だけにします。
- 情報にならないものを外す。 重い罫線、立体効果、重複した凡例、役割のない色。タイトルは、内容ではなくメッセージを述べるものにします(「チャネル別の構成比」ではなく「Paid Socialは注文の8%を占める」)。
- 外部の読み手で試す。 グラフを5秒間見せて、何が記憶に残ったかを聞きます。意図したメッセージ以外が残ったなら、手順2からやり直します。
Looker Studioには、バージョンによって、スコアカード、表、時系列グラフ、棒グラフ、円グラフ、散布図、バレットグラフが用意されています。正確な一覧と書式の設定は、公式ヘルプに載っています。生成AIは、グラフの種類を提案したり、描画コードを生成したりしてくれますが、よくある欠点(区分の多い円グラフ、切り詰めた軸)をそのまま再現しがちです。出力には対応表を当てはめて確認し、顧客を特定できるデータを渡さないようにしてください。
グラフの選択が、上流の問題を消してくれるわけではありません。チャネルの設定が誤っていれば、どれほど見やすく描いても、誤った分類のままです。こうした欠陥は、流入元の読み方の記事で扱っています。ダッシュボード構築の実践ラボを含む学習の流れは、マーケティング分析・AI実践コースと実践ラボの案内で紹介しています。
参考文献
- Edward R. Tufte. "The Visual Display of Quantitative Information." Graphics Press, 1983 (2nd ed. 2001).(データインク比、ライ・ファクター、スモール・マルチプル、表と円グラフに関する見解を参照)
- Cole Nussbaumer Knaflic. "Storytelling with Data: A Data Visualization Guide for Business Professionals." Wiley, 2015.(段階的な手順、文脈に応じたビジュアルの選択、ごちゃごちゃの削減を参照)
- Stephen Few. "Information Dashboard Design." O'Reilly, 2006.(ダッシュボードにおけるゲージへの批判と、バレットグラフの紹介を参照)
- Scott Bateman, Regan L. Mandryk, Carl Gutwin, Aaron Genest, David McDine, Christopher Brooks. "Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts." CHI 2010.(装飾が読み取りと記憶に与える影響についての研究を参照)
- Google Looker Studio ヘルプ。利用できるグラフの種類、スコアカード、比較のオプションに関するドキュメント。画面は更新されるため、現行版を確認のこと。
関連記事
意思決定に使えるマーケティングダッシュボードの作り方
役に立つダッシュボードは、一つの意思決定の問いに答え、KPIと診断指標を階層に分け、比較の基準を選び、指標ごとに担当者を決めています。Looker Studioやスプレッドシートで使える1ページの設計図と指標カードを示します。
流入元の読み違いを防ぐ:GA4のチャネルを正しく解釈する手順
GA4のチャネルは、セッションの参照元とメディアに規則を当てはめた結果です。チャネルを比べる前にタグ付けを点検し、「Direct」と「Unassigned」の割合を測り、同じ条件の期間で量と質を読む手順を整理します。
AI Reasoning Boundaries
無料メールで、新しい記事とコースのご案内を受け取る
新しい実践記事とコースの最新情報を、月に1〜2回お届けします。登録は無料です。メールアドレスはこのご案内の送付にのみ使用し、第三者に提供することはありません。