読んで理解できる画面内テキストの表示時間を設定する方法
テキストは、計算上は4秒間表示されています。デザイナーは読めます。クライアントも文言を承認しています。それでも、視聴者には要点が伝わりません。
その4秒には、1秒のアニメーション、動く背景、見慣れない数字、別の場所をクリックするカーソルが含まれているかもしれません。タイムライン上では確保したはずの、落ち着いて読める4秒を、視聴者は実際には与えられていないのです。
画面内テキストの表示時間とは、言葉が落ち着く瞬間と、次の出来事に注意を奪われる時点を含め、読むという作業を完了するために使える時間です。見慣れたラベルを認識するだけの場合もあれば、文を読み、図に結び付け、数値の意味を判断する場合もあります。これらの作業に、一律の「1語あたり何秒」というルールは使えません。
実務で問うべきなのは、テキストレイヤーが何秒存在するかだけではありません。いつ読めるようになるのか、ほかに何が注意を要求するのか、消えた後に意味をどれだけ覚えている必要があるのかです。この違いが見えると、タイミングの判断をはるかに説明しやすくなります。
安定して読める区間で表示時間を測る
製品動画に「月額US$29、年額US$348の一括請求」と表示するとします。シーン全体は6秒です。最初の1秒で価格がアニメーション表示されます。その2秒後に年払いの条件が現れます。5秒の時点ですべてが退場し始めます。
料金の全条件がそろうのは約2秒であり、6秒ではありません。その間にも請求条件の行が動いたりフェードしたりしていれば、安定して読める時間はさらに短くなります。価格は認識できても、その意味を定める支払い条件を見落とす可能性があります。
だからこそ、レイヤーの長さは読める時間の代用になりません。役立つタイムラインでは、登場、安定して表示するホールド、退場を分けます。一つの文を複数の要素に分けているなら、文全体を理解できる、共通の安定した区間を使ってください。各断片の表示時間を足し合わせてはいけません。
この区間は手作業でも特定できます。必要な言葉が落ち着き、意図したコントラストに達するまで、タイムラインをスクラブして位置を確認します。そこでマークを付けます。次に、必要な言葉のどれかが最初に読みにくくなるか、消える瞬間を探します。その二つのマークの間が、見直しの出発点となる区間です。
テキストが複数レイヤーに分かれる場合、共通区間の開始は、各レイヤーが読める状態になった時点のうち最も遅い時点です。終了は、最も早く退場する時点です。価格の例では、主要な行は1秒から5秒、請求条件は3秒から5秒まで安定しています。重なる区間は3秒から5秒なので、文全体を安定して読めるのは2秒です。
これにより、編集上の具体的な選択肢が見えます。請求条件を早く出せば、価格レイヤーやシーンの長さを変えずに、文全体がそろう時間を延ばせます。条件が遅れて出るままなら、主要な価格の表示だけを延ばしても効果はありません。一つのグラフを複数のラベルで説明する場合も、同じ重なりの確認を行います。軸の単位、対象期間、強調する数値は、一つの主張として読めるだけの時間、同時に存在する必要があります。
この方法は、文字を時間差で出す表現で特に有効です。短いスローガンなら、一語ずつ印象的に現す演出が機能するかもしれません。しかし、条件、指示、比較では、各部分を一緒に見せる必要があることが多くあります。問題は時間差の演出が魅力的かどうかではありません。証拠が消える前に、視聴者が意図した意味を組み立てられるかどうかです。
字幕のルールを、用途を取り違えずに参考にする
Netflixの一般要件は、字幕イベントの長さを6分の5秒から7秒、最大2行と定めています。字幕タイミングのガイドでは、発話やショットの切り替わりも考慮します。この組み合わせが重要です。許容されるイベントの長さは、読みやすい流れを作る要素の一つにすぎません。
字幕は通常、発話に添えられます。視聴者は声、なじみのある構文、場面の文脈から、意味を予測できる場合があります。一方、グラフの注釈や技術的な指示は、音声に含まれず予測できない情報を提示することがあります。文字数が少なくても、異なる種類の注意が必要になるのです。
Netflixのタイミング指針は、ショットの切り替えにも配慮しています。これはモーションデザインにとっても有益です。読み終えてほしい瞬間に、カットが注意を別の場所へ向ける可能性があります。テキストが前のシーンに属するなら、レイヤーが消える前でも、トランジションによって実質的な読書時間が終わるかもしれません。新しいシーンにも残るなら、なぜ残っているのかを理解する時間が必要になる場合があります。
成熟したタイミング規格から借りるべきなのは、その編集上の考え方です。その配信先向けの字幕を制作するときには、実際の納品要件に従います。独自のモーショングラフィックスでは、内容、タイミング、注意の関係を使って、自分たちのシーンを設計してください。
テキストが視聴者に求める作業を分類する
「Export」のようなラベルは認識を求めます。「このプロジェクトが属するワークスペースを選んでください」は、解釈と選択を求めます。「売上高は18%増加し、利益率は2ポイント低下した」は比較を求めます。語数は、これらの作業の違いの一つにすぎません。
認識では、小さな文字や過剰な動きが主な問題かもしれません。指示では、言葉を正しい操作対象に結び付ける必要があります。比較では、二つの値を確認し、その関係を覚えておく必要があるかもしれません。どれも1行に収まるからと同じ表示時間にすれば、実際の作業を無視することになります。
文字の多い各シーンの横に、意図した作業を書きます。「条件を読む」「操作対象を見つける」「二つの値を比較する」といった短いメモだけでも、不一致が見えてきます。
次に、注意を競い合う要素を調べます。文を読みながら動くポインターを追わなければならないなら、二つを同時に処理する問題が生まれています。時間を増やすこともできますが、要求を順に並べる方法もあります。インターフェースを落ち着かせ、指示を示し、それから操作を実行します。ホールドを長くするより、動きの順序を改善した方が、タイミングの問題をすっきり解決できることもあります。
難しいのは、必ずしも最も長い文ではありません。見慣れない略語を含む6語のラベルは、なじみのある12語の文より負担が大きいかもしれません。価格、単位、日付、否定表現には特に注意が必要です。小さな見落としで意味が逆転する場合があるためです。
読む速さの計算を診断に使う
1分あたりの語数を計算すれば、明らかに慌ただしいシーンを見つけられます。しかし、理解できることの証明にはなりません。
20語の文を安定して読める区間が2秒なら、名目上の速さは毎分600語です。これは見直しのきっかけになるはずです。計算は単純で、語数を安定表示の秒数で割り、60を掛けます。この値が表すのは、こちらが作った情報密度であり、誰もがどれだけ読めるかではありません。
今度は、英語で5語の見出し「Lower cost. Longer commitment.（費用は低く、契約期間は長く）」を考えてみます。名目上の読む速さは低くても、このトレードオフを理解するには、その下の料金カードを見る必要があるかもしれません。必要な作業には、見出しだけでなく、視覚的な証拠も含まれます。計算結果が良好でも、デザイン上の問いには答えが出ません。
編集では、この計算をバージョン同士の比較に使います。意味を保って語数を半分に書き直せば、同じホールドでも読みやすくなるかもしれません。ローカライズで語数が増えたり、なじみのない表現が入ったりしたら、元のタイミングを再確認する必要があります。実際の視聴者と文脈を見失わないでください。
実務上の目安を、根拠のない科学的な主張に変えないようにします。「この稿では文全体を安定して読める時間が3秒ある」とは言えます。しかし「3秒あれば誰でも十分」と言うのは慎重であるべきです。前者は観測できます。後者には、おそらく手元にない証拠が必要です。
必要な情報の中で最も難しい瞬間を中心に組み立てる
多くのシーンでは、意味の核心を担う部分が一つあります。それを見つけ、守ってください。
料金シーンなら、月額換算と年払いの請求額を結び付ける瞬間かもしれません。チュートリアルなら、カーソルが動く前に正しい設定を見つける瞬間です。グラフなら、縦軸が対数目盛であると気付く瞬間かもしれません。重要な詳細が小さいまま、あるいは一瞬しか見えないままで、タイトルの表示だけを延ばしても、これらの問題は解決しません。
必要な情報がすべてそろった静止フレームから始めます。想定する再生サイズで読んでみてください。その上で、何を先に出せるか、何を一緒に出す必要があるか、何を取り除けるかを決めます。効果を仕上げてから読みやすさを救済するのではなく、読める状態を中心にアニメーションを作ります。
価格の例なら、短い登場、価格と請求条件を共通して見せるホールド、単純な退場という構成が考えられます。具体的な秒数は最終的な内容と状況によって異なります。重要なのは構造の改善です。料金の全条件に、共通して安定表示される時間が与えられます。
それでも重く感じるなら、独立したアイデアの数を減らします。プランの違いを説明する段落を、明確なラベルの付いた一つの比較に置き換えるか、補助的な条件を次のシーンへ移します。画面をすっきりさせるためだけに、必要な条件を隠してはいけません。意味を削る前に、装飾的な説明を取り除きます。
正確に読む必要があるなら、先に動きを終える
動きは注意を引きますが、細部の確認を妨げることもあります。画面を滑る数値は気付きやすくても、比較しにくくなります。拡大縮小を続ける文は、文字として読めていても、追い続けるのに疲れる場合があります。
正確に読む必要がある情報では、落ち着く瞬間を注意の受け渡しと考えます。動きによって情報へ導き、ホールドでその情報を使う時間を与えます。この二つの役割は、互いを支えるべきです。
すべてのテキストレイヤーを完全に静止させる必要があるわけではありません。固定したラベルの後ろで、背景がゆっくり動いてもよいでしょう。控えめなハイライトで、重要な行を示すこともできます。問うべきなのは、読もうとしている文字の位置、形、コントラストを、視聴者が絶えず追い直さなければならないかどうかです。
退場も確認してください。デザイナーは、不透明度がゼロになるまでフェード中の文を読めるものとして数えがちです。実際には、それよりずっと前に読みにくくなるかもしれません。背景が変化するときや、小さな再生サイズでは特にそうです。長い装飾的なフェードを、見えない読書時間として数えないでください。
シーン全体を延ばす前に、登場と退場を短くする修正が有効です。動画を遅く感じさせずに、安定して読める区間を延ばせます。全体の長さはほとんど変わらなくても、視聴者の負担は減ります。
音読できるかだけでなく、意味を思い出せるかを確かめる
台本をすでに知っているレビュアーは、初めて見る視聴者の適切な代わりにはなりません。内容に慣れていると、次の言葉を予測し、重要な場所をすぐ見つけ、抜けた部分を記憶で補えてしまいます。
簡易的に確かめるなら、内容を詳しく知らない人に、想定するサイズでシーンを一度見せます。そして、価格に何が含まれるか、どんな操作をすべきか、グラフで何が変わったかを尋ねます。「読めましたか」だけを聞くのは避けてください。本人は正直に「はい」と答えても、伝えたい条件を見落としている場合があります。
複数の人が年払いの請求額を見落とすなら、その金額のタイミングと情報の優先順位を調べます。指示は読めても、違う操作対象を選ぶつもりになっているなら、言葉とインターフェースの結び付きを調べます。
音声なしでもシーンを見直してください。ナレーションから不足する言葉を補えると、画面内のタイミングの弱さが隠れることがあります。無音でも機能する想定の動画なら、映像だけで不可欠な意味を伝える必要があります。音声が必須なら、配信計画にその条件を明記し、それでもテキストは無理なく追えるようにします。
再生される状況も重要です。デスクトップのタイムラインプレビュー、スマートフォンのフィード、小さな埋め込みプレーヤーでは、読む条件が異なります。最終確認には、編集者の全画面キャンバスだけでなく、視聴者が実際に見るサイズを含める必要があります。
動画全体をむやみに延ばさず、時間配分を見直す
仮に、4秒のシーンが、登場1秒、ホールド2秒、退場1秒で構成されているとします。登場と退場をそれぞれ0.5秒にすれば、全体は4秒のままで、安定表示のホールドは3秒になります。動画全体を遅くせずに、安定して読める区間を50%増やせます。
それでもテキストがグラフと注意を奪い合っていたり、見慣れない用語を含んでいたりするなら、時間を増やすか、情報を減らす必要があるかもしれません。
二つ目の修正として、補足条件を遅らせず、見出しと同時に出すこともできます。価格の総表示時間は同じでも、料金の全条件がそろう共通区間は長くなります。この改善は、レイヤーの表示時間を並べただけでは見えません。レイヤーの重なりから生まれるものです。
小さなタイミング図で、各案を比較します。不可欠な各要素について、最初に読めるフレームと、退場し始める最初のフレームを記します。共通区間を見ると、修正によって使える時間が増えたのか、同じボトルネックの周囲で動きを並べ替えただけなのかが分かります。
タイミングを文章作りの一部として扱う
最も効率的なタイミング修正は、文章の修正であることがよくあります。重複する前置きを取り除きます。漠然とした説明を具体的なラベルに置き換えます。条件は、その条件がかかる数値の隣に置きます。複雑な説明は、概念が実際に切り替わる場所で区切ります。
短くすることと、役立つ情報を削ることを混同しないでください。「US$29」は「月額US$29、年払い」より短いですが、意味も異なります。よい編集は、必要な情報を含む文全体を読みやすくします。レイアウトを難しくする部分を単に削ることではありません。
内容が変わったら、シーンの安定して読める区間を再検討します。価格の変更、翻訳した用語、追加の条件、グラフラベルの修正は、レイヤーが同じ枠に収まっていても、必要な作業を変える可能性があります。タイミングは最終的なメッセージに属する性質であり、テンプレートに付けて使い回す装飾ではありません。
目指す結果は明快です。初めて見る人が、動画が次へ進む前に、情報に気付き、読み、シーンと結び付け、意図した要点を覚えられることです。画面内テキストの表示時間は、ほかの人のタイムラインから借りた数字ではなく、目的を持つデザイン上の判断になります。