マッキンゼーのスライドの秘密： 視覚的な階層性が重要、デザインではない

誰かが私に「リデザインされた」自分のプレゼンテーションデッキを手渡したことがあります。同じ内容で、新しいテンプレートを使って—ダークネイビーの背景、一つのアクセントカラー、高級感のあるセリフの見出しフォントに見えるもの。それでもうまくいきませんでした。クライアントの目が最初にどこに着くかが分からず、何もひどく見えないものではありませんでしたが、ただ整理されていなかったのです。

このギャップは、McKinseyのデッキを逆手に取ろうとする人が最も見落としてしまう部分です。彼らはパレット、グリッド、要素間のスペース—デザインについて研究します。彼らはデザインが静かに提供しているものを見逃してしまいます：目が移動するべき強制的な順序です。

階層性は「清潔」の代名詞ではありません

「階層性」という言葉は、通常は整理されたものを意味し、見出し、副見出し、そしてフォントサイズでネストされたいくつかの箇条書きを指します。これはタイポグラフィであり、タイポグラフィは完全に階層性なしで存在することができます。スライドが完璧に組版されていても、三つの要素が同じ視覚的な重みで注目を集めている場合、読者の目がどこから始めるべきかを推測しなければなりません。

厳密な意味での階層性は、一つの質問に答えるものです：「このスライドはどの順序で読まれるべきですか？」—not「何が書かれているか」—順序です。本当の階層性を持つスライドは、一つの最初のもの、一つの二番目のものがあり、それ以外のものはすべて明確に従属しています。McKinseyの「幽霊デッキ」プロセスは、デザインが始まる前にその順序に到達するのが有用な習慣ですが、その順序自体がコピーする見た目から借りているものであり、フォントの交換で偽装することはできません。

目はあなたの意図を待たない

ここがこのチェックが主観的ではなく、検証可能な部分です：人々はスライドをあなたが望むようにスキャンしません。彼らは目がデフォルトで動くようにスキャンします。2006年のNielsen Norman Groupによる眼球追跡研究—後には232人の参加者を対象に拡大された—は、人がテキスト中心のレイアウトとイメージ中心のレイアウト上を実際に視線を動かす様子をマッピングし、二つの支配的なパターンを見つけました：密集したテキストにはF字型のスキャン、イメージを中心としたスパースなレイアウトにはZ字型のスキャンです。別のNielsenの分析では、同じ行動から平均して、人々が特定のスクリーン上のコンテンツの少数部分にしか注視しないことがわかりました。

これはスライドにとって不快なことかもしれませんが、デザインに対抗して経験したことがない場合は：オーディエンスはあなたが書いたようにスライドを上から下まで注意深く読むことはありません。彼らの目は、あなたが計画したかどうかに関わらず、最初に特定の場所に着くでしょう。階層性とは、その最初の着目点があなたが実際に伝えたい点であることを確実にするための規律です—notロゴ、クライアントのロゴ、チャートの凡例などの余計なアイコンです。

一つのメッセージごとのスライドも内部の順位付けが必要です

標準的なMcKinseyのアドバイス—一つのアイデアごとのスライド—は、この問題を自動的に解決すると思われがちですが、そうではありません。そして、この部分で多くの「清潔だが平坦な」デッキが間違っています。一つのメッセージを持つスライドでさえ、通常は三つから四つの視覚的要素がそれを支えます：主張の見出し、サポートする数字、チャート、場合によってはソース行。これらの要素は互いに順位付けされる必要があります。そうでなければ、一つのアイデアは等しい大きな声の一団として到着するのではなく、一連のものとして到着します。

私は内容が本当に一つのアイデアごとのスライドにまとめられていても、スライドが失敗するデッキを何度も修正してきました。見出し、大きな数字、チャートのタイトルがすべてほぼ同じサイズとコントラストで設定されているからです。技術的には何も問題ありません。ただ、最初に見るべきものがなかったのです。一つのアイデアは一つのエントリーポイントとは同じではありません。

最小化は階層性を保証しない

スライドを最小限にまで削減することが、この問題をデフォルトで解決すると考えるのは誘惑に耐えられません。時にはそうなります。しかし本当に最小限のスライドであっても、階層性が欠けていることがあります、残った二つまたは三つの要素がすべて同じ視覚的な重みを与えられている場合です。同じフォント、同じサイズ、同じ色の二つの箇条書きは、要素が二つしかないからといって階層性を持つわけではありません—それは引き分けであり、引き分けは読者にあなたが代わりに行うべき順位付けの作業を強いることになります。

同じ論理は図表において、特にテキストスライドよりもさらに多く適用されます、なぜなら図表は通常一度に複数の競合する要素を持つからです—ボックス、矢印、ラベル、場合によっては上書きされた色分け。図表はこの理由で内容よりも頻繁に失敗します：目に入る場所が示されていないため、通常は論理が始まる場所ではなく、最も強い視覚的な偶然が起こる場所から入ってきます。

自分のスライドをチェックする五分間の方法

スライドを覗き見たり、サムネイルサイズに縮小して、何も読まずに目が最初に着く場所を尋ねてください。あなたが意図した点が答えであれば、階層性は役割を果たしています。ロゴ、チャートの軸、余計なコールアウトボックスが答えであれば、それはあなたが獲得していない順位を持つ要素です—andフォントの仕上げは何の役にも立ちません、なぜなら問題はタイポグラフィ的ではなく、位置と比例的なものだからです。

修正はほとんどの場合、何かを追加することではありません。それは通常、一つの重要なものを少し大きくしたり、少しコントラストを高めたり、読み取りパスの中で少し前に置いたりすることです—andそれ以外のものはそれを明確に引き下げることです。

次にデッキが「まだ忙しく感じられる」場合、全面的なリデザインをした後でも、新しいフォントを探す手を伸ばさないでください。それを縮小し、覗き見て、目が実際に最初にどこに着くかを見てください。これは本当のオーディットです—the fontsが通過または不合格になることは決してなかったものです。