-- Views
October 13, 26
スライド概要
はじめまして、yukikoと申します。 IT教育支援や、DX推進が可能です。 ◆ スキル LPIC レベル2 AI / Python Splunk BI(データ可視化・分析) ◆ その他 新卒・未経験の学生向けに、エンジニア転職を応援する資料を趣味で作成しています。 もしよろしければご活用ください。
法人研修プログラム | 認知科学 × スライドデザイン 認知科学に基づく ペルソナ別要約スライド作成法 査読済み研究(認知負荷理論・二重符号化理論・マルチメディア学習原則・エキスパートリバーサル効果)に基づき、 受け手の認知構造に合わせて要約スライドを設計するための実践フレームワーク うさうさ研修工房
AGENDA 本日の流れ 01 課題提起 02 理論的基盤 03 ペルソナ設計 Agenda なぜ「同じスライド」が全員に伝わらないのか 認知科学の原則と色彩効果(査読済み研究) 専門性 × 関心軸によるフレームワーク 04 制作フロー 05 実践・比較 06 まとめと参考文献 6ステップで実務に落とし込む チェックリストとよくある失敗 原則の再確認と一次情報URL うさうさ研修工房 2
01 | 課題提起 なぜ「同じスライド」が全員に伝わらないのか 一枚の要約スライドを経営層・管理者・実務者へ同じ形で配布すると、受け手ごとに作業記憶(ワーキングメモリ)への負荷が異なり、理解の速度と意思 決定の質にばらつきが生じる。 経営層 管理者 実務担当者 結論を数秒で把握し、 承認可否を判断したい 施策のリスクと 実行可否を判断したい 手順と根拠の詳細を 確認し実行したい 戦略 / 高専門性 戦略と実務の橋渡し 実務 / 高専門性 同じ情報でも、認知的な「入り口」はペルソナごとに異なる ― これが要約スライド設計の出発点である 課題提起 うさうさ研修工房 3
02 | 理論的基盤 4つの認知科学の原則 本研修は、以下4つの査読済み理論をペルソナ別スライド設計に応用する。それぞれ後続スライドで詳しく扱う。 01 02 03 04 認知負荷理論 二重符号化理論 マルチメディア学習の原則 エキスパート リバーサル効果 Cognitive Load Theory Dual Coding Theory Mayer's Principles Expertise Reversal Effect 作業記憶の限界を管理する (Sweller, 1988 他) 言語と視覚、2つの経路で伝える (Paivio) 不要な処理を減らす設計原則 (Mayer & Fiorella) 習熟度で最適な支援は逆転する (Kalyuga, 2007) 理論的基盤 うさうさ研修工房 4
02-1 | 認知負荷理論 Cognitive Load Theory(Sweller, 1988) 学習・理解は限られた作業記憶(ワーキングメモリ)の中で行われる。認知負荷理論は、この負荷を 3種類に分解し、設計で管理可能な負荷とそうでない負荷を区 別する。 1 内在的負荷 Intrinsic Load 2 外在的負荷 Extraneous Load 3 学習関連負荷 Germane Load 内容そのものの複雑さ。ペルソナの前提知識に 説明や画面レイアウトの設計に起因する、本質 スキーマ(知識の構造)構築に向けられる、望ま 依存し、要素間のつながりが多いほど高くなる。 と無関係な負荷。スライド設計で削減できる。 しい負荷。図解による整理はここに寄与する。 総認知負荷(内在的+外在的+学習関連) ≤ 作業記憶容量 のとき、理解が成立する 出典: Sweller, van Merriënboer & Paas (2019), Educational Psychology Review | https://link.springer.com/article/10.1007/s10648-019-09465-5 理論的基盤 / 認知負荷理論 うさうさ研修工房 5
02-2 | 二重符号化理論 Dual Coding Theory(Clark & Paivio, 1991) 人間の認知は、言語情報と視覚情報を異なる経路で並行処理する。両方の経路で同じ内容を補強すると、単一経路のみの場合より想起率が高まる( picture superiority effect)。 言語チャネル( Verbal) 統合表象 見出し・本文・専門用語などのテキスト情報 結論の一文 (言語)と テキストと図解が 視覚チャネル( Visual) 図解1つ 同じ結論を異なる経路から (視覚)を 補強し、記憶への定着率が セットにする 高まる 図解・アイコン・フロー・グラフなどの視覚情報 出典: Clark & Paivio (1991), Educational Psychology Review | https://link.springer.com/doi/10.1007/BF01320076 理論的基盤 / 二重符号化理論 うさうさ研修工房 6
02-3 | マルチメディア学習の原則 Mayer & Fiorella の設計原則 Mayerらは、多数の実験研究から「無関係な処理(外在的負荷)」を減らす設計原則を体系化した。要約スライドに直接応用できる 3原則を扱う。 シグナリングの原則 Signaling Principle 重要な語句や結論を色・太字・枠線などのキューで強調すると、読み手の注意が的確に誘導され理 解が深まる。 一貫性の原則 Coherence Principle 本質と無関係な装飾・情報・図版を除外するほど、学習効果が高まる。「にぎやかさ」は理解の敵に なり得る。 空間的近接の原則 Spatial Contiguity Principle 対応する文字と図は、離れた場所ではなく近くに配置する。視線移動と作業記憶の負荷を減らす。 出典: Mayer & Fiorella (2021), The Cambridge Handbook of Multimedia Learning | https://www.cambridge.org/core/books/cambridge-handbook-of-multimedia-learning 理論的基盤 / マルチメディア学習の原則 うさうさ研修工房 7
02-4 | エキスパートリバーサル効果 Expertise Reversal Effect(Kalyuga, 2007) 同じ「丁寧なガイド付き説明」でも、初心者には効果的だが、熟達者には冗長な外在的負荷とな り、かえって理解を妨げる。習熟度に応じて最適な設計は逆転する。 ガイド付き(丁寧な説明) 初心者の理解を助けるが、熟達者には冗長で負荷になる 問題解決型(結論のみ提示) 熟達者には効率的だが、初心者には情報不足で負荷になる → ペルソナの専門性に応じて「情報密度」と「ガイドの量」を切り替える設計が必要 交差点 = 設計を切り替える最適なポイント 出典: Kalyuga (2007), Educational Psychology Review | https://link.springer.com/article/10.1007/s10648-007-9054-3 理論的基盤 / エキスパートリバーサル効果 うさうさ研修工房 8
02-5 | 色配分の計算 色配分の計算方法 ― サリエンシー(視覚的顕著性)モデル Itti, Koch & Niebur (1998) の視覚的顕著性モデルは、色・輝度・方向のコントラストから「どこに注意が向くか」を計算する。この考え方をスライドの配色比率設計に 応用する。 スライド配色比率への応用(面積の計算) 顕著性(サリエンシー)の計算式 S = wC・C + wI・I + wO・O S=顕著性 C=色コントラスト I=輝度コントラスト O=方向コントラスト w=重み 各特徴のコントラストを中心-周辺差分で算出し、重み付き線形和で1枚の「顕著性 マップ」に統合する。値が高い領域ほど、人の視線が先に向かう。この重み付けの 面積 × コントラスト ∝ 顕著性。アクセント色は面積が小さくても、コントラスト(彩度・ 明度差)を最大にすれば「ポップアウト効果」で視線を集められる( Treisman & Gelade, 1980)。 考え方が、資料の中で「どの色にどれだけ注意を払わせるか」を設計する土台にな る。 出典: Itti, Koch & Niebur (1998), IEEE Trans. Pattern Analysis and Machine Intelligence | https://ieeexplore.ieee.org/document/730558 Treisman & Gelade (1980), Cognitive Psychology(特徴統合理論・ポップアウト効果) | https://doi.org/10.1016/0010-0285(80)90005-5 理論的基盤 / 色配分の計算方法 うさうさ研修工房 9
02-6 | 認知・判断・行動と色彩効果 人の「理解・認知・判断・行動」を支える仕組み 人は「情報獲得 → 情報分析(理解) → 意思決定(判断) → 行動実行」という 4段階で情報を処理する( Parasuraman, Sheridan & Wickens, 2000)。色彩はこの各段階 に異なる形で影響し、スライドの説得力を左右する。 ① 情報獲得 ② 情報分析・理解 ③ 意思決定・判断 ④ 行動実行 Information Acquisition Information Analysis Decision Selection Action Implementation 外部の情報を感覚的に捉え、取り込む 取り込んだ情報を整理し、意味づけする 選択肢を評価し、とるべき行動を選ぶ段 決定した行動を、実際に実行に移す段 段階。 段階。 階。 階。 色彩の効果 色彩の効果 色彩の効果 色彩の効果 色コントラストの高い要素に視線が先に向 かう(サリエンシー効果・前頁参照)。 同系色でグルーピングすると、情報どうしの 関連性を直感的に理解できる。 暖色(赤)は警告・緊急、寒色(青)は安全・ 信頼の意味的連想を喚起し判断に影響す る。 赤は詳細作業の精度を高め、青は創造的 な発想を促す( Mehta & Zhu, 2009)。 色は単なる装飾ではなく、「情報処理のどの段階を支援するか」を設計する機能的な手段である 出典: Parasuraman, Sheridan & Wickens (2000), IEEE Trans. SMC | https://doi.org/10.1109/3468.844354 Elliot & Maier (2014), Annual Review of Psychology | https://doi.org/10.1146/annurev-psych-010213-115035 Mehta & Zhu (2009), Science | https://doi.org/10.1126/science.1169144 理論的基盤 / 認知・判断・行動と色彩効果 うさうさ研修工房 10
03 | ペルソナ設計 ペルソナ設計フレームワーク 「専門性」と「関心の焦点(戦略/実務)」の2軸でペルソナを整理すると、各象限に必要な情報密度とガイドの量が定まる。 専門性:高い 一般社員・新人 経営層 実務 / 初心者 戦略 / 高専門性 手順支援型。丁寧なガイドと平易な言葉が必要。 結論ファースト。最小の情報量で意思決定を支援。 専門実務者 管理者 実務 / 高専門性 戦略 / 橋渡し 詳細・根拠を重視。過剰なガイドは負荷になる。 要点とリスクを提示。意思決定に必要な粒度で。 専門性:初心者 ペルソナ設計フレームワーク 実務中心 戦略中心 うさうさ研修工房 11
04 | 制作フロー ペルソナ別要約スライド 制作フロー 4つの理論を、実務で使える6ステップに落とし込む。 1 2 3 4 5 6 情報収集・ 要点抽出 ペルソナ定義 認知負荷 アセスメント 情報構造設計 二重符号化 検証・調整 元情報から結論と根拠を洗い出 す 専門性 × 関心軸で対象を 1つに 絞る 内在的・外在的・学習関連負荷 を見積る 優先順位をつけスキーマ化する 結論文とキー図解をセットで設計 対象ペルソナの視点でレビュー する ① 〜 ③ でペルソナと負荷を定義し、④ 〜 ⑥ で構造化・図解・検証を行う ― 理論と制作作業が1対1で対応する 制作フロー うさうさ研修工房 12
05 | 実践・比較 ペルソナ別デザイン適用の比較 同じ元情報から出発しても、ペルソナが変われば「何を・どこまで・どう見せるか」は変わる。 経営層向け 管理者向け 実務者向け 情報量 1スライド3行以内、 結論のみ 要点+根拠を 5行程度 手順・詳細を 許容 専門用語 平易な言葉に 置換する 最小限の注釈を 付ける 正確な専門用語を そのまま使用 図解の複雑度 単純な結論図・ KPIのみ 比較表・ フロー図 詳細フロー・ 技術図 求める行動 承認・意思決定 リソース配分の 判断 実行・手順の 理解 実践 / ペルソナ別比較 うさうさ研修工房 13
05 | 実践・比較 実践チェックリスト スライドを配布する前に、以下の6項目を確認する。 01 04 このスライドの想定ペルソナは1つに絞られているか 02 テキストと図解が同じ情報を別の経路で補強しているか(二重符号化) 05 内在的負荷(内容の複雑さ)はペルソナの前提知識に合っているか 03 重要情報にシグナリング(強調)があるか 06 外在的負荷(無関係な装飾・情報)を削っているか 実践 / チェックリスト 意思決定に必要な「次の一手」が明確か うさうさ研修工房 14
05 | 実践・比較 よくある失敗と対策 理論を踏まえても陥りやすい3つの失敗パターンと、その対策。 失敗 対策 全ペルソナに同じ密度の情報を詰め込む ペルソナごとに情報量の上限を先に決める 図解のための図解(装飾過多)になる 図はテキストと同じ結論を補強する場合のみ使う(一貫性の原則) 初心者にも熟達者にも同じ丁寧な説明を付ける 習熟度に応じてガイドの量を調整する(エキスパートリバーサル効果) 実践 / よくある失敗 うさうさ研修工房 15
SUMMARY まとめ ― 同じ事実、異なる伝え方 認知負荷理論 二重符号化理論 マルチメディア原則 エキスパートリバーサル効果 負荷を3種に分解し管理する 言語+視覚の 2経路で伝える 無関係な処理を減らす 習熟度で支援を切り替える 優れた要約スライドは、情報を削ることではなく、 受け手の認知構造に合わせて情報を再構成することで生まれる。 まとめ うさうさ研修工房 16
06 | まとめと参考文献 参考文献・引用 URL 本研修で扱った理論・モデルは、すべて査読済みの学術文献に基づく。 1 2 Sweller, J., van Merriënboer, J. J. G., & Paas, F. (2019). Cognitive Load Theory: Methods to Manage Working Memory Load in the Learning of Complex Tasks. Educational Psychology Review, 31, 261–292. https://link.springer.com/article/10.1007/s10648-019-09465-5 Mayer, R. E., & Fiorella, L. (2021). Principles for Reducing Extraneous Processing in Multimedia Learning. In The Cambridge Handbook of Multimedia Learning (3rd ed.). Cambridge University Press. https://www.cambridge.org/core/books/abs/cambridge-handbook-of-multimedia-learning/principles-for-reducing-extraneous-processing-in-multimedia-learning-coherence-signaling-redundancy-spatial-contiguity-and-temporal-contiguity-principles/C98 AB3A6CE760DD63C048936EA0B3B44 3 Kalyuga, S. (2007). Expertise Reversal Effect and Its Implications for Learner-Tailored Instruction. Educational Psychology Review, 19, 509–539. https://link.springer.com/article/10.1007/s10648-007-9054-3 4 Clark, J. M., & Paivio, A. (1991). Dual Coding Theory and Education. Educational Psychology Review, 3(3), 149–210. https://link.springer.com/doi/10.1007/BF01320076 5 Itti, L., Koch, C., & Niebur, E. (1998). A Model of Saliency-Based Visual Attention for Rapid Scene Analysis. IEEE Trans. Pattern Analysis and Machine Intelligence, 20(11), 1254–1259. https://ieeexplore.ieee.org/document/730558 6 Treisman, A. M., & Gelade, G. (1980). A Feature-Integration Theory of Attention. Cognitive Psychology, 12(1), 97–136. https://doi.org/10.1016/0010-0285(80)90005-5 7 Parasuraman, R., Sheridan, T. B., & Wickens, C. D. (2000). A Model for Types and Levels of Human Interaction with Automation. IEEE Trans. Systems, Man, and Cybernetics—Part A, 30(3), 286–297. https://doi.org/10.1109/3468.844354 8 Elliot, A. J., & Maier, M. A. (2014). Color Psychology: Effects of Perceiving Color on Psychological Functioning in Humans. Annual Review of Psychology, 65, 95–120. https://doi.org/10.1146/annurev-psych-010213-115035 9 Mehta, R., & Zhu, R. (2009). Blue or Red? Exploring the Effect of Color on Cognitive Task Performances. Science, 323(5918), 1226–1229. https://doi.org/10.1126/science.1169144 参考文献 うさうさ研修工房 17
ご清聴ありがとうございました 認知科学に基づくペルソナ別要約スライド作成法 うさうさ研修工房