Vimeoでのインタラクティブ動画クイズ作成方法

では、インタラクティブ動画の基本と事例を学んだところで、いよいよVimeoで自分だけのインタラクティブ動画クイズを作ってみましょう。ここでは、研修やオンボーディングをより没入感のある体験にするための方法を順を追って説明します。

動画コンテンツとクイズの準備

開始前に次のものが必要になります：

インタラクティブ化する準備ができている既存の動画または新しくアップロードされた動画
視聴者に出題する質問と回答のリスト

オーバーレイに表示されるホットスポットやクリック可能な要素（図形、画像、ボタン）をクイズの回答に設定できます。

ホットスポットとアクションを追加

動画にクイズを追加するには、まずクイズを表示したいタイミングを動画内から選び、ホットスポットを作成します。

動画の中で、ホットスポットを追加する対象（人物、物体、エリア）を決めます。
画面右上のホットスポットセクションにある「(＋)」アイコンをクリックし、用意されたデザインを選択するか、自分で新たにデザインして、ホットスポットを作成します。
グリッドを調整して、ホットスポットのクリック可能範囲を設定します。クイズでインタラクティブにしたい対象に合わせて、ホットスポットのデザイン位置を必ず調整してください。

次に、ホットスポットにアクションを設定します。アクションは、質問への回答が完了したことを視聴者に知らせる役割を持ちます。ホットスポットに設定できるアクションは以下の通りです。

オーバーレイを開いて、回答が正解か不正解かを視聴者に知らせる
回答結果が表示される動画内の場面にジャンプする
カスタムペイロードを送信して、ウェブページで別のアクションを実行したり、回答を記録して視聴者に知らせる

どのアクションが適切かを決めたら、その質問用ホットスポットを有効にします。

ホットスポットをリンクして多肢選択式の質問を作成

質問に複数の回答や結果を含めたい場合、複数のホットスポットをリンクさせることで、回答の選択肢やそれぞれに対応したリアクションを持たせた、より動きのあるクイズにできます。

複数のホットスポットをリンクすると、視聴者のクリック率やエンゲージメントの計測にも役立ちます。

Vimeoでホットスポットをリンクするには、質問管理画面に進み、質問を新規作成または編集して、その質問をホットスポットにリンクします。これにより、そのホットスポットのクリックや回答結果が、クイズの統計データに記録されます。
質問をホットスポットにリンクしたら、回答の内容、得点、正解かどうかを入力します。
「追加」をクリックして設定を保存します。

プロのアドバイス：テンプレートピッカーから多彩なクイズ用ホットスポット画像を選んで使うか、自分で作成することもできます。

インタラクティブなオーバーレイ付きのホットスポットを作成する

インタラクティブ動画でオーバーレイを使用して質問を提示できます。回答は、ボタン、図形、画像など、オーバーレイ内のクリック可能な要素になります。

まず、ホットスポットまたはタイムトリガーを作成します。
「アクション」ドロップダウンメニューで、「オーバーレイを開く」を選択します。
「オーバーレイを作成」をクリックして、オーバーレイエディターを開きます。
次に、右側のメニューを下にスクロールし、「クイズの質問への回答です」を選択してメニューを展開します。
質問管理画面をクリックして質問を追加するか、以前に作成した質問を選択します。
質問を選択すると、回答名、回答に割り当てる値（例：10ポイント）、正解か不正解かを入力する画面が表示されます。
オーバーレイ上のすべての回答選択肢について、この設定を繰り返し、必ず1つを正解として選んでください。そうすることで、クイズの結果を正しく計測できます。

動画内の特定の時点にジャンプして結果を表示

クイズの回答結果を動画内で見せることで、視聴者が質問をより理解しやすくなることがあります。

そのためには、ホットスポットの設定パネルで「動画内の時点に移動」を選択するか、タイムライン上でフローラインの末端をドラッグして、目的のフレームに合わせます。

クイズ結果パネルで結果を確認する

クイズは得点制にすることで効果を発揮します。インタラクティブ動画で社員研修を行うなら、動画の最後に最終スコアを表示し、視聴者が自分のパフォーマンスを確認できるようにしましょう。

Vimeo動画の最後に結果パネルを表示するには、タイムトリガーオーバーレイを作成します。

インタラクティブエディターを開き、タイムラインで動画の終盤まで移動します。
タイムトリガーを作成し、アクションで「オーバーレイを開く」を選択してから「オーバーレイを作成」をクリックします。
オーバーレイエディターで、必要に応じて結果パネルをデザインします。

左側のメニューから「結果」を選択し、クイズ結果をオーバーレイに追加します。

ボーナス：Vimeoで効果的な動画クイズを作るための3つのヒント

動画クイズを作成するときは、次の3つのポイントを意識しましょう。

1. 実践的で思考を促す場面を考える

動画の内容と直結し、現実に起こり得るシチュエーションを提示することで、クイズが単なる知識確認ではなく、実践的な思考トレーニングになります。これによって学んだ内容が定着しやすくなり、実務にも応用しやすくなります。

例えば「職場での対立解消」をテーマにした動画なら、緊張感のある職場シーンを見せ、複数の対応策から選ばせることで、実際の判断力を鍛えることができます。

2. 選択肢はできるだけ3つに絞る

選択肢を3つに絞ることでクイズがシンプルになり、情報過多になるのを防げます。選択肢が多すぎると判断力や集中力の低下につながるため、あえて数を限定することで内容の理解を深めやすくしましょう。

3. ストーリー全体に沿ったフィードバックを提供する

各質問後のフィードバックは、動画全体のストーリーに自然に組み込まれるようにしましょう。これにより、学習体験がより魅力的で共感を得やすくなり、知識の定着度も高まります。正解か不正解かを伝えるだけでなく、その理由や背景を説明することが大切です。

例えば回答が誤っていた場合も、なぜ間違いなのかを説明されれば、失敗が学びの一部となります。間違いを活かして、さらに内容への理解を深めることができるのです。

インタラクティブ動画で社員研修を改善

インタラクティブ動画を活用すれば、社員にとって有意義で惹きつけられる学習体験を提供できます。研修の効果を高め、チーム全体の成長につなげる方法を探りましょう。

インタラクティブなトレーニング動画についてさらに詳しく

動画をVimeoプレーヤーで公開する前に、トリミングツール、ファイル結合機能、圧縮ツール、アニメーションGIF作成ツールなどの機能をぜひお試しください。

Bianca Galvez

Live from SXSW: Blueprints for better stories