画面録画の台本と絵コンテの作り方

うまくいかない画面録画は、録り方が悪いのではなく、たいてい設計が悪いのです。音はきれい、解像度も適切、カーソルも追いやすい——それでも3分経っても、視聴者はこの動画がどこへ向かうのか分かりません。

設計はそれを解決します。しかも、撮り直しにかかる時間よりずっと短く済みます。この記事では、一文の約束、ビートシート、画面に映るものの絵コンテ、そして「読む文章」ではなく「話す文章」としての台本という実践的な流れを紹介します。

行き当たりばったりより設計が勝る理由

即興のほうが速く感じるのは、コストが後から現れるからです。

• 構成が迷走する: 地図がないと、視聴者に必要な順ではなく、自分が思いついた順に説明してしまいます
• 無音の間: 「えーと、あのウィンドウはどこだったか」は、編集で切るまで録画に残り続けます
• 抜け落ちる手順: 作業を再現可能にする、たった一つの要点を忘れます
• 編集が長引く: 無計画な録画を整える時間は、設計して撮り直す時間より長くなりがちです
• 浮いた演出: ズームやテキストオーバーレイが、テンポに組み込まれず後付けの飾りになります

設計の15分が、編集の1時間を節約します。

ステップ1：一文の約束を書く

何よりも先に、この文を完成させてください。「これを見終わると、視聴者は___ができるようになる。」

具体的で、ひとつだけにします。「請求システムを理解する」はテーマであって約束ではありません。「返金を処理し、顧客に届いたことを確認する」は約束です。視聴者自身が確かめられる結果を指しているからです。

一文で書けないなら、それは2本以上の動画です。分けましょう。焦点の定まった4分の動画2本は、散漫な9分の動画1本にほぼ必ず勝ちます。

ステップ2：ビートシートを作る

ビートシートとは、動画を「ビート」——意味を持つ最小単位——に分けた構成表です。1ビート1行で、おおよその尺も書き添えます。

0:00  フック — 「返金には以前3人必要でした。今は画面1つで足ります。」
0:10  約束 — 見終わったら何ができるようになるか
0:20  前提 — 返金パネルの場所
0:45  手順1 — 注文を探す
1:15  手順2 — 一部返金を処理する
2:00  手順3 — 確認メールを検証する
2:30  例外 — すでに決済が確定している場合
3:00  まとめ + 次の動画

書き終えたら3点を確認します。

1. 最初のビートは注意を獲得できているか。 冒頭10秒が、残りを見るかどうかを決めます。
2. 尺の合計は自分が見たい長さか。 合計9分になるなら、急ぐのではなくビートを削ります。
3. 90秒を超えるビートはないか。 あるなら、そこに2つのビートが隠れています。

ステップ3：画面に映るものを絵コンテにする

画面録画にも「ショット」があります。スクリーンキャストの絵コンテに絵は不要で、2列の表で十分です。

画面に映るもの	話す内容
注文一覧、検索欄にズーム	「まず注文を探します。注文IDではなくメールアドレスで検索してください。」
注文詳細ページ、ウィンドウ全体	「このパネルに元の決済と、すでに返金済みの金額が表示されます。」
返金ボタンにズーム、カーソル強調	「一部返金はメインボタンではなく、このドロップダウンの中にあります。」
メールソフトを注文画面と並べて表示	「チケットを閉じる前に、顧客が実際に受け取ったか確認しましょう。」

左の列を早めに埋めると、有益な判断を先に下せます。

• ビートごとのキャプチャ方式: 全体像は全画面、単一アプリはウィンドウ、パネル1つだけなら領域キャプチャ
• 準備すべきもの: デモデータ、開いておくタブ、適切なアカウント、通知を空にした状態
• 視線の行き先: ズームが必要なほど小さい要素は、編集中に気づくのではなく今印を付ける
• 隠すべきもの: 実在の顧客名、APIキー、社内ダッシュボード

絵コンテは「そもそも成立しない動画」を最も安く見つける方法でもあります。あるビートが到達できないアカウント状態を必要とするなら、撮影中ではなく執筆中に分かります。

ステップ4：目ではなく耳のために書く

紙の上でよく読めるナレーションは、声に出すと硬くなりがちです。話すために書きましょう。

• 文は短く。 1文に1つの考え。読んで息が切れるなら長すぎます。
• 平易な言葉で。 「活用する」より「使う」、書き言葉より話し言葉。
• 操作は言ってから行う。 「設定を開きます」→クリック。逆にしないこと。視聴者はカーソルを追うのに半秒必要です。
• 呼び方を統一する。 「ライブラリ」か「録画一覧」か、決めたら最後まで変えない。
• 切り替えを合図する。 「ここまでが通常の流れです。次は決済が確定済みの場合です。」
• 一度は音読する。 不自然な言い回しは、最初の音読で全部あらわになります。

動画によっては、完成した文章よりも箇条書きのメモが適しています。流れを外さない程度で十分で、暗唱する必要はありません。イントロ・アウトロや、法的・技術的に正確さが要る部分は完全な台本で、自然な声のほうが大事なデモ本体は箇条書きで臨みましょう。

ステップ5：演出も台本に書き込む

テンポが演出を受け止められるよう、台本に演出を記します。ズームには呼吸する時間が必要で、テキストオーバーレイにはそれが乗る一文が必要です。

2:00  手順3 — 確認メールを検証
      [ズーム: メール件名、3秒保持]
      [テキスト: 「件名だけでなく時刻を確認」]
      「確認メールを開いて、件名ではなく送信時刻を確かめてください。」

こう計画すれば、演出は飾りではなくナレーションを補強します。Recordedのエディターでは、この印がそのままチェックリストになります。2:00にズーム領域を置き、その下にテキストオーバーレイを重ね、読める長さになるようそのビートを少し伸ばすだけです。

ステップ6：セリフではなくクリックを練習する

最後のリハーサルは、セリフを覚える時間ではなく、手から迷いを取り除く時間です。無音で1回通してください。台本を横に置き、ナレーションなしで全体の流れをクリックします。

ここでテイクを台無しにする問題が見つかります。読み込みの遅いページ、忘れていたダイアログ、切れたログイン、位置がずれたウィンドウ。それらを直してから録画しましょう。クリックが体に入っていると、話し方は見違えて安定します。

設計が過剰になる場合

すべての録画にこの手順が必要なわけではありません。

• バグ報告と再現動画: そのまま順に録る。整えないほうが信用されます
• 同僚への短い返信: 40秒の回答にビートシートは不要です
• ライブ・連続処理: ビルドや長時間処理には固有のテンポがあります
• 1分未満のもの全般: 意図を述べる一文で十分です

再利用の度合いに比例して設計しましょう。5人が一度見る動画には箇条書きで足ります。2年間すべての新入社員を教育する動画なら、絵コンテを作る価値があります。

使い回せるテンプレート

メモに保存し、動画ごとにコピーして使ってください。

約束: 見終わると視聴者は___ができる

対象: 誰で、すでに何を知っているか

ビート:
  0:00  フック
  0:__  約束
  0:__  ビート1 — [画面] / [ナレーション] / [演出]
  0:__  ビート2 — ...
  _:__  まとめ + CTA

準備: アカウント、デモデータ、タブ、通知オフ、キャプチャ方式
隠す: 氏名、キー、社内ツール
目標尺: __分

まとめ

台本と絵コンテは、画面録画を堅苦しくするためのものではありません。一度の言い間違いがテイク1本を奪う録画中ではなく、考えを変えるのが無料な文書の中へ、判断を移すためのものです。

約束を書き、ビートを並べ、画面に映るものを描き、一度声に出して読み、無音でクリックしてみる。それから録画を始めれば、編集の手間がどれだけ減るかがはっきり分かります。