優れたプレゼンテーションは、ほんとうに優れた物語です。人を動かすのは、ストック画像でも、箇条書きでも、図表でもなく、いい物語です。そのために私たちは、新しいカテゴリのプレゼンテーションアプリを作る必要がありました。言いたいことから始めるアプリです。

プレゼンテーションアプリは、90年代初頭から本質的にはまったく変わっていません。その長いあいだ、人間側の問題はほとんど解決されてきませんでした。デザイナーとして、私たちは少し違う重点を持つ新しい解決策を作らなければならないと感じています。焦点を変えれば、結果も変わります。車輪の再発明を避けるには、前に進む前に振り返ることが役に立ちます。

昨日: 過去を見て未来を理解する

説得力のある物語を準備し、語るための、シンプルで効率的で楽しい方法があります。レトリックのカノンと呼ばれるもので、古代から使われてきたスピーチ準備の標準です:

記憶法 ステップ 機能
親指を立てた手 アイデア 何を言うか?
2本の指を立てた手 構成 順序と方向づけ
3本の指を立てた手 スタイル 伝わるようにする
4本の指を立てた手 練習 リハーサルして覚える!
5本の指を立てた手 話し方 あなたの物語を語る!

一見すると段階的な手順ですが、実際にはもっと複雑なプロセスです。アイデアは構成とともに発展し、構成はスタイルを練るにつれて変わっていきます。プレゼンを練習すれば、必ず修正が発生します。そしてスピーチを一度以上行うなら、話し方がまた全体の見直しを促します。

スピーチ作成のフローチャート
スピーチを書く: そこには明確な出発点、流れ、方向があります。まずアイデアから始め、構成し、整えます。リハーサルして身につけるあいだに、スピーチのあらゆる面を微調整します。
PowerPoint プレゼンテーションが渦を巻くように絡み合った図
PowerPoint のスパイラル: PowerPoint では、まずテーマを選びます。そこからスライドの種類を選び、スライドを並べ替え、テキストボックスを埋め、グラフィックを読み込む、という循環に入ります。練習や暗記は、ファイルをプレビューすることに置き換わります。スライドはキーカードのように使うよう設計されています。配布資料はたいていスライドの正確なコピーです。

レトリックのカノンは、スピーチを行うために作られました。プレゼンテーションには、そこへビジュアル、デザイン、配布資料が加わります。ご覧のとおり、相互依存関係はずっと複雑になります。扱うべき要素が増え、それぞれが互いに影響します。ここでほんの少し細部を変えるだけでも、他のすべてに影響します。アイデア、原稿、ビジュアル、フォント、色、配布資料のデザインをすべて同時に考えると、私たちはすぐに迷子になります。

より難しく、より良く、より速く、より強く: 私たちが目指していること

昨年、PowerPoint を使っていて何に苦労したかをうかがいました。退屈なアンケートに、何百もの熱い回答をいただきました。主な悩みは、従来のプレゼンテーションアプリでは次の3つでした。

  1. 時間: 気づかないうちに多くの時間を費やし、時間に追われる
  2. 集中: コンテンツをおろそかにして、デザインの問題に悩まされる
  3. 自信: 相手を退屈させるのではないか、あるいは頭が真っ白になるのではないかと怖い

PowerPoint などがクリエイティブなプロセスをどう構造化しているかを見れば、驚くことではありません。PowerPoint の前後で、プレゼンがどう作られていたかを比べると、何がうまくいかなかったのかが見えてきます。

スピーチ作成とプレゼン実施のフローチャート
プレゼンテーション = スピーチ + ビジュアル + 配布資料: 本質的には、プレゼンテーションとは、ビジュアルと配布資料で補助されたスピーチです。
プレゼンのカノンのフローチャート
プレゼンのカノン: 物語から始めます。タイトルで物語を構造化し、聴衆の方向を示します。イラストで物語へ注意を向けさせます。レイアウトはアプリに任せます。フォントと色は最後に選びます。読みやすいリッチテキストの配布資料を用意します。

集中を保つには、方向を定めて、段階を追って目標に向かう必要があります。進むにつれて相互依存の影響は避けられませんが、行動する前に考えたほうがより良い結果が得られます。始め方が、その後の流れを決めます。

1. 考える: アイデア

自分を脇に置く: 聴衆と目的

プレゼンテーションは、私たち自身、緊張、不安、あるいはたまたま使っている媒体のためのものではありません。ましてや、私たちがどう思うかの話でもありません。プレゼンテーションは聴衆のためのものです。聴衆の目標を邪魔している障害と、それを乗り越えるために選びうる解決策のためのものです。

この考え方に基づいて、私たちは創作プロセスを2つの問いから始めます。聴衆は誰か。そして、その物語の目的は何か。プレゼンを作るとき、まず言うことに焦点を当てるほうがはるかに効果的だと私たちは考えます。聴衆が見るものだけに集中するのではなく。従来のプレゼンアプリでは、デザインテーマを選ぶところから始まります。それからマスクを埋め、次のページレイアウトを選びます。

優れたプレゼンテーションは、優れた物語である

私たちは、優れたプレゼンテーションは本当に優れた物語だと考えています。そして人を動かすのは、ストック画像でも、箇条書きでも、図表でもなく、優れた物語だと考えています。そのために私たちは、物語から始まる新しいカテゴリのプレゼンテーションアプリを作る必要がありました。

iA Presenter の白紙の状態を示す図
まず書く: まずは原稿から始めましょう。既存のテキストを取り込むか、貼り付けます。どう見せるかを考える前に、まず何を言いたいかを具体化します。
iA Presenter の文書アウトライン(構成)を示す図
あるいは粗いアウトラインから始める: タイトルと構成を書きます。スライドやビジュアルのことは気にしないでください。言いたいことに集中します。

シンプルなテキストインターフェースで物語を組み立てれば、説得力のあるナラティブを作り始められます。構造があり、目的がある物語です。お決まりの流れです。始まり、中盤、終わり。何が問題なのか。障害は何か。どう乗り越えるのか。

Fast Love: 既存テキストを活用する

iA Writer は、集中して書くためのアプリとして、難しい創作作業をどう支えるかについて多くを教えてくれました。Writer は12年前に誕生し、今も何百万人もの人が集中し、書き始め、声を世界に届けるのを助け続けています。同じ考え方で、プレゼンを作り始める最良の方法は、テンプレートや空のスライドではなく、白紙の書き込み画面からだと私たちは考えています。

白い書き込み画面は、形や色で遊んだり、トランジションで自分を楽しませたりしたい誘惑を取り除きます。課題にふさわしいトーンを整えてくれます。落ち着いて、明快に。そこに大事なのは何かを、ささやくように教えてくれます。

iA Presenter のエディタにテキストが入った画面の図
新しいアイデア: 白紙の画面から始めれば、思考はすぐ本題に向かいます。何を言いたいのか? アウトラインから始める人もいれば、文章にしていく人もいます。
iA Presenter のインポートダイアログの図
既存のアイデア: 既存のテキストを取り込むか貼り付けることができます。画像付きの Markdown 記事がすでにあるなら、ほぼ出来上がったも同然です。既存テキストを使うと、制作時間は大幅に短縮されます。

ときには、まず基本構成から始めて、大きなアイデアを足し、最後に粗い原稿へと膨らませていきます。別のときには、頭の中にあるアイデアをとにかくページに書き出して、後から整理したくなることもあります。

どんな気分の流れに乗るにせよ、私たちは常にアイデアと聴衆に集中しています。映画を作るように、物語を育てていきます。最初からカメラアングルや衣装のことを考えたりはしません。この場合でいえば、スライド、レイアウト、フォント、トランジションのことです。

2. 分けておく: 構成

私たちは、原稿を書き、整理することで物語を育てます。言いたいことに集中した原稿です。聴衆を惹きつけ、関心を保ち、巻き込む原稿です。なぜなら、それは彼ら自身と、彼らが直面している課題についてのものだからです。原稿は、何を語り、何を見せるかを見極めます:

スライドの内容を持つ iA Presenter のエディタの図
エディタ: スライドで何が見せられるのか(タイトル、画像)と、プレゼン時の原稿およびエクスポート時のテキストとして何を準備したのか(本文)が、見て区別できます。
iA Presenter のスライド表示とテレプロンプターペインの図
テキストと声 スライドを読み上げるのは避けましょう。聴衆はあなたの助けがなくてもタイトルを読めます。あなたは見出しの裏にある物語を語ります。タイトルは短く、引きつけるものにして、聴衆の注意を話し手の声へ向けます。

プレゼンテーションを、分断されたビジュアルの連なりではなく物語として考え始め、何を見せるかではなく何を伝えたいかに集中すると、制作時間は劇的に短くなり、プレゼンはより魅力的になりました。

もう、メモ、メール、ツイートの連投、ブログ記事をプレゼンに変えるたびに、ゼロから始める必要はありません。既存の作業をテキストベースの原稿エディタにコピー&ペーストするだけで、半分は終わりです。その原稿エディタはどう見えて、どう動くのか? その話の前に、まず本題を終えましょう…

3. 黒か白か: ビジュアル

何を言うかをきっちり決めて初めて、話しているあいだ聴衆に何を見せるかを考えます。そして、これは最初に想像したほど単純にはいきません。

iA Presenter のエディタに画像を追加した図
エディタ: エディタでは、画像と話し言葉のテキストが一緒に扱われます。
iA Presenter のプレゼン表示とテレプロンプターペインの図
画像と声: 画像は、言えないことを表すためではなく、物語へ注意を引くために使います。話される情報を表示する配布資料形式を作ります。

原稿ができあがれば、どこに1枚か2枚の画像が明確な利点をもたらすかが見えてきます。1枚の写真は1000語に値するかもしれません。もしそうなら、使うべきです。ただし、すべての写真が1000語の価値を持つわけではありません。私たちはたいていの場合、聴衆は不要な画像を見ている必要はないと考えています。退屈なプレゼンは、置き換え可能なストック画像を入れても面白くなりません。画像は、メッセージに注意を向けさせるべきです。

シンプルな見出しと優れたイラストは、私たちの言いたいことを補強します。聴衆にアイデアを掛けるための視覚的なフックを与え、話している人の声に集中し続けてもらえます。

4. I will survive: リハーサル

少しだけ、練習というテーマについて考えてみましょう。物語をきちんと練習すると、2つのことが起こります。まず、単に繰り返しているのではなく、自分のものにしているのです。自分の主張を自分で体験し、自分の声を聞いています。つまずきや荒い部分に気づき、それらを滑らかにしていきます。専門家はこれを deliberate practice と呼び、確かに効果があります。練習しながら素早く修正できるエディタがあると助かります。

iA Presenter のエディタとプレビューペインを同時に開いた図
練習と編集を同時に: プレゼンを別ウィンドウで開いて練習します。エディタは開いたままにしておきます。最適化できる点を見つけたら、全画面表示を出たり入ったりしなくても、その場で編集できます。

練習のもうひとつの利点は、不安を和らげることです。原稿に何度も触れるほど、ほかならぬ不確かさは背景へと薄れていきます。記憶を一つずつ積み重ねて、神経系を落ち着かせていくのです。「あれで死にはしなかった」「思っていたほどひどくなかった」「あれは楽しかった」「またやりたい」

5. The Great Pretender: 話し方

きちんと練習することの利点は十分に理解していますが、それだけを頼りにするつもりはありませんでした。いざというとき、みんなの視線が集まっている場面で使える安全網が欲しかったのです。従来の「スライドノート」は、どうにも後付けのように見えます。プレッシャーを感じているとき、次のスライドが何かなんてどうでもいいのです。気になるのは、次に口から出すべき一文だけです。

バックアップがあるとわかっていれば、どれほど気持ちが落ち着くか、私たちはよく知っています。言うべきことを、太く大きく、目の前でそのまま見られる選択肢が常にあるとしたら? それはテレプロンプター、あるいはオートキューに近い体験です。しかも高価な機材は要りません。ただ、私たちの物語を、大きく太い文字で、読みやすく、スクロールしやすく表示するだけです。

iA Presenter のテレプロンプター表示の図
念のためのテレプロンプター: スライドから読まず、テレプロンプターからも読まないでください。それでも、言うべきことを太く大きく目の前で見られる選択肢があるだけで、気持ちは落ち着きます。

いざというときのために、これがあります。物語を書き、適切にイラストを入れ、練習し、最適化したなら、スライドからもテレプロンプターからも読む必要はありません。

とはいえ、話し始める瞬間には、やはりアドレナリンが少し出ます。それでいいのです。すべてが整っていれば、そのアドレナリンは物語に火花を与えるのにちょうどよいものです。アイデアに火をつけ、聴衆を行動へと動かします。

デザインはどうか?

変化: レスポンシブデザイン!

レスポンシブウェブデザインやモバイルファーストが当たり前の時代でも、PowerPoint はいまだに厳格な解像度とアスペクト比に従うよう求めてきます。今やビジネスコミュニケーションの主役が、反応しない静的スライドなのは、ただただ驚きです。プレゼンの解像度を変えると、プレゼン全体が崩れてしまいます。2022年に欲しいのは、デバイス非依存で、柔軟で、モバイル対応のデザイン形式です。

複数のデバイスサイズに応じて動的にリサイズされるプレゼンを示す図
デバイス非依存の、しなやかなデザイン: 2022年に欲しいのは、デバイスに依存しない、柔軟で、モバイル対応のデザイン形式です。プレゼンは、ワイドスクリーン、さまざまなプロジェクター比率、Zoom ウィンドウ、タブレット、スマートフォンに合わせて適応すべきです。

プレゼンをスマートフォンで受け取っても、メールのように読めるべきです。拡大も縮小も不要です。現代のデジタルデザインは、10万通りのスクリーンサイズ、なかでもモバイル画面の世界に適応します。現代のプレゼンは、ハンドヘルド端末で読める必要があります。

でも、レイアウトはどうやって制御するのか? しなくていいのです。する必要はありません。

手放そう: 自動レイアウト!

レイアウトに一切悩まなくて済むと想像してください。やることはテキストを書き、見出しを調整し、必要な場所に物語のイラストを入れるだけ。レイアウトは自動で選ばれます。でも、どうやって? アルゴリズム? AI? 黒魔術?

伝えたいことと競合しないように情報量を制限すれば、カバーすべきレイアウトはそれほど多くありません。スライドをキーカードとして使う圧力を取り除き、画面から読むことをやめれば、スライドの種類は数えるほどになります。それらは、1枚のスライドで使う要素の数と種類に応じて、アルゴリズムで選べます。

iA Presenter のさまざまなスライドレイアウトを示す図
自動レイアウト: 物語から注意をそらさないようにスライドに収められる要素数には限りがあります。それでも十分な数があり、それらを選び、サイズを調整するのは技術的には難しいことです。

レイアウト数は、画面比率に応じて要素を自動的に拡大縮小し、再配置するときにさらに増えます。たとえば横並びの比較は、スマートフォンでは縦並びの比較になります。横長レイアウトの静的なカードは、縦長ではスクロール可能になります。などなど。

iA Presenter の自動レイアウトを示す図
自動レイアウト: すべてのレイアウトは、さまざまなウィンドウサイズやデバイスに合わせて拡大縮小できなければなりません。つまり、すべてのレイアウトは無限のアスペクト比に対応する必要があります。フォントサイズを変えるたびにピクセル調整をする時代はもう終わりです。これって無茶? たぶん。可能か? もちろん。やったことがあるか? もちろんです。

それは解放でもあります。もうピクセル単位で追い込む必要はありません。静的なページを設計するのではなく、さまざまなデバイスで機能する柔軟な物語を設計するのです。

日曜の朝のように気楽に: 配布資料として読めるテキスト文書!

物語は、よいプレゼンの背骨です。物語ベースのプレゼンアプリなら、次のことができます:

  1. 既存のテキストを取り込む
  2. ピッチを練習し、最適化する
  3. 迷っても安全網があるとわかって気持ちを落ち着ける

物語が機能すれば、その内容は体で覚えられ、プレゼン中はほとんど必要なくなります。とはいえ、プレゼン後には再び役立ちます。読みやすい配布資料を作るために。

物語ベースのアプローチを取れば、普通のテキストから始めて、普通のテキストで終えることができます。プレゼンを、スマートフォンでつまみながら読まなければならない迷宮のようなモザイクや、A4 の小さなカードを縫うように辿る代わりに、画像を含んだ標準的なテキスト文書として書き出せます。

iA Presenter のエディタにスライド内容が表示された図
エディタ: エディタでは、プレゼンはテキスト文書のように読めます。
書き出された iA Presenter プレゼンの図
書き出し: 情報を別々のスライド枠やノートボックスに分けることなく、通常のテキスト文書として書き出せます。

次へ: 展望

Part I では、既存のツールでプレゼンを作るときに私たちが向き合ってきた課題を見てきました。始め方、スライドという奇妙で時間のかかる形式の理解、言いたいことを覚えておくこと、そして退屈でないこと。

そしてこの投稿では、それらの課題を解決するには、違う重点を持つプレゼンアプリが必要だという私たちの考えを共有しました。物語に焦点を当て、語り手のニーズを最優先する方法です。準備され、落ち着き、支えられた発表者こそが、より興味深く、説得力のあるプレゼンを生み出すからです。

そのために私たちは、白紙から始めます。まず原稿を書き、ビジュアルは後で整えます。既存の作業を活かします。そして、忘れられない感動的な物語を語ります。Part 3 では、私たちが作ったものをお見せします。

  • Mac 版 iA Presenter トライアル