面白い画像ほど、なぜ理解を妨げるのか？「誘惑的な細部」とスライドの引き算

営業資料の表紙に、きれいな街の写真を置く。グラフの空いた場所に、電球やロケットのアイコンを足す。研修資料が堅く見えないように、少し面白い雑学を挟む。どれも、資料を退屈に見せないための工夫です。

ところが、目を引く要素ほど本題から注意をそらし、かえって理解を妨げることがあります。学習心理学では、興味深いけれど理解に必要ではない情報を「誘惑的な細部（seductive details）」と呼びます。

問題は、写真や物語や装飾そのものではありません。その要素が、聞き手に何を見て、どう考えてほしいかを助けているかです。本稿では研究結果を手掛かりに、必要な視覚表現と、外した方がよい飾りを見分ける方法を考えます。

結論：画像を「きれいか」ではなく「理解に必要か」で選ぶ

スライドに画像を置く前に、次の問いを確認します。

• この画像は、言葉だけでは分かりにくい形・関係・変化を見せているか
• 聞き手が比べるべき場所、覚えるべき要点へ視線を導いているか
• 画像を外しても説明の意味が変わらないなら、置く理由を説明できるか

一つ目か二つ目を満たす画像は、理解を支える可能性があります。三つ目に答えられず、「空いているから」「寂しいから」「印象がよいから」だけで置かれた要素は、本題と注意を奪い合うかもしれません。

すべてを無装飾にする必要はありません。目指すのは、地味な資料ではなく、意味のある要素だけが目立つ資料です。

「誘惑的な細部」とは何か

誘惑的な細部は、面白く、印象に残りやすい一方で、学ぶべき内容の理解には直接必要でない情報です。たとえば火山の仕組みを説明する教材に入れた噴火事故の逸話、統計グラフの周囲に置いた旅行写真、業務手順の途中に挟んだ業界の雑学などが考えられます。

大切なのは、「面白い情報」と「不要な情報」が同じではないことです。逸話が因果関係を具体的に示すなら、理解に役立ちます。写真が比較対象の違いを見せるなら、装飾ではありません。内容との関係が弱く、聞き手の注意を引くときに、誘惑的な細部になり得ます。

Garner、Gillingham、Whiteは1989年、文章の中心となる内容と、興味深い細部の記憶を調べました。興味深い細部があると、その情報は覚えられても、文章全体の要点をまとめる処理が弱くなる可能性が示されました。聞き手が「何か面白かった」と覚えていても、肝心の結論を説明できない状態です。

なぜ、面白い画像が理解を妨げるのか

1．注意が本題から外れる

色が強い、大きい、人の顔がある、意外性がある。こうした要素は、視線を集めます。注意を引くこと自体は悪くありません。しかし、見てほしいグラフより装飾写真が目立てば、聞き手は写真の意味を考え始めます。

HarpとMayerは1998年、誘惑的な細部が科学学習を妨げる仕組みを検討しました。研究では、興味深い情報が中心内容から注意をそらすことに加え、聞き手が別の筋道で情報を整理してしまう可能性が論じられています。

たとえば「解約率を下げるため、初回設定を簡単にする」という提案の横に、握手をする人物写真があるとします。写真は好意的な雰囲気を作りますが、初回設定のどこが難しいかは示しません。聞き手は人間関係や契約の話だと受け取り、提案の中心から外れるかもしれません。

2．情報を一つの筋道にまとめにくくなる

資料を理解するとき、聞き手は文字、図、話し手の説明を結び付け、「要するにこういうことだ」というまとまりを頭の中に作ります。本題と関係の弱い要素が混じると、その要素も結び付けるべきか判断しなければなりません。

Mayer、Heiser、Lonnは2001年、マルチメディア学習で説明を増やすことが、必ずしも理解を深めないことを示しました。関連の薄い言葉や画像を加えると、聞き手が必要な情報を選び、関係を組み立てる作業を邪魔する場合があります。

「すべての素材には意味があるはず」と読む人ほど、装飾にも理由を探します。その結果、本来は一本でよかった理解の筋道に、不要な枝が増えます。資料を作った本人には飾りだと分かっていても、初めて見る人には区別できません。

3．考えるための余裕を使ってしまう

聞き手が一度に扱える情報には限りがあります。関係の薄い写真を眺め、アイコンの意味を推測し、本文とのつながりを確かめる作業にも、注意と記憶の余裕が使われます。

Park、Moreno、Seufert、Brünkenは2011年、認知負荷と誘惑的な細部の関係を調べました。結果は単純に「負荷が高ければ、必ず悪影響が大きい」と言い切れるものではありませんが、追加情報の影響が教材の難しさや学習状況に左右されることを示しています。

実務では、専門用語が多い、初めて見る数字がある、話し手の説明を聞きながら判断する、といった場面ほど余裕が少なくなります。だからこそ、内容が難しい資料ほど、見た目をにぎやかにする前に情報の優先順位を整える必要があります。

研究は「装飾を全部消せ」と言っているのか

そうではありません。研究結果には幅があり、誘惑的な細部の影響はいつも同じではありません。

Reyが2012年にまとめたレビューとメタ分析、SundararajanとAdesopeが2020年に行ったメタ分析では、全体として誘惑的な細部が学習成果を下げる傾向が確認されました。一方で、効果の大きさは、情報の置かれ方、形式、学習者の事前知識、課題の種類などによって変わります。

Strobel、Grund、Lindnerは2019年、グラフ理解の場面を視線計測で調べました。誘惑的な要素への視線と理解の関係を調べることで、単に情報量が多いだけでなく、どこへ注意が向くかが重要だと示しています。

Bender、Renkl、Eitelは2021年、学習時間が長い場合にも影響が生じる条件を検討しました。特に、学習者が細部を「本題に関係がある」と受け取ると、その情報を理解へ組み込もうとします。作り手が「ただの飾り」と考えていても、受け手が重要だと思えば負担になります。

したがって、研究から導ける実務上の判断は、次のようになります。

• 写真や物語を一律に禁止しない
• 本題との関係を、作り手の感覚ではなく聞き手の仕事から確かめる
• 必要な要素でも、置く場所と目立ち方を調整する
• 理解と関心を分けて測り、「好評だった」だけで伝わったと判断しない

「視覚化・構造化」で、残す画像を決める

伸滋Designの伝わる設計マップにある「視覚化・構造化」では、複雑な情報を見える形にし、関係や優先順位を整えます。その中の引き算のデザインは、単に要素を減らす作業ではありません。聞き手が結論へ進むために必要な構造を残し、それ以外を退ける作業です。

最初に、スライドの役目を一文にする

「このスライドで、聞き手に何を分かってほしいか」を一文で書きます。「当社の強みを紹介する」では広すぎます。「問い合わせ後24時間以内の対応が、競合3社より速いと分かる」のように、見た後の理解まで具体化します。

一文にできない場合、画像を選ぶ前に、スライドへ複数の役目が混じっています。伝えたい内容を分けるか、結論と根拠の順序を決めます。

各要素が、その一文にどう役立つかを確かめる

写真、グラフ、見出し、アイコン、色、注釈を一つずつ見て、「これがあると何が分かるか」を答えます。

• 製品写真なら、形状や使い方を具体的に見せているか
• グラフなら、差、推移、構成のどれを比べさせているか
• 色なら、重要箇所や同じ種類の情報を示しているか
• アイコンなら、言葉を読まなくても分類を区別できるか

「親しみやすさを出す」は目的になり得ます。ただし、そのために結論より大きな人物写真を置く必要があるか、表紙だけで役目を果たせないかを考えます。

外す前に、置き場所を変える

興味深い情報をすべて捨てる必要はありません。本筋の説明を助けない事例や詳しい背景は、補足ページや付録へ移します。会話のきっかけに使う写真は、結論を説明するスライドではなく、導入や区切りのページへ置けます。

必要な画像でも、本文から遠い、説明の前に見せる、グラフより大きい、といった配置で注意を乱すことがあります。関連する文章の近くへ置き、見てほしい順に強弱を付けます。言葉と画像をどう組み合わせるかは、画像優位性効果の記事も参考になります。

最後に、初めて見る人へ聞く

作り手は、すべての素材を選んだ理由を知っています。そのため、装飾と説明の違いを自分だけで判定するのは難しくなります。

完成前に、内容を知らない人へ一枚だけ見せ、「最初にどこを見たか」「何を伝えるページだと思ったか」「判断に使った要素は何か」を聞きます。想定外の写真やアイコンが最初に挙がるなら、削除、縮小、移動を検討します。

具体例：サービス改善の提案スライド

以下は説明のための架空の例です。問い合わせ後の初回返信が遅く、商談化率が下がっている状況を社内へ説明するとします。

修正前：安心感を出そうとして、要点が埋もれる

スライドには、笑顔で握手する人物写真、ロケットのアイコン、「お客様に寄り添う」という大きな言葉、月別の問い合わせ件数、返信時間、商談化率が置かれています。見た目は明るいものの、何を比較し、何を変える提案なのかが一目では分かりません。

握手の写真はサービスの好印象を作りますが、返信の遅れを説明しません。ロケットは速さを連想させますが、実際の返信時間との関係が曖昧です。「寄り添う」という言葉も、行動へ変換されていません。

修正後：因果関係に必要な情報だけを残す

見出しを「初回返信が24時間を超えると、商談化率が下がる」に変えます。横軸に返信までの時間、縦軸に商談化率を置いたグラフを中心にし、24時間を境に色を変えます。右側には「自動受付」と「担当者への即時通知」という次の行動を二つだけ示します。

人物写真とロケットは外します。問い合わせ件数の推移は、今回の結論に必要なければ補足へ移します。すると聞き手は、問題、根拠、行動を同じ筋道で追えます。

ここで大切なのは、修正後の見た目を簡素にすることではありません。必要なグラフを大きくし、境目を色で示し、行動との関係を配置で表すことで、説明の構造そのものを視覚化することです。グラフの種類と比較のしやすさは、グラフ知覚とチャート設計の記事で詳しく解説しています。

資料を見直すチェックリスト

• 一枚ごとに、聞き手が理解することを一文で書ける
• 最も目立つ要素が、その一文の中心と一致している
• 写真は、対象の形、状況、使い方など言葉で伝えにくい情報を補っている
• グラフは、聞き手が比べるべき差や変化を示している
• アイコンは飾りではなく、分類や手順を区別している
• 色の種類を増やす前に、強調する箇所を決めている
• 本題と関係の弱い事例や雑学は、付録へ移している
• 同じ意味を、写真、アイコン、見出しで重ねすぎていない
• 内容を知らない人が、最初に見る場所を確かめている
• 「好印象だった」と「結論を説明できた」を分けて確認している

根拠の限界：研究結果をそのまま営業資料へ移せない

誘惑的な細部の研究は、科学教材や説明文、短い学習課題を使った統制実験が中心です。実際の営業資料や経営会議では、話し手の説明、聞き手の関心、組織内の前提、感情的な反応も影響します。

また、研究で「本題に不要」とされた情報でも、実務では信頼形成、文脈の共有、ブランドらしさに役立つ場合があります。物語や写真が、聞き手の経験と抽象的な概念を結び付けることもあります。

したがって、「装飾は悪い」「情報は少ないほどよい」とは言えません。判断すべきなのは、目的に対して必要か、重要度に合う目立ち方か、本題との関係を聞き手が理解できるかです。最終的には、想起、理解、判断、行動など資料の目的に合う指標で確かめます。

まとめ：足す前に、聞き手の視線の行き先を決める

面白い写真や雑学は、資料を魅力的に見せます。しかし、本題との関係が弱いまま強く目立つと、注意をそらし、理解の筋道を増やし、考える余裕を使わせる可能性があります。

画像を選ぶときは、きれいかどうかの前に、「この画像によって何が分かるのか」を確かめます。スライドの役目を一文にし、各要素がその役目をどう助けるかを見直し、必要なら補足へ移す。最後に初めて見る人の視線と理解を確かめます。

資料を削ることは、表現を弱くすることではありません。聞き手に見てほしいものを、より強く見せるための設計です。

営業資料やプレゼンで「見栄えはよいのに要点が伝わらない」「写真や図を入れても、説明が長くなる」と感じている場合は、情報の優先順位、構成、図解、強調の置き方を一緒に整理できます。伸滋Designの無料相談から、現在の資料についてご相談ください。

参考文献

1. Garner, R., Gillingham, M. G., & White, C. S. (1989). Effects of “seductive details” on macroprocessing and microprocessing in adults and children. Cognition and Instruction, 6(1), 41–57. https://doi.org/10.1207/s1532690xci0601_2
2. Harp, S. F., & Mayer, R. E. (1998). How seductive details do their damage: A theory of cognitive interest in science learning. Journal of Educational Psychology, 90(3), 414–434. https://doi.org/10.1037/0022-0663.90.3.414
3. Mayer, R. E., Heiser, J., & Lonn, S. (2001). Cognitive constraints on multimedia learning: When presenting more material results in less understanding. Journal of Educational Psychology, 93(1), 187–198. https://doi.org/10.1037/0022-0663.93.1.187
4. Park, B., Moreno, R., Seufert, T., & Brünken, R. (2011). Does cognitive load moderate the seductive details effect? A multimedia study. Computers in Human Behavior, 27(1), 5–10. https://doi.org/10.1016/j.chb.2010.05.006
5. Rey, G. D. (2012). A review of research and a meta-analysis of the seductive detail effect. Educational Research Review, 7(3), 216–237. https://doi.org/10.1016/j.edurev.2012.05.003
6. Strobel, B., Grund, S., & Lindner, M. A. (2019). Do seductive details do their damage in the context of graph comprehension? Insights from eye movements. Applied Cognitive Psychology, 33(1), 95–108. https://doi.org/10.1002/acp.3491
7. Sundararajan, N., & Adesope, O. (2020). Keep it coherent: A meta-analysis of the seductive details effect. Educational Psychology Review, 32(3), 707–734. https://doi.org/10.1007/s10648-020-09522-4
8. Bender, L., Renkl, A., & Eitel, A. (2021). Seductive details do their damage also in longer learning sessions—When the details are perceived as relevant. Journal of Computer Assisted Learning, 37(5), 1248–1262. https://doi.org/10.1111/jcal.12560