コンテンツへスキップ
Tutorials and training

視聴されるチュートリアル動画の作り方

分かりやすく、魅力的で、メンテナンスが容易なチュートリアル動画の作成方法を学びましょう。形式、録画、ナレーション、公開までを網羅した実践ガイドです。

Roozbeh Firoozmand2分で読めます

画面を録画して「チュートリアル」と呼ぶことは誰にでもできます。しかし、視聴者が最後まで見続け、内容を理解し、何度も見返したくなるような、本当に役立つチュートリアル動画を作るには、少し工夫が必要です。

幸いなことに、それは決して複雑ではありません。ツールは大幅に進化し、制作のハードルは下がり、効果的なチュートリアルの原則は変わっていません。本ガイドではそのすべてを解説します。

優れたチュートリアル動画の条件

具体的な方法論に入る前に、ここで言う「優れている」とは何を指すのかを明確にしておきましょう。

優れたチュートリアル動画の条件は以下の通りです。

  • 焦点が絞られている: 5つも詰め込まず、1つのタスクや概念に絞る
  • 視聴しやすい長さ: ほとんどのチュートリアルは5分以内が理想
  • 成果が明確: 動画を見終わった後に何ができるようになるかが分かる
  • 分かりやすい: ナレーションと画面の動きが一致している
  • 見つけやすい: ターゲット層が実際に発見できる場所に配置されている

多くの低品質なチュートリアル動画は、これらの条件のうち1つか2つを満たせていません。本ガイドの続きでは、そうした失敗を避ける方法を解説します。

ステップ1:録画前にゴールを定義する

チュートリアル作成で最もよくある間違いは、何を教えるのかを決めないまま録画ボタンを押してしまうことです。

まずは「この動画を見終わった後、視聴者は何ができるようになるのか?」という問いから始めましょう。

それを1文で書き出してみてください。1文で書けない場合は、おそらく内容を詰め込みすぎています。

適切にスコープを絞ったチュートリアルの目標例:

  • 「これを見終わると、Slackワークスペースを自分のアカウントに接続できるようになります。」
  • 「これを見終わると、レポートをPDFとしてエクスポートする方法が分かります。」
  • 「これを見終わると、ユーザー権限の設定方法を理解できます。」

ゴールが決まれば、何を映し、何を省き、動画の長さをどれくらいにするかといった他の要素は自然と決まります。

ステップ2:適切な形式を選ぶ

すべてのチュートリアルが同じ形式である必要はありません。録画前に、目標に合った形式を選びましょう。

ナレーション付き画面録画: ソフトウェアの操作説明に最適です。視聴者が行うべき操作を正確に示し、ナレーションでその理由を説明します。SaaSチュートリアルで最も一般的な形式です。

注釈付き画面録画: ナレーションを入れたくない場合は、ズーム、吹き出し、テキストオーバーレイを使って注目を集めることができます。短くシンプルなタスクに適しています。

顔出し+画面(ピクチャー・イン・ピクチャー): 人の要素を加えることで、親しみやすさが増します。より温かく個人的なトーンにしたいオンボーディング動画に適しています。

画面共有+スライド: 実演の前に概念を説明する必要がある場合に便利です。理論と実践の両方が必要なトレーニングコンテンツでよく使われます。

ほとんどのソフトウェアチュートリアルにおいて、画面録画とAIナレーションの組み合わせが、最も制作が速く、メンテナンスも容易です。ソフトウェアをこれから選ぶのであれば、録画を始める前にSaaSチーム向けの最高のAIチュートリアル作成ツールを比較検討してください。

ステップ3:録画環境を整える

録画を始める前に、5分間だけ準備に時間をかけましょう。

  • 不要なタブやアプリを閉じる: 録画中に通知がポップアップするのを防ぎます。
  • 画面解像度を設定する: 視聴者が閲覧する解像度で録画します。ターゲット層の多くが1080pの画面を使っているなら、1920x1080で録画しましょう。
  • クリーンなブラウザプロファイルを使う: 可能であれば、テスト用アカウントやクリーンなデモ環境にログインします。個人情報や散らかったワークスペースが映るのを防げます。
  • 通知を無効にする: 録画開始前にメール、Slack、システムの通知をオフにします。
  • デスクトップの整理: デスクトップ全体を録画する場合は、事前に整理しておきましょう。

こうした小さなことが重要なのは、視聴者は環境の乱れに敏感だからです。視覚的なノイズは、本来教えるべき内容への集中を妨げてしまいます。

ステップ4:パフォーマンスではなくワークフローを録画する

録画の準備ができたら、教えるべき操作をそのまま行いましょう。演技をしたり、クリックするたびに説明したりする必要はありません。

慎重に操作してください。各ステップで少し間を置きます。メニューを急いで操作したり、速く入力しすぎたりしないでください。視聴者は操作を追いかけているため、追いつくための時間が必要です。

録画中にミスをしても、一時停止してそのセクションをやり直せば大丈夫です。ほとんどの編集ツールでは、失敗した箇所をカットしてやり直すことができます。完璧なテイクではなく、分かりやすいテイクを目指しましょう。

ライブナレーションとAIナレーションについて: 録画しながらのナレーションが不自然に感じたり、作業が遅くなったりする場合は、無理に行う必要はありません。Cleveraのようなツールを使えば、無音で録画した後にAIナレーションを生成できます。公開前にスクリプトを確認・編集できるため、何をどのように伝えるかをより細かくコントロールできます。

ステップ5:ナレーションを書き、見直す

AIナレーションを使う場合でも、自分の声で録音する場合でも、公開前にナレーションのスクリプトを慎重に見直す価値はあります。

優れたナレーションとは:

  • 画面の動きを説明しつつ、文脈を加える: 単に「青いボタンをクリック」と言うのではなく、「右上の青い『保存』ボタンをクリックしてください。これにより、接続されているすべてのデバイス間で変更が同期されます」と伝えます。
  • 二人称を使う: 「確認ポップアップが表示されます」ではなく、「確認ポップアップが表示されます」のように、視聴者に直接語りかけます。
  • フィラー(無駄な言葉)を避ける: 「えーと」「その」「まあ」といった、ライブ録画で入り込みがちな口癖を削除します。
  • 動画のペースに合わせる: ナレーションは画面の動きと同期している必要があり、先走ったり遅れたりしてはいけません。

AIナレーションを使う場合は、公開前に生成されたスクリプトに目を通してください。AIは流暢なナレーションを作成するのが得意ですが、頭字語、製品名、専門用語を読み間違えることがあります。簡単な確認でそうした問題を防げます。

ステップ6:完璧さではなく分かりやすさを編集する

チュートリアルの編集とは、映画のようなハイライトシーンを作ることではありません。視聴者を混乱させたり、気を散らしたりする要素を取り除くことです。

以下の点に集中しましょう:

  • 無駄な時間のカット: 長い待ち時間、読み込み画面、誤操作。これらはトリミングします。
  • ズームの追加: 画面上の小さな項目をクリックする場合は、見えるようにズームします。ほとんどのツールはこれを自動で行います。例えばCleveraは、エクスポート時に主要なUI操作に対してスマートズームを適用します。
  • 開始と終了のトリミング: 実演開始前の無駄な時間や、終了後の不要な時間はカットします。「えー、それでは始めます…」といった無駄な待ち時間を視聴者に強いないようにしましょう。
  • カーソルの動きを滑らかにする: 録画中にマウスが飛んでいた場合は、カーソルを滑らかにする処理を適用し、意図的な動きに見えるようにします。

ほとんどのチュートリアル動画において、BGM、イントロアニメーション、ブランドロゴの挿入は不要です。これらは制作時間を増やすだけで、タスクを学びたい視聴者にとっての価値はほとんどありません。

AIを使ってチュートリアル動画をより速く作る方法

ステップ4から6が大変そうに聞こえるなら、それは手作業で行っているからです。3分間の分かりやすいチュートリアルを作るには、通常約4時間かかります。スクリプト作成に45分、きれいなテイクを撮るのに20分、ナレーションの録音に30分、そして編集に2時間です。録画そのものがボトルネックになることは稀で、その周辺作業が時間を奪っているのです。

AIツールは以下の2つの方法でこれを高速化します:

  • AI支援編集: ジャンプカット、文字起こしベースの編集、フィラー除去により、手動編集を高速化します。編集作業自体は残りますが、時間は大幅に短縮されます。
  • AI動画生成: 録画から完成動画を自動生成します。無音で録画すれば、AIがミスや間をカットし、画面の動きからスクリプトを作成し、音声を当て、同期させ、ズームやカーソルの滑らかさを追加します。編集作業は不要で、確認作業のみで済みます。

ソフトウェアのチュートリアルにおいて、生成は通常より迅速な手段です。なぜなら、映像は単なる画面キャプチャであり、映画のような撮影技術を維持する必要がないからです。Cleveraを使えば、ワークフローの録画に約10分、処理後の確認にさらに5〜10分かかります。同じ録画からスクリーンショット付きのステップバイステップ記事を作成することもできるため、1回の撮影で動画とステップ8のテキスト版の両方を入手できます。より大きな変化は、動画1本あたりの時間短縮ではなく、手作業では数ヶ月かかるライブラリが数週間の作業で完成することです。

ステップ 7: キャプションを追加する

キャプションはもはや必須です。動画コンテンツの大部分は、会議中、モバイル端末、騒がしい環境など、音なしで視聴されています。チュートリアルにキャプションがなければ、それらの視聴者を逃していることになります。

ほとんどのツールはナレーションから自動的にキャプションを生成します。製品名や専門用語の正確さを確認し、公開前にタイミングが適切かどうかをチェックしてください。

ステップ 8: 適切な場所に公開する

どこで公開するかは、どのように動画を作成するかと同じくらい重要です。視聴者がチュートリアルを必要とするとき、実際にどこにいるかを考えてみましょう。

  • ヘルプセンター: 関連するヘルプ記事にチュートリアルを直接埋め込みます。視聴者は答えを探して記事にたどり着くため、そこに動画があれば最適です。
  • LMSまたはトレーニングプラットフォーム: 社内トレーニングの場合は、完了状況を追跡できるプラットフォームに公開します。
  • YouTube: 一般公開のチュートリアルであれば、YouTubeは検索での発見に役立ちます。タイトルと説明文を検索用に最適化しましょう。
  • アプリ内: 特定の操作やオンボーディングイベントをトリガーとして、製品内に短いチュートリアルを埋め込むチームもあります。

どこで公開するにしても、手順の要約をテキストで含めてください。テキスト版を先にざっと読み、不明な手順だけ動画で確認したいという視聴者もいます。同じ録画から記事を生成できるツールを使えば、その要約作成に追加コストはかかりません。

チュートリアルを最新の状態に保つ方法

チュートリアル動画は古くなります。ソフトウェアは変化し、UIは再設計され、ワークフローも変わります。メンテナンスのプロセスがなければ、トレーニングライブラリは製品の古いバージョンを示す動画で溢れ、負債となってしまいます。

役立つヒントをいくつか紹介します。

モジュール化して録画する: 短く焦点を絞った動画は、長く包括的な動画よりも更新が容易です。何かが変更された場合、関連するクリップだけを再録画すれば済みます。

LiveSyncを活用する: CleveraのLiveSyncを使えば、動画を一度更新するだけで、埋め込まれたすべての場所に自動的に反映されます。複数のページでリンクや埋め込みをやり直す必要はありません。

レビューのスケジュールを作成する: アクティブな製品であれば、四半期ごとの確認が適切です。誰が古いコンテンツを指摘する責任を持つのか、担当者を割り当てましょう。

オンラインでチュートリアル動画を作成する

オンラインでチュートリアル動画を作成し、公開したりリモートチームと共同作業したりする必要がある場合、以下の点も重要になります。

  • ローカルファイルのエクスポートだけでなく、Webプラットフォームへの直接公開をサポートしているツールを選ぶ
  • 視聴者が何かをダウンロードする必要のないホスティング設定を選択する
  • 海外の視聴者のために、キャプションがサポートされており正確であることを確認する
  • モバイルでの見え方をテストする。ヘルプセンターへのアクセスの多くはスマートフォンから行われるため

人々が実際に視聴するチュートリアル動画を作成する秘訣は、焦点を絞り、明確で、摩擦のないものにすることです。1つのタスクに限定し、きれいに録画し、正確にナレーションを入れ、視聴者が困ったときにすぐ見つけられる場所に配置する。これだけです。