storytelling-with-data

Storytelling with Data（SWD）スキル

Cole Nussbaumer Knaflic の SWD 6 レッスンフレームワークをビジュアルとデザインの判断に適用し、さらにナラティブのストーリーテリングフレームワーク（Dykes、Duarte、Miller、Dicks、Cron、Heath）を組み合わせて、行動を促す説得力のあるストーリーを構成します。

形式に依存しない設計です：このスキルでは、伝える「内容」とデザインの「方法」を扱います。出力の仕組みを担う形式固有のスキル（例：スライド資料には pptx スキル、ダッシュボードにはウェブフレームワーク）と組み合わせてください。

---

SWD 6 レッスンフレームワーク

データコミュニケーションのタスクはすべて、以下の 6 つのレッスンに照らして、順番に評価してください。

レッスン 1：背景を理解する

ツールに触れる前に、次の 3 つの質問に答えてください。

1. 誰が対象者ですか？何を重視していますか？あなたとの関係はどのようなものですか？何が行動の動機になりますか？
2. 何を知ってもらう、またはしてもらう必要がありますか？取ってもらいたい行動、または伝えたい要点を 1 つに絞ってください。
3. どのように伝えますか？ライブプレゼンテーションですか？メールですか？ダッシュボードですか？これはデザインのあらゆる面を変えます。

主なテクニック：

• 3 分間のストーリー：メッセージ全体を 3 分で説明できますか？できない場合は、まだ十分に要点を絞れていません。
• ビッグアイデア：独自の視点、何が懸かっているのか、対象者に何をしてほしいのかを明確にする 1 文です。形式：[状況] ＋ [問題] → [推奨する行動]。
• まずストーリーボードを作成する：ツールを開く前に、付箋や紙に流れをスケッチします。自由に並べ替えてください。
• 探索的分析 ≠ 説明的な伝達：対象者に見せるのは、厳選された洞察という_説明的な_成果物だけです。分析の全過程ではありません。探索的分析をそのまま対象者に見せてはいけません。

既存の成果物をレビューするときに確認すること：

• すべてのチャート、パネル、セクションに、明確な「つまり何が言いたいのか」がありますか？
• 対象者は 3 秒見ただけで重要なメッセージを言えますか？
• 具体的な行動喚起がありますか？

レッスン 2：適切なビジュアル表現を選ぶ

メッセージに合ったビジュアルを選びます。ビジネスコミュニケーションの大半は、ほんの数種類のチャートで対応できます。

詳しいチャート選択ガイドについては references/chart-selection.md を読んでください。

簡単な判断基準：

• カテゴリ間の比較 → 横棒グラフ（標準的な選択肢）
• 時間経過に伴う傾向 → 折れ線グラフ（連続データ）または縦棒グラフ（離散的な期間）
• 全体に占める割合 → 積み上げ棒グラフまたはウォーターフォール図（円グラフは使わない）
• 2 つのデータポイントの比較 → スロープグラフ
• 重要な数値を 1 つだけ示す → シンプルなテキスト（数値そのものを大きく表示し、文脈を添える）
• 詳細な値の参照 → 表またはヒートマップ

避けるべきチャート：

• 円グラフやドーナツグラフ（面積や角度を正確に比較しにくい）
• あらゆる 3D 表現（情報が煩雑になり、データを歪め、値を読み取りにくくする）
• 2 軸グラフ（尺度の関係について対象者を混乱させる）
• スパゲッティグラフ（重なり合う線が多すぎる場合は、絞り込むかスモールマルチプルを使う）

レッスン 3：ごちゃつきを取り除く

ごちゃつきとは、理解を深めないままスペースを占有する視覚要素のことです。要素が増えるたびに、情報を処理するための精神的な負荷である認知負荷も高まります。

見つけて取り除きます：

• グラフの枠線や不要な輪郭線
• グリッド線（薄くするか、すべて取り除きます）
• すべてのデータポイントに付けたマーカー（重要なポイントだけに付けます）
• 重複するラベル（軸に表示されているなら、データラベルは不要です）
• 何にでも使う太字・斜体・色（すべてが強調されていると、何も強調されません）
• 凡例（代わりにデータへ直接ラベルを付けられませんか？）
• 回転したテキスト（読みづらい場合は、グラフの構成を見直します）
• データを表していない装飾要素

ゲシュタルト原則を適用して、残った要素を整理します：

• 近接：関連する項目は近くにまとめ、関連しない項目は離します
• 類同：同じカテゴリの項目には、一貫した色や形を使います
• 囲み：控えめな背景色で、関連する内容をまとめられます
• 閉合：不要な枠線を取り除きます。目は隙間を補って認識します
• 連続：要素をそろえ、視線が自然に流れるようにします
• 結合：ポイントを結ぶ線は、順序や関係性を示します

ごちゃつきを取り除く手順：

1. グラフの枠線を取り除きます
2. グリッド線を取り除くか、薄くします
3. データマーカーを取り除きます（特定のポイントを強調する必要がある場合を除きます）
4. 軸ラベルを整理します（数値を丸め、不要な精度を取り除きます）
5. データに直接ラベルを付けます（可能であれば凡例をなくします）
6. 一貫性のある、効果的な色使いをします

レッスン 4：見る人の注意を引きつける

前注意的属性（意識的に考える前に脳が処理する視覚的な特徴）を使い、重要な情報へ視線を導きます：

• 色：最も強力なツールです。重要なデータを強調するためにアクセントカラーを1色使い、それ以外はすべてグレーにします。装飾目的で色を使わないでください。
• サイズ：大きな要素は先に目を引きます。重要な数値やデータポイントを大きくします。
• 位置：左から右へ読む文化では、左上の項目が最初に目に入ります。最も重要な情報をそこに配置します。
• 太さ・ウェイト：テキストの階層を作るために、控えめに使います。段落全体ではなく、重要なフレーズを太字にします。

「グレー＋1色」のルール：すべてを基本的にグレーにし、伝えたい内容を強調するために、効果的なアクセントカラーを1色だけ使います。これは、SWDのテクニックの中で最も大きな効果をもたらします。

強調の階層とグレー＋アクセントカラーの戦略については、references/colour-and-emphasis.md をお読みください。 このスキルではメッセージと強調の戦略を扱います。視覚的な表現や色のシステム（検証済みのパレット、マークの仕様）については、dataviz スキルを参照してください。

記憶も重要です：

• アイコニック記憶（約0.5秒）：前注意的属性はここで処理されるため、色やサイズは瞬時に目に飛び込んできます
• 短期記憶（約4項目）：1つの画面に、競合する要素を詰め込みすぎないでください
• 長期記憶：見る人がすでに知っていることと結びつけます。なじみのあるグラフの種類や慣習を使います

レッスン 5：デザイナーのように考える

デザインはメッセージを支えるものです。次の原則を適用します：

• 形態は機能に従う：すべての要素は、理解を助けることで存在意義を持ちます
• アフォーダンス：インタラクティブな要素はクリックできるように見せ、重要なテキストは重要に見せます
• アクセシビリティ：グレースケールでも使えますか？色覚に特性のある人にも使えますか？説明するナレーターがいなくても理解できますか？
• 美しさは信頼を築く：すっきりと整列したビジュアルは、能力と信頼性を示します

実践的なデザインのルール：

• 一貫した配置を使います（見えないグリッドを作ります）
• テキストは左揃えにします（本文では中央揃えより読みやすくなります）
• 余白をたっぷり使います。無駄なスペースではなく、呼吸するためのスペースです
• フォントは1〜2種類に絞り、サイズと太さで階層を作ります
• 説明的なタイトルより、行動を促すタイトルを使います：「第3四半期の売上高」より「第3四半期に売上高が23％増加」
• すべてのグラフ、セクション、パネルには、「つまり何が言えるのか」を伝える、明確で断定的なタイトルを付けます
• ビジュアライゼーション上に直接テキスト注釈を加えて、背景情報を補います

レッスン 6：ストーリーを伝える

物語がなければ、データビジュアライゼーションは見栄えのよい絵にすぎません。説得力のあるストーリーを構成するためのフレームワークは複数あります。シナリオに合わせて選びましょう。

詳しいフレームワークの指針については references/narrative-frameworks.md を、フックと「なるほど」と思う瞬間を生み出す手法については references/hooks-and-moments.md をお読みください。

フレームワークの選択

シナリオ	主なフレームワーク	補助フレームワーク
データインサイトのプレゼンテーション	Dykes Data Storytelling Arc	Heath SUCCESs
説得力のある基調講演またはピッチ	Duarte Sparkline	Miller SB7、Dicks
製品／ブランドのポジショニング	Miller StoryBrand SB7	Duarte、Heath
カンファレンストーク／個人的なストーリー	Dicks Five-Second Moment	Duarte、Cron
メッセージの定着度のレビュー	Heath SUCCESs チェックリスト

ストーリーテリングの手法（すべてのフレームワークで適用可能）：

• 水平ロジック：セクション／スライドのタイトルだけを順番に読みます。タイトルだけで完結したストーリーが伝わる必要があります。
• 垂直ロジック：各セクション、パネル、スライドは、タイトルと内容だけでそれぞれ意味が通じる必要があります。
• 繰り返し：重要なメッセージを、異なる方法で少なくとも3回繰り返します。
• 段階的な提示：一度にすべてを見せないでください。少しずつ積み上げていきます。
• 媒体に合わせる：ライブプレゼンテーションでは、ビジュアルを簡潔にします（語り手はあなたです）。単独で読む形式では、より多くのテキストと注釈が必要です。
• 60秒以内にフックを仕掛ける：異常、利害、対比、問いかけ、弱みの開示、イン・メディアス・レスのフックを使います（references/hooks-and-moments.md を参照）。
• ストーリーの要素をつなぐには 「しかし」と「したがって」 を使います。「そして」では勢いが失われます（Dicks）。

---

SWD の適用：タスク別ワークフロー

新しいデータコミュニケーションの作成

このワークフローは、出力形式（スライドデッキ、ダッシュボード、インフォグラフィック、静的サイト、レポート）にかかわらず適用されます。

1. 背景のヒアリング - ユーザーに尋ねます：対象者は誰ですか？ 伝えるべき最も重要なことは何ですか？ どのように届けますか？
2. 物語のフレームワークを選ぶ - データインサイト：Dykes Arc。説得力のあるピッチ：Duarte Sparkline。製品のポジショニング：Miller SB7。（references/narrative-frameworks.md を参照）
3. ストーリーボードを作成する - 物語の流れに沿って、セクション／パネルのタイトルを下書きします。Dykes の場合：設定 > フック > 展開するポイント > 「なるほど」と思う瞬間 > 解決策。Duarte の場合：現状 > 可能性（交互に提示） > 新たな至福。
4. フックを練り上げる - 60秒以内に印象づける必要があります。異常、利害、対比、問いかけ、弱みの開示、イン・メディアス・レスから選びます。（references/hooks-and-moments.md を参照）
5. チャートを選ぶ - 各データポイントに、効果を損なわない範囲で最もシンプルなチャートを選びます（references/chart-selection.md を参照）。
6. 構築する - 各セクションまたはビューの作成時に、レッスン3～5を適用します。
7. 「なるほど」と思う瞬間を検証する - 驚きがありますか？ 理解が変わりますか？ 明確な「だから何？」がありますか？ 冒頭ではなく、クライマックスに置かれていますか？
8. レビューする - 水平ロジック（タイトルだけでストーリーが伝わること）、垂直ロジック（各単位が単独で成立すること）を確認し、SUCCESs チェックリストを実施します。

フォーマット固有の考慮事項

フォーマット	主な工夫
スライドデッキ	視覚要素は控えめに（プレゼンターが説明）、1枚につき1つのアイデア、段階的な構成・表示
ダッシュボード	説明なしで理解できる構成、最初に概要パネルを配置し、その後に詳細を掘り下げられるようにする、インタラクティブなフィルターで情報の煩雑さを抑える
インフォグラフィック	上から下への単一の流れ、視線を導く明確な視覚的階層、説明なしで内容が完結すること
静的サイト／プレイグラウンド	段階的な情報開示（上部に概要、下部またはクリック後に詳細を表示）、レスポンシブレイアウトへの配慮、アニメーション／インタラクションによる表示も可能
レポート	視覚的な形式よりも注釈や説明を多く加える。グラフは説明文に取って代わるのではなく、そのストーリーを支える

説得力のあるピッチや基調講演を作成する

1. 大きなアイデアを定義する（Duarte）：1文で、状況と問題の深刻化、そこから導かれる推奨アクションを表す
2. オーディエンスを主人公として描く（Miller SB7）：彼らは何を望んでいますか？どのような問題（外的、内的、哲学的）に直面していますか？あなたはどのように導き手となりますか？
3. スパークラインの対比で構成する：「現状」と「こうなり得る姿」を全体を通して交互に示す
4. S.T.A.R.モーメントを盛り込む（Duarte）：いつまでも記憶に残る何か、つまりアイデアをドラマチックに、具体的に実演する
5. 印象的なフレーズを作る：見出しや共有に使える、短く繰り返しやすいフレーズ
6. 新たな至福で締めくくる：そのアイデアが採用された世界を描き、明確な行動喚起を添える
7. ピッチ内のデータスライドには、SWDのレッスン2〜5を適用する

個人の体験談やカンファレンスでのストーリーを構成する

1. 5秒間の瞬間を見つける（Dicks）：このストーリーが描く、変化の瞬間は何ですか？
2. 結末から始める：目指す着地点を把握してから、逆算して組み立てる
3. 正反対の状態から始める：ストーリーの結末とは感情的・状況的に正反対の場面から始める
4. ディナーテストを適用する：夕食の席で友人に話すとしても、このような話し方をしますか？
5. 引き込む仕掛けを組み込む：先へ進む前に期待や恐れを示す（切迫感）、驚きは台無しにせず盛り上げる、次が気になるようにする（サスペンス）
6. その瞬間をゆっくり描く：砂時計の手法（Dicks）を使い、クライマックスの直前に詳細と間を加える

製品やブランドのポジショニング

1. SB7ブランドスクリプトを完成させる（Miller）：主人公 > 問題 > 導き手 > 計画 > CTA > 失敗 > 成功
2. 悪役を定義する：根本的な原因（感情ではない）であり、共感でき、単一で、実在するものである必要があります
3. 問題を3つのレベルで表現する：外的（具体的）、内的（感情的）、哲学的（なぜ間違っているのか）
4. 導き手としての信頼性を確立する：共感（「理解しています」）＋権威（「以前にも解決したことがあります」）
5. 変化を示す：明確なビフォー／アフターを示す。顧客はどのような人に変わりますか？
6. SUCCESsチェックを実施する（Heath）：メッセージはシンプルか、意外性があるか、具体的か、信頼できるか、感情に訴えるか、ストーリーに基づいているか？

既存の成果物のレビュー／批評

references/review-checklist.md の SWD Review Checklist に沿って確認します。チャート、パネル、セクション、スライドごとに、6つのレッスンすべてに照らして評価し、具体的で実行可能なフィードバックを提示します。さらに、ストーリー構成も評価します。

• プレゼンテーションには、最初の60秒以内に明確なフックがありますか？
• 真のアハ・モーメント（驚き＋変化＋「それで、何が言えるのか」）がありますか？
• インサイトは冒頭ではなく、クライマックスにありますか？
• ストーリーは一貫した展開になっていますか（単なるチャートの寄せ集めではなく）？
• ディナーテストに合格しますか。人が話すような語り口になっていますか？
• 締めくくりに、明確で実行可能な次のステップが示されていますか？

チャート／ビジュアライゼーションの改善

1. 核となるメッセージを特定します（聴衆に何を考え、何をしてほしいのか）。
2. 必要に応じて、より適切なチャートタイプを選びます（レッスン2）。
3. 不要な要素をすべて取り除きます（レッスン3）。
4. グレー＋アクセントカラーの戦略を適用します（レッスン4）。
5. 行動を促す、断定的なタイトルを付けます（レッスン5）。
6. 解釈を導く注釈テキストを加えます（レッスン5）。
7. 改善を示すため、変更前と変更後を並べて示します。

---

参考ファイル

ファイル	読むタイミング
references/narrative-frameworks.md	データストーリー、ピッチ、基調講演、ブランドのポジショニングなど、あらゆるストーリーを構成するとき。Dykes（データストーリーテリングの展開）、Duarte（Sparkline）、Miller（SB7）、Dicks（Five-Second Moment）、Cron（脳科学）、Heath（SUCCESs）が含まれています。フレームワークの選択表はレッスン6にあります。
references/hooks-and-moments.md	フックやアハ・モーメントを作成するとき。6種類のフック、インサイトテスト、配置の原則、エンゲージメントを高める仕掛けが含まれています。
references/chart-selection.md	チャートタイプを選ぶとき、またはビジュアルの選択について助言するとき
references/review-checklist.md	既存のデータコミュニケーションをレビューまたは批評するとき
references/colour-and-emphasis.md	色を選ぶとき、または強調の手法を適用するとき