音なしでも伝わる製品動画の作り方

記事タイトルと、英語字幕を有効にして音声をミュートした状態で再生するWistiaの実際のチュートリアルを配置した油彩の表紙

製品動画をミュートし、何が残るかを見てください。意味がほぼそのまま残ることもあります。一方、カーソルが三つのパネルを回り、グラフが伸び、笑顔の人物がスローガンの隣に現れるだけになることもあります。ナレーターは、それらがなぜ重要かを知っていました。今度は視聴者が推測する番です。

無音の製品動画が機能するのは、映像の流れが製品についての主張とその根拠を伝えるときです。字幕は発話を残せますが、結果を一度も見せない実演を修復はできません。見出しは利点を名付けられますが、インターフェースがそれを実現すると確立することはできません。無音を前提に設計するとは、何を見せ、何を読んでもらい、その二つの作業をどう組み合わせるかを決めることです。

これはミュートの自動再生以外にも役立ちます。音量が低い、周囲が騒がしい、音声情報を追うために字幕が必要といった人もいるかもしれません。無音で動画を見直すと、操作が及ぶ範囲、料金に付く条件、クリック後に保存された結果など、映像が一度も伝えていない情報も見えてきます。

欠けている情報から始める

架空の予定調整アプリの動画で、ナレーションが「会議を動かすと、全員へ更新した時刻が自動的に届きます」と言うとします。映像には、カレンダーの予定をドラッグする様子が映ります。音がなければ、会議が移動したことは推測できます。しかし、全員の招待が更新されたことは推測できません。

欠けているのは、「動かす」という動詞ではありません。結果と、その範囲です。「一度動かすだけ。すべての参加者に更新を通知。」という短い見出しは、主張を示す助けになります。その後、製品が実際に対応している挙動を使い、新しい時刻と関連する更新状態を、視覚的な証拠として見せるべきです。

アプリが確認後にのみ更新を送るなら、その確認を含めます。編集を単純にするために取り除くと、無音版の正確さが下がります。よい映像の語りは操作を圧縮できますが、結果を生む条件まで消すべきではありません。

現在、ナレーションだけに存在する要点をすべて書き出します。役割ごとに、文脈、操作、結果、条件、雰囲気へ分けます。雰囲気は音楽に残せます。文脈は短い導入にできることがよくあります。操作と結果には、通常、目で確認できる証拠が必要です。条件は、限定する主張の近くに保つ必要があります。

台本全体を画面上の文章にしない

最も速い変換は、下部に発話の全文を焼き込むことです。しかし、多くの場合、最も疲れる方法でもあります。視聴者は、情報の密集したUIを確認しながら、聞くために書かれた発話を読む必要があります。ナレーションが「ここを見れば分かるように」と言っても、字幕は「ここ」が何かを特定せずに、その言葉を残します。

映像の説明は、タスクの言葉で書き直します。予定調整がどれほど簡単になったかという一文より、カレンダーの横の「時刻を選択」の方が有用です。「すべての参加者に更新済み」は、事実の裏付けがあるなら、結果の状態の近くに置くのが適切です。

字幕には、聞こえる会話と、意味のある音の情報を残します。製品の説明には、シーンの見出しや注釈を使います。共存はできますが、役割を分ける必要があります。同じ文を二つのレイヤーで繰り返すと、理解の別の道を与えずに、画面を混雑させます。

無音を先に設計した編集では、ナレーションも減らせるかもしれません。UIとラベルが変化を明確に示せば、話し手はクリックを逐一説明せずに、文脈を加えられます。無音でも成立させつつ、音声ありの版も心地よくできます。

Wistiaが字幕のワークフローで分けているもの

Wistiaは、プレーヤー内で時間に合わせて出す字幕と、タイムコード付きのテキスト記録であるトランスクリプトを区別しています。重要な制限も説明しています。トランスクリプトを編集しても、動画の画像にすでに焼き込んだ字幕は変わりません。動画ファイル、字幕トラック、トランスクリプトは、別々に編集できる状態に保ってください。Wistia:トランスクリプトと字幕

英語字幕を有効にし、音声をミュートして再生するWistia公式チュートリアル

ソーシャル向けの版を書き出すとき、この違いが重要です。ホスト型プレーヤーで設定した字幕の選択肢は、ダウンロードしたファイルに付いてこない場合があります。逆に、焼き込んだ文字は画像と一緒に届きますが、視聴者は消したり、スタイルを変えたりできません。一つの設定ですべてをカバーできると思わず、配信先ごとに意図して選びます。

録画にすでに含まれている字幕を見つける

Wistiaのチュートリアルには、詳しく見る価値のある点があります。引用された録画には、「If you’ve ever uploaded a bunch of videos…」で始まる独自の字幕があります。外側のプレーヤーには、その時点のチュートリアルのナレーション「That’s the full text that shows up below your video.」が出ます。これらは異なる音声を説明し、異なるレイヤーにあります。

Wistiaチュートリアルの二つの抜粋:上は引用された録画内の字幕、下は外側のプレーヤーのナレーション字幕

入れ子の素材では、両方のレイヤーが必要な場合もあります。編集で問うべきなのは、引用例に属する文字と、それを説明する文字を、視聴者が特定できるかです。引用クリップの境界を保ち、現在のナレーション用に安定した領域を残します。内側の動画を拡大し、その字幕が外側の字幕とぶつかる切り取りにすると、この違いが失われます。

自分の製品録画でも、新しい字幕トラックを加える前に、焼き込み済みのラベルを確認します。同じナレーションを繰り返すなら、文字のない録画を使い、編集可能な字幕レイヤーを一つだけ保ちます。古い文言が以前のワークフローを説明しているなら、その上に新しい字幕を置かず、関連する区間を収録し直します。

製品映像内に残る指示ラベルも見直します。「時刻を選択」のようなラベルは、字幕がオフでも注釈として役立ちます。ナレーターの発話を文字にした一文は、字幕トラックに属します。役割を分けると、ミュートの視聴者には明確なタスクを示し、音声ありの視聴者には、発話の説明をどう受け取るか選んでもらえます。

目に見える変化を中心に各シーンを組み立てる

有用な無音シーンには、開始状態、操作、変化後の状態があります。長いUI案内は不要です。予定調整の例なら、開始状態は10:00の予定、操作は11:00への移動、変化後の状態には、参加者への更新を確認できるものが含まれます。

変化の前後でも、関連するオブジェクトを識別できるようにします。予定のタイトルが変わり、カメラが飛び、UIの表示まで同時に切り替わると、別の会議だと思われるかもしれません。字幕をもう一つ加えるより、連続性の方が説明力を持つことがよくあります。

予定の名前、色、周囲の安定した日付など、視覚的な目印を保ちます。不可欠な区別なら、色だけに頼らないでください。緑の長方形を全員が覚えていると期待するより、タイトルを見せる方が強い識別手掛かりになります。

操作後は、結果が落ち着く時間を与えます。トランジション中に一瞬出る確認は、技術的には存在しても、機能的にはないのと同じです。次の主張が始まる前に、新しい時刻を見つけ、操作と結び付ける機会が必要です。

文字とUIに順番を与える

見出しを読むことと、小さなメニューを確認することは、注意を競い合う作業です。静止画では均整の取れた構図でも、両方が同時に重要になると、動きの中では負担が大きすぎる場合があります。一方がもう一方の準備になるよう、タイミングを組みます。

最初に、問いか短い指示を出します。その指示が安定して残る間に、関連するUI操作を行います。結果に説明ラベルが必要なら、クリック中に新しい文を読ませず、結果と一緒に出します。

すべてのシーンを、固定された3拍子の構成にする必要はありません。すぐ理解できるほど見慣れた操作もあります。UIを知らない視聴者には、長めの準備が必要な操作もあります。原則は、一つのフレームが異なる二種類の注意を同時に求める瞬間に気付くことです。

説明が長い場合、シーンを分けるか、補助的な詳細を動画の外へ移すかを選びます。短い導入には重すぎる例外なら、チュートリアルからドキュメントへリンクできます。営業動画では、それでも中心的な主張を誠実に保つために必要な条件を残さなければなりません。

音声に依存する指示語を、具体的な視覚的参照に置き換える

「これ」「ここ」「次」といった言葉は、話し手のタイミングに依存することがよくあります。無音では、指す対象が不確かになります。名前に置き換えるか、注釈と対象の関係を疑いようのない形で示します。

「参加者への更新」というラベルは、参加者の更新用の操作部品の横にあれば役立ちます。混み合ったパネルへ向けただけの矢印では、どの要素が重要かを依然として判断しなければならないため、役立ちにくくなります。ポインターを増やす前に、狭い切り取りや控えめなハイライトを選びます。

効果音にも、似た隠れた役割がある場合があります。成功のチャイムが、タスク完了を示す唯一の合図かもしれません。見た目の状態が変わらなければ、ミュートの視聴者は完了を見逃します。架空のチェックマークで飾るのではなく、実際の成功状態を加えるか収録してください。

製品に本当に目に見える確認がないなら、動画の計画で認識しておくべき有用な制限です。結果のオブジェクトか、ほかの検証可能な結果を示します。製品にない確認機能を示唆してはいけません。

何を焼き込むかを決める

焼き込みラベルは、編集上の説明の一部であり、どこで再生しても必要な場合に適しています。別字幕を確実に表示できない配信先でも適切な場合があります。ただし、修正とローカライズのコストが生まれます。

独立した字幕トラックなら、視聴者が表示を選べ、複数言語にも対応できます。一方、プレーヤー、配信先、設定に依存します。ファイルが有効だから字幕が既定で見えると考えず、実際の配信環境を確認します。

テキストレイヤーと、文字のない製品録画を含む、編集可能なマスターを保ちます。これにより、古い文字の上に新しい文字を積まずに、字幕入りのソーシャル向け書き出し、ホスト型チュートリアル用の字幕トラック版、ローカライズ版を作れます。

ファイル名には、実際に何が含まれるかを記します。「final」というファイルが、英語ラベルを焼き込んだ無音版で、字幕ファイルは前の編集版用かもしれません。引き継ぎには長さや改訂情報を含め、正確な言葉を間違った時点に付けないようにします。

実践的な無音版への書き直し

現在の20秒の動画に、冒頭のスローガン、三つのUI操作、音声による行動喚起があるとします。無音版への書き直しで、すべてのシーンを自動的に残すべきではありません。見た後で認識してほしい、一つの有用な結果から始めます。

予定調整の例なら、その結果は、会議の移動後に手動で更新しなくて済むことです。「会議が一つ変更。知らせる相手は6人。」という短い問題から始めます。会議の移動を見せ、名前を保ち、実際の更新手順を示し、結果の時刻でホールドします。最後は配信先に適した行動で終えます。

6人という具体的な文は、実演に6人が映る場合だけ使うべきです。UIに3人しかいなければ、3人とするか、人数を消します。以前は音声が担っていた説明を文字が担うとき、小さな不一致は特に目立ちます。

ここで音声を消し、修正版を一度見せます。何が起きたか、製品が何を自動的に行ったと思うかを尋ねます。二つ目の問いで、過剰な主張を検出できます。「アプリが確認なしで全員のカレンダーを変更した」と答える人は、意図した以上の主張を受け取ったかもしれません。

実際の表示サイズで、音なしの動画を確認する

通常のスマートフォンのサイズで、可能なら実際のページや掲載枠で確認します。編集用モニターの全画面で読める動画も、フィードや記事の中では読めなくなるかもしれません。字幕の折り返しも、編集プレビューとプレーヤーで異なる場合があります。

最初から音をオフにして試します。一度聞いてからミュートすると、説明を頭に残したまま無音版を見ることになるので、避けてください。先入観の少ない確認が必要なら、台本を聞いていない別の人に頼みます。

始まり、中間、終わりを確認します。最初のフレームで、関連する主題を示すべきです。中間では、活動を見せるだけでなく、結果を明らかにするべきです。最後の行動は、認識できるだけ表示し、約束と一致する場所へつながる必要があります。

製品のラベルがある状態で、字幕を有効にしても試します。字幕トラックなしの無音では機能するデザインでも、字幕をオンにすると追加の行が実演する操作対象を覆い、機能しなくなることがあります。無音と字幕表示は関連する条件ですが、同じテストではありません。

音楽だけが与えている意味に注意する

洗練された無音動画にも、気付きにくい失敗があります。音楽は問題、突破口、解決を暗示するのに、映像は魅力的な製品状態の連続にとどまる場合です。音があれば、感情の流れによって目的があるように感じられます。音を消すと、ある状態の次に別の状態が来る理由が見えません。

目に見える変化を、それぞれ形容詞なしの一文で説明してみます。「ダッシュボードが回転する」と「期限超過の依頼3件が承認済みになる」は、同じ種類の出来事ではありません。ほとんどの説明がカメラ移動に関するものなら、字幕を増やすより、製品の証拠を強くする必要があるかもしれません。

雰囲気を伝えるブランド動画では、比喩を使えます。製品説明には、変わった状態、出力、比較、実際の操作など、確認できる何かが必要です。そうでなければ、役立つという印象は得られても、製品について役立つことは何も学べません。バランスを意識して選び、公開時の動画の説明も、それに合わせてください。

音にも、聞く価値を残す

声は、不確実性を表し、トレードオフを説明し、動く文字では負担になる詳細を伝えられます。音楽は感情的な連続性を作れます。効果音は、物理的な関係を補強できます。

目標は、不可欠な製品情報を、任意の経路にしか置かない状態を避けることです。映像の流れですでに支えられた理解を、音声で豊かにします。音を有効にした人は、動画が何の話だったかをようやく知るのではなく、文脈や感情を得るべきです。

限界もあります。詳細な研修には、長く聞いたり読んだりすることが合理的に必要な場合があります。短い無音版では、すべての細かな意味を保てません。要約版が同じ内容を教えるふりをせず、完全なレッスンへ誘導する独立した導入を作ります。

欠けた手順を想像で補わずに、タスクを名付け、重要な変化を追い、結果を説明できたとき、無音の製品動画を承認します。字幕があるかだけを確かめるより、有用な基準です。視聴者には完結した視覚的な説明を与え、聞くことを選んだときには、音にも明確で価値ある役割を与えます。