読んで行動できるエンドカードをデザインする方法

動画で有用な結果を実演した後、その結果が消え、回転するロゴが現れ、五つの依頼が一緒に届きます。サイトへ行く、登録する、製品を試す、次の動画を見る、ブランドをフォローする。終わりは忙しくても、視聴者の判断を助けることは、やめてしまっています。

動画のエンドカードは、見ることから行動することへの移行を作ります。成功には、見た目の洗練以上のものが必要です。次のステップは、直前に学んだことからつながり、考えられるだけ長く読め、配信先に実在する操作に対応するべきです。

「Try it」と書いたレンダリング済みの長方形は画像です。製品を開くプレーヤーのボタンは、操作です。エンドカードはエンコードした映像の一部であり、操作できる終了画面はプレーヤーが提供します。効果的な終わりは、同じものだと思い込まず、これらのレイヤーを連動させます。

動画の結果から、次のステップを選ぶ

動画が、どの依頼をするだけの根拠を作ったかから始めます。レポートの書き出し方を示すチュートリアルなら、関連する設定ガイドや次のレッスンを提示できます。短い販促動画なら、製品概要へ招けるかもしれません。詳しい実演で、何を試すかを理解するだけ見てもらえたなら、試用への案内も支えられます。

依頼は、伝えた内容に見合うべきです。製品をかろうじて特定するだけの15秒のティーザーでは、面談を予約するための有用な根拠がないかもしれません。会話の有用性が分かるだけの文脈をすでに持つ視聴者には、面談の依頼が機能しやすくなります。

主要な行動を一つ、具体的な動詞の句で書きます。「設定の全手順を見る」なら、次が何かを伝えます。「もっと知る」も文脈によっては使えますが、行き先の情報は少なくなります。依頼を理解する前に、スローガンとボタンを解読させないでください。

特に教育シリーズなら、補助的な選択肢も置けます。優先順位は明確にします。おすすめの次のレッスンや控えめな再生し直しの操作が、主な製品への行動と対等に競う必要はありません。

エンドカードとYouTubeの終了画面を区別する

YouTubeの終了画面は、対象となる動画の最後の5〜20秒に表示され、動画自体は25秒以上必要です。したがって15秒の製品動画には、ページ上のリンクや掲載枠で対応する行動など、別の経路が必要です。YouTube：動画への終了画面の追加

Vimeoの説明では、インタラクティブ機能の設定で終了画面を選びます。選択肢には、背景画像の違いだけでなく、異なる挙動が含まれます。ここから重要な違いが見えます。終わりは、おすすめを示す、行動を促す、ループする、空のままにする、という選択ができます。Vimeo：動画の終了画面を変更する

操作できる要素を前提に設計する前に、実際の配信先とアカウントで提供できるかを確かめます。できなければ、適切な見えるURLか、分かりやすいページ上のリンクを使います。動画が受け取れないクリックを誘う、模造ボタンを残してはいけません。

行動する理由を見えるままにする

エンドカードは、決断を求めるまさにその瞬間に、製品の証拠を消すことがよくあります。視聴者に見えるのは、製品が役立つと思った結果ではなく、汎用のブランドレイアウトです。その結果の一部を、最後の構図へ残すことを検討します。

架空のレポートの予定配信動画なら、最終状態を見せたまま、隣に「週次サマリーを設定する」と出せます。実演した結果と、行動が直接つながります。ロゴも置けますが、有用な情報を置き換える必要はありません。

この連続性は、短い動画で特に有用です。実演と行動喚起の間に、ほとんど時間がない場合があります。完全に新しい視覚環境を作り直すと、次のステップの理解に使うべき注意を消費するかもしれません。

装飾としてだけ、製品のスクリーンショットを残さないでください。意味のある状態を読めるままにします。小さすぎて確認できなければ、より近く切り取るか、結果を本当に表す、単純な要素を残します。

実際に読める区間を確保する

エンドカードの表示時間は、トランジションが始まったときではなく、情報を利用できるようになったときから数えます。組み上がるまで1秒かかる見出しと、最後の0.5秒に現れるURLでは、シーンの長さから想像するより、読む時間が短くなります。

主要な行動、移動先、必要な条件がすべて読める瞬間を特定します。次に、再生が終わる、ループする、別のUIが重なる時点を特定します。その間こそ、視聴者が依頼を理解するために実際に持つ区間です。

短く見慣れた行動は、URL、割引条件、複数レッスンからの選択ほど時間が要らないかもしれません。すべての最後のシーンに、固定の長さを当てはめないでください。意図する表示サイズで、実際の情報を確認します。

短すぎると感じたら、動画を延ばす前に、処理すべき量を減らします。重複するスローガン、二重のロゴ、補助的な依頼を取り除きます。内容に必要なら長いホールドは有効ですが、優先順位を選べない終わりを治すものではありません。

最後の一枚だけでなく、最後の20秒を設計する

プレーヤーの終了画面要素は、まだ重要な内容がある間に出る場合があります。最後の実演が同じ領域を占めると、重ね表示が核心の結果を覆います。YouTube自身の指針も、編集時に、それらの要素のための空間と時間を残すよう求めています。

終わりの領域を、流れの一部として計画します。製品の結果が落ち着き、構図が余地を作り、意図して空いた場所に、操作できるおすすめが現れます。すでに完成したフレームの上へ重ねるより、一体化して感じられます。

すべての状況で、重ね表示の見た目が正確に保証されるとは考えないでください。機器や視聴者の状態によって、プラットフォームの挙動は変わることがあります。任意の終了画面要素が出なくても、最後のメッセージの筋を保ちます。

URLが必要なら、読めるものにする

見せるURLは、認識できるだけ短く、覚える意味があるだけ関連性を持たせます。パラメーターが複数ある長い計測リンクは、配信上の詳細であり、画面上の有用な文言ではありません。ブランドが人に分かりやすい適切な移動先を持つなら、それを使います。

アドレスを一文字ずつ確認します。紛らわしい字形では、技術的に正しいURLも再入力しにくくなります。可能ならドメインとパスを一緒に保ち、移動先が二つの別情報に見える改行を避けます。

一つの機器で見て、別の機器で行動する場合には、QRコードが適切なこともあります。すでに、そのコードを読むために必要なスマートフォンで見ているなら、役立ちにくくなります。一般的な操作可能性の印として加えず、想定する状況で試します。

クリックできるリンクが動画の外にあるなら、文言を本当の位置に合わせます。「下のリンクを使う」は、本当に下にリンクがある場合にだけ正確です。再利用する書き出しでは、フィード、メール、全画面の発表で、指示を変える必要があるかもしれません。

ブランドには補助的な役割を与える

元のページを離れて動画が流通する場合は特に、ブランドの認識が重要です。しかしロゴが、最大の文字や最大の動きで、主要な行動と競う必要はありません。次のステップを主役にしたまま、誰の動画かを示せます。

承認されたマークを、正しい比率とコントラストで使います。隅に収めるために、気軽に描き直さないでください。歪んだ、あるいは即席のマークは、ほかの制作に見える丁寧さを損なう場合があります。

文字の階層は、一目で理解できる程度の数に抑えます。行動が先頭、補助的な文脈が次、移動先は読めるままです。短いブランドの小見出しやロゴは、四つ目の見出しを作らず、配置のよりどころになります。

動きは、その階層の登場を支えるべきです。各行が別方向から入ると、最後の数秒を、動きを追うために使わせます。控えめなトランジションの後に安定した構図を置く方が、終わりに確かさを与えることがよくあります。

再生し直しとループを考慮する

ループする販促動画と、一度見るチュートリアルでは、終わりが異なります。最後のフレームが、そのまま冒頭へ戻るかもしれません。行動喚起が劇的な再開へ一瞬で消えると、役立つ反復ではなく、中断として感じられる場合があります。

最後の構図から、どう戻るかを考えます。共通の背景、安定したオブジェクト、意図した停止で、自然に戻せます。技術的に継ぎ目のないループを実現するために、行動の読みやすさを犠牲にしないでください。

ホスト型プレーヤーには、デザインしたエンドカードとは別に、再生し直す操作がある場合があります。Wistiaは、行動喚起がプレーヤーに属し、ダウンロードした動画ファイルには含まれないと説明しています。動画を置く各配信先で、行動を設定してください。Wistia：行動喚起

単独の書き出しでは、最後のフレームの後に何が起きるかを決めます。発表、Web埋め込み、広告では、保持や置き換えの仕方が異なるかもしれません。ファイルの最後のフレームは意図して作るべきですが、周囲の仕組みも期待どおりに動く必要があります。

実践的なエンドカードの修正

依頼が承認される架空の動画を考えます。既存のエンドカードには「Work Better Together」、三つのソーシャルアイコン、製品URL、「Book a Demo」ボタン、登録の案内があります。どの行動が最重要かは分かりません。

まず、意図する次のステップを選びます。ヘルプ記事に置く動画なら、営業との面談より「承認の設定を学ぶ」の方が関連するかもしれません。直前のシーンへの視覚的なつながりとして、承認済みの依頼状態を残します。この終わりから、無関係なソーシャルへの案内は外します。

次に、実際のプレーヤーが空ける場所に、行動と移動先を置きます。ページ上のボタンでガイドを開くなら、ラベルを動画の依頼と合わせます。操作できるプレーヤー要素で開くなら、競合する別の模造ボタンを作らず、その要素をプレビューします。

最後に、安定した区間を確認します。行動、結果、移動先を、理解できるだけ長く、一緒に見せるべきです。正確な時間は情報によりますが、理由は明快です。見たものと、次にできることを結び付ける時間が必要なのです。

見た目だけでなく、行動を試す

実際のプレーヤーで、最終書き出しを見ます。操作部品を表示したまま、最後のシーンを確認します。リンクや終了画面要素を作動させ、期待する言語と文脈で、意図する移動先が開くかを検証します。

見た後で何をするつもりかを尋ねます。補助的な行動を答えるなら、優先順位が不明確かもしれません。依頼は理解できても、操作の場所が分からないなら、文言ではなく配信の問題です。

分析データがあるなら、最後まで到達することと、行動をクリックすることを区別します。クリック率が低い原因は複数あります。到達者が少ない、行動が無関係、移動先が不明確、操作を見つけにくい。数値だけでは、デザイン上の欠陥を特定できません。

小さな修正で、ありそうな原因を試します。行動、レイアウト、長さ、移動先を同時に変えると、結果はよくなるかもしれませんが、理由について学べることは少なくなります。意味ある比較にはアクセスが少なすぎる場合、定性的な観察が特に役立ちます。

条件を行動の隣に置く

料金や特典を案内する終わりには、対象条件、請求期間、締め切りが必要な場合があります。主要な依頼と一緒に理解できる場所に置きます。エンドカードの前だけに出る条件では、特に動画が切り出されたり、ループの途中から見られたりすると、最後の案内が誤解される余地が残ります。

条件を、装飾的な質感になるほど小さくしてはいけません。読める形で収まらないなら、周囲のブランド表現を単純にするか、依頼を変えます。重要な制限に気付きにくくしたからではなく、条件が明確だからこそ、行動が魅力的であるべきです。

最後の構図にも料金の全条件を残す

架空の年間プランの例は、月額US$29と年額US$348の一括請求という、コンパクトな情報の組を示します。大きく示した数値が注意を引き、小さな行が支払いを説明します。この料金を見せ続ける最後の案内には、両方が必要です。

この構図をエンドカードにするときは、別のスローガンを足す前に、次のステップの領域を確保します。金額、期間、年額請求を一緒に保ちます。そのまとまりの横か下に行動を置き、直前に読んだ条件と案内を結び付けられるようにします。

行動が遅れて入るなら、登場中も料金の全説明を残します。ボタンの場所を作るため年払いの行を消すと、有利な数値だけが残り、条件がなくなります。トランジションを落ち着かせたり、ブランドの演出を小さくしたりすれば、料金を変えずに場所を作れます。

案内は、移動先にも合わせます。次のページがプランの選択肢を説明するなら、「プランを見る」は「無料トライアルを始める」とは異なる約束です。実際の移動先が支える行動を使います。価格の図は判断の準備をさせるべきで、クリック後に消える選択肢を暗示するべきではありません。

最後の構図を、一つの読む作業として確認します。何が提供され、どんな支払いが必要で、次にどこへ行けるのか。混み合ったフレームの別々の場所へ三度、視線を移す必要があるなら、関連する情報を近づけ、最も役立たない競合要素を取り除きます。

変換後の終わりを確認する

配信先は、ファイルを再圧縮し、小さな文字をぼかす場合があります。きれいなローカル書き出しだけに頼らず、特にURLと条件について、処理後の版を確認します。主要な見出しが強いままでも、細かな字形や繊細な枠線は、明確さを失うことがあります。

処理後が読みにくいなら、重要な情報を大きくし、構図を単純にします。同じ混み合ったフレームを高いビットレートで書き出しても、表示サイズの問題は解決しないかもしれません。視聴者に届くのはプレーヤーが配る版なので、その版こそ、意味のある最終確認です。

判断を促して終える

エンドカードは、一つの考えを閉じ、妥当な次の考えを開くべきです。製品の試用、次のレッスン、有用な資料、単なる説明の再生し直しかもしれません。すべての動画を、可能な限り大きな商業的な依頼で終える必要はありません。

証拠、行動、タイミング、操作をそろえます。一致すれば、見た目の洗練にも、支えるべき確かな中身が生まれます。視聴者は、何を学んだかを認識し、次のステップの関連性を理解し、終わりを解読することなく行動できます。