教師のデザイン相談を受けた際、本当に良いスライドデッキを作成していた先生がいらっしゃいました。クリーンなレイアウト、抑制された色使い、一つのスライドに一つのアイデアを丁寧に配置していました。しかし、彼女が「Key Concepts」のスライドを再生すると、四つの箇条書きが次々と「シューシュー」という音効果とともに飛び込んできました。クラスの半分が、そのアニメーションが始まるや否や、明らかにリラックスした表情を浮かべました。それは、スライドが90秒かかって5秒で伝えられることを言おうとするとき、人々が無意識にするような、そのようなリラックスした態度です。アニメーションを削除するように言われるとき、その注意点は、単に退屈を解消できないだけではありません。場合によっては、アニメーションが生徒たちを半分以上集中させていた唯一の要素だったこともあり、それを取り除いてその役割を代替しないままにすると、静かな形の無関心を生み出してしまうのです。 --- 「アニメーションなし」が「動きなし」と同じではない理由 アニメーションを削除するというアドバイスは、しばしばプロフェッショナルさへの曖昧な訴えで正当化されます——回転するテキストはアマチュアっぽいといった具合です。これは本当の理由ではありますが、教室での有用な理由ではありません。有用な理由は、人が実際にマルチメディア指導をどのように処理するかという研究から来ます。Richard Mayerのコヒーレンス原則は、23の別々の実験で検証され、ケンブリッジ・ハンドブック・オブ・マルチメディア・ラーニングでまとめられています。この研究は、学習者が内容に直接関連しない余分な視覚素材(アニメーションを含む)を削除されたレッスンを受けた場合、装飾されたバージョンを受けた学習者よりも優れた成績を収める一貫したパターンを見いだしました。その効果サイズは、研究のほとんどで比較的大きいものでした。 この研究が言っているのではないことは、「動きは悪い」ということではありません。それは、情報を伝えない動きが、情報を伝える動き(この場合)と競合するということです。左から飛び込んでくる箇条書きは、何の教えも与えません。それは、その文章に向けられるはずの注意を奪ってしまうだけです。この視点で考えると、目標は「アニメーションを削除する」のではなく、「スライドの注意を、レッスンに関係のないことに費やさない」ことになります。この視点の変化は、次に作るものを変えます。 --- スライドではなくシーケンスを動かす 教室のスライドデッキで使われるほとんどのアニメーションは、一つの役割を果たしています:情報を順番に段階的に表示することで、生徒が最初のポイントを話している間に先読みするのを防ぐことです。これは、単一のアニメーション効果を使わずに、同じ役割を果たすことができます——単に、一つのスライドに四つの段階をまとめるのではなく、それぞれの段階を別々の静的なスライドに分割するだけです。次のスライドにクリックすると、ポイントが二つ目が現れます。何も回転せず、何も「シューシュー」と動かないのですが、シーケンスは保たれています。 これは、準備時間をほとんど費やさず、アニメーションが持たない利点を得ることができます:各スライドは後で再び表示できます——中間の議論で再び呼び出されたり、復習用のデッキに組み込まれたりすることができます——四つのクリックで覚えられない順序を覚えていることのない「最終」状態のスライドのような不格好さを避けることができます。この方法を全ての場所で行う前に注意すべきことがあります:スライドを過剰に分割すると、40枚近くのほぼ同じスライドをクリックして進むことになり、一つの無関心から別の無関心に置き換わることになりかねません。合理的な目標は、一つのスライドに一つの本質的なシーケンシャルなアイデアを分割することです——プロセス、前後関係、原因と結果——ではなく、デッキのすべての箇条書きに反射的に適用することではありません。 --- 動きを教室に置く 「より良いスライドデザインの方法」のほとんどのアドバイスで省略される部分があります。それは、スライドデザインのテクニックではないからです:アニメーションが奪っていた注意は、生徒が行うことで、スクリーンが行うことで置き換えることができます。予想を書いて30秒間考えさせるように依頼する、図の次のステップを予想させるためにコールドコールする、多肢選択の予想に対して指を挙げさせるなどです。これらはすべてPowerPointに関係しておらず、飛び込んでくる箇条書きよりもはるかに実際の関与を生み出します——なぜなら、生徒たちが自分たちで動きを生み出しているからです(決断の形で)、而不是単にそれを見ているからです。 これは、静的なスライドが彼らに反応するための何かを与える場合にのみ機能します。まだ何もないスライド——「予想後に明かす」のような典型的なセットアップ——は、明かされるもの自体が待つ価値がある必要があります。もし報酬が単なる箇条書きだけであれば、このテクニックは、その前にあったポーズがどれほど良くても、効果を発揮しません。 --- コントラストがアニメーションの役割を引き継ぐ場所 アニメーションはかつて、静かに階層を作る多くの役割を果たしてきました——スライドに飛び込んできたものは、今まさに見るべきもの、と定義上明示されていました。それを取り除くと、より重要なものとそれ以外を区別する別の方法が必要になります。そして、その真の答えはコントラストではなく、動きではなく、静的なスライドです:サイズ、重み、色が、動きがかつて行っていたことを行います。二つのよく選ばれたフォントを組み合わせることで、コントラストのみで階層を伝えることができます——最初に注目したいもののための太く大きなディスプレイフォント、それを支えるすべてのための軽いボディフォント——動く要素一つを使わずにそのポイントを伝えることができます。 この切り替えで最もよく見られる間違いは、スライドの一つ一つで実際に必要な要素にコントラストを適用するのではなく、どこにでも適用することです。もしすべての行が太くて色鮮やかであれば、何一つが他よりも重要とは見えなくなり、アニメーションの問題——注意が競合すること——を静的なツールを使って再現してしまうことになります。 --- 図表でアニメーションの段階的表示を置き換える ある内容は、実際にプロセスが展開する様子を示すことで、本質的に利益を得ます——サイクル、ワークフロー、原因が結果につながる様子。直感的には、そのようなものを矢印の段階的表示でアニメーションすることになります。代替案は、一つの図表を作成し、全体のシーケンスを一度に表示することです。順序はレイアウトに組み込まれています:番号付きのステップ、単に描かれた矢印、左から右に読めるタイムライン。事前に作成されたプロセスとフロー図のライブラリは、PowerPointの形状ツールで矢印を手書きするのではなく、ほとんどの道のりを進むことができます。これは、しばしば「ただアニメーションにする」という誘惑が戻ってくる場所です。 これは、必ずしも分割表示を上回るわけではありません。10ステップ以上の本質的に長いプロセスの場合、一度にすべてを表示すると、読み手が細かく読まない壁のような箱ができてしまいます。そのような場合、先ほどの分割スライドの方法がより適しています。一度にすべてを表示する図表は、視野に入っても圧倒されないほど短いプロセスに最適です。 --- 静的デザインだけでは十分でない場合 これらの全ては、静的なスライドが教室のすべての目的でアニメーションよりも必ずしも優れているわけではないという主張ではありません。時間の経過とともに変化する概念——化学反応の進行、波の伝播、実際に心臓弁を通る血液の動き——は、三つの静的なスナップショットに「前、中、後」とラベルを付けるだけでは、本質的に必要な連続した動きのメンタルモデルを形成することはできません。学生はラベルを追うことができても、概念が実際に要求する連続した動きのモデルを形成することはできません。その特定の場合、短く目的のあるアニメーションまたはビデオクリップがその場所を正当化し、私はそれをすべての他のものと一貫させるために削除するつもりはありません。守るべき線は「アニメーションは悪い」というものではありません。「アニメーションは内容が本質的に動きについてのものであるために存在すべきであり、単に箇条書きがスライドに入る方法が必要だったからではない」というものです。 「Key Concepts」のスライドに戻ります——「シューシュー」と飛んでくる箇条書き。修正は、アニメーションを削除して終わりというものではありませんでした。それは、クラスが動きが始まる瞬間にリラックスしたことに気づき、彼らが反対のことをするようにするために、何かを作ることでした——予想をしてから明かす、図が展開する前に決断する。静かなスライドで教室中の人が予想することに集中することは、四秒間の飛んでくるテキストが決してできなかったものです。