スライド向けのマイクロアニメーション： 例と実践的なアドバイス

私はクライアントから「スライドに動きを追加して」と言われたリハーサルに参加したことがあり、3日後に同じクライアントから「全部取り除いて」と言われたリハーサルにも参加したことがあります。マイクロアニメーションはプレゼンテーションのデザインの選択肢の中で、承認されるよりも却下される方が多い数少ない選択肢の一つです。これはアニメーションが悪いアイデアだというわけではなく、ほとんどの場合がプロセスの適切なタイミングで、適切な理由で追加されていないからです。

マイクロアニメーションとは、私が使う用語で言えば、小さく局所的な動きのことです——リストのアイテムがフェードインする、アイコンが位置に収まる、数字が刻み上げられる、チャート上を線が描かれる——全スライドのトランジションや派手なビルドとは対照的です。この区別は、聞こえよりも重要です。トランジションはスライド間のペースについてのものですが、マイクロアニメーションは一つのスライド内での情報の順序についてのもので、その仕事は狭く、装飾の余地がほとんどありません。

「明確化するか装飾するか」のテストが思ったほど明確でない理由

プレゼンテーションのアニメーションについて書く人は誰もが、「アニメーションを追加するのは明確性を高めるためで、装飾のためではない」というようなことを言います。私はその意図には同意しますが、そのままでは役に立たないと考えます。なぜなら、アニメーションを追加する人は誰もが自分たちが装飾していると思っていないからです。バウンドインのタイトル、回転するアイコン、文字ごとのテキストの表示——その瞬間、これらはすべてエネルギーを加えているように感じられ、それを追加する人はそれが明確性の一形態だと思っています。このテストには行動を変えるためのより厳しい基準が必要です。

私が使うテストのバージョンは、マイクロアニメーションがその場所を勝ち取るのは、それを取り除いた場合に、視聴者が自分たちで順序を再構築しなければならないときだけです——スライドを構築した順序、または論理の順序。視聴者が完成した、完全に表示されたスライドを見て3秒間で、それをピースごとに順次表示しながら見たときと同じように理解できるなら、そのアニメーションは情報の順序づけの仕事をしていないのです。それは雰囲気作りの仕事であり、スライドの雰囲気作りは脆いものです——静かなリハーサルルームでは有能に見えますが、緊張したプレゼンターがスライドを半拍遅れで進めるライブの場では、遅いまたはギミックのように見えてしまいます。

ここが実際に役に立つのは、図表やプロセスフローであり、これは特定の視聴者調査に基づくもので、私の意見だけではありません。デイブ・パラディの長年にわたる調査によると、プレゼンテーションの視聴者が最もイライラするのは、アニメーションが図表やタイムラインをステップバイステップで簡単な効果（AppearやFade）で構築する場合です。視聴者は、それらが実際に役立つと報告しており、より複雑な動き効果が重ねられた場合にのみ苦情が出ています。これは「アニメーションはエンゲージメントを高める」という主張よりも、はるかに狭いアニメーションの支持範囲であり、私はこれを信頼できます。それは特定の用途に結び付けられたものだからです。

ビルド順序は選んだ効果よりも重要です

人は驚くほど多くの時間をアニメーションパネルでFadeとFly Inの間を選ぶことに費やし、比較的少ない時間をオブジェクトがどの順序で表示されるかを決めることに費やしています。これは逆です。私の経験では、効果の種類は正しい順序があればほとんど視聴者に影響を与えません。間違った順序は、最も抑制されたアニメーションでも目立ってしまいます。

仮想的なフunnelスライドを例にとってみましょう——認知、検討、コンバージョン、3つの重ねられたバーが狭くなっていく。直感的には上から下へアニメーションさせるのが自然です、それはスライドの読み順だからです。しかし、プレゼンターの実際の話題が「フunnelのほとんどが検討とコンバージョンの間で失われる」場合、上から下へのビルドは、そのポイントをビルドの途中で埋め込んでしまい、そのポイントに視聴者の注意を向けることができません。コンバージョンバーを最後までアニメーションさせる——視覚的な順序とは逆でも——は、論理のポイントに視聴者の注意を向けることができます。ビルド順序は話の流れに従うべきで、スライドを横断する視線の自然な経路ではなく、その二つの順序は予想以上に異なることが多いです。

マイクロアニメーションが二つ目のスライドを置き換える場所と、置き換えられない場所

人が見落とすことの一つは、マイクロアニメーションの最も強力な主張はエンゲージメントではなく、スライド数であるということです。比較スライドで「前」の状態と「後」の状態を使うのが以前は二つのスライド、または両方の状態を同時に詰め込んだ一つの混雑したスライドを意味していました。一つのオブジェクトが一つの状態から別の状態へと変化する単一のオブジェクトのトランジション——バーが成長する、ラベルが交換される、ステータスドットが色を変える——は、両方の状態を一つのスライドに保持し、同時に両方を表示する視覚的な混雑を避けることができます。

しかし、このトレードオフは、「前」の状態が比較のために見える必要がない場合にのみ機能します。スライドの目的が「古い」と「新しい」の差である場合——特定の数字が変化するのではなく、ステータスが変化するだけ——両方の状態を一つのアニメーションされたオブジェクトにまとめると、何かを失うことになります。なぜなら、視聴者は同時に両方の値を見ることができなくなるからです。私は仮想的なプライシング・ティア・スライドでこの失敗を経験しました：古い価格が新しい価格にスライドアウトしながら新しい価格がスライドインするアニメーションは、リハーサルでは清潔に見えましたが、実際のプレゼンテーションでは、アニメーションが終了して古い数字が消えた2秒後に誰かが「待って、それは前に何だったの？」と必ず質問します。静的なサイドバイサイド表示、または新しい数字が古い数字の横に現れるようにストライクアウトを付けることで、両方の数字を画面に残し、その質問を避けることができます。動きは状態の変化を示すのに役立ちますが、比較のために状態を保持するのはできず、これは実質的な境界線であり、スタイルの好みではありません。

アニメーション設定とは関係のないタイミングのミス

人がアニメーションパネルで修正しようとするほとんどのタイミングの問題は、実際にはプレゼンターのペースの問題であり、どのミリ秒値を選んでも解決できません。私は0.3秒と0.5秒のフェードの「正しい」ミリ秒値を追い求める前に、プレゼンターがスライドを一定のリズムで進めているかどうかを確認することをお勧めしません。完全に調整された0.4秒のフェードは、プレゼンターがスライドを進め、不自然に一時停止し、次のビルドの上で話し続ける場合、ぎこちないものと見分けがつきません。

実際に役に立つのは、クリックのリハーサルではなく、内容のリハーサルです——事前に、どの文章が各ビルドをトリガーするのかを明確に決めることです。「私は『ここが崩壊する』と言い、そして『崩壊する』の部分をクリックする」といった具合に。この単純な習慣は、アニメーションのタイミングの苦情を調整するよりも多くの問題を解決します。人が「アニメーションがおかしかった」と感じる不一致は、ほとんどの場合、話し言葉とクリックの不一致であり、クリックとレンダリングの不一致ではありません。

役に立つ効果の短いリストと、なぜリストが短いのか

私はこのリストを意図的に短くしています。なぜなら、長いリストはただアニメーションできるものをすべて選択するメニューになってしまうからです：

• Appear/Fade（テキストやリストの順序づけのため）——最も視覚的に興味を惹かないオプションであり、そのために、ほとんどのリハーサルで誰かが「軽減して」と頼むことなく生き残る唯一のものです。
• Grow/Shrink（単一のデータポイントを強調するため）——方向性があるため、視聴者は「大きい」を「重要」と読み取ることができ、説明する必要がありません。
• Wipe（チャート上の線やバーが描かれる際の表示）——これはパラディ調査でカバーする図表構築のケースに最も近いものであり、その場所を勝ち取るのは、動きが測定されるもの（進歩、時間、成長）を反映しているからです、単にそれを装飾しているからではありません。
• Pathアニメーション（図表上の二点間を結ぶ一つの接続線が描かれる場合）——関係や流れを示すのに実際に役立ち、同時に三つ以上の接続線がこれを行う場合には、実際に過剰に使用されています。

このリストの外のすべて——回転、バウンド、3Dフリップ、文字ごとのテキスト——は、タイトルスライドやクロージングスライドで純粋にトーンを設定するために保持し、内容を理解するために部屋の誰かが行動を起こす必要があるスライドからは外しておきます。

アニメーションを全く使わないのが最も安全な場合

アニメーションがほとんどスタートできないようなプレゼンテーションのカテゴリーがあります：PDFとして読まれるもの、不安定な会議室のプロジェクタで投影されるもの、元の作成者以外の人がプレゼンテーションを行うもの。アニメーションはソフトウェアが一貫してレンダリングし、プレゼンターが意図的にクリックして進めることに依存しています——どちらかを取り除くと、それはノイズになり、さらに悪く言えば、クリックなしでビルド効果が発火したために半分完成したように見えるスライドになります。

もし、デッキが誰かがクリック順序をリハーサルした人にとっての配信を自信を持っていない場合、私はスライドを完全に表示された静的な状態で正しく読めるようにデザインし、アニメーションをライブ版のボーナスとして扱い、決して論理がアニメーションに依存するものとして扱いません。これはスタイルの選択ではなく、配布の制約であり、アニメーションの作業が始まる前に決めるべきことです、ではなく、同僚がファイルを開いてすべてのビルドが静的な混雑したメッセージに崩れ落ちた後にです。

実際にマイクロアニメーションが必要なデッキは、誰かがアニメーションを追加するよう要求されるデッキよりも小さいことがよくあります。次のアニメーションを追加する前に、それは話の中でどの特定の文章に合わせるためのものかを問う価値があります——もし明確な答えがない場合、それは装飾である可能性が高く、次のリハーサルでおそらく切り捨てられるでしょう。