ユーザーエクスペリエンス分析: インタラクティブビデオデザインに関する簡単な説明

レッド・ホット・チリ・ペッパーズは最近、ニューシングル「Look Around」をリリースしました。インタラクティブデザイナーとして、このシングルのミュージックビデオのインタラクティブバージョンが制作されたことがさらに気に入っています。このインタラクティブビデオは、エンターテイメント界とテクノロジー界の両方で大きな話題を呼んでいます。今後、より多くのアーティストがインタラクティブビデオを使用してファンエンゲージメントを高めるようになると思います。

視聴リンク: http://redhotchilipeppers.com/videos/47-look-around-interactive

マウスをドラッグすることで、4人のバンドメンバーのパフォーマンスをさまざまなシーンで視聴できます。部屋の家具をクリックすると、バンドメンバーがMVを撮影した現場の写真も視聴できます。 4人の歌手のパフォーマンスと写真集をすべて見るために、ショーを6回も観たファンもいたと言われています...

実際、インタラクティブ ビデオの概念は以前から存在していましたが、インタラクションの方法は異なっていました。常に革新を続けるインタラクティブ体験は、人々の貪欲な新しさの追求に完璧に応えます。このようなダイナミックなインタラクティブメディアを研究する必要があります。

1. インタラクティブビデオとは何ですか?

インタラクティブ ビデオとは、さまざまな技術的手段を通じてインタラクティブな体験をリニア ビデオに統合する新しいタイプのビデオを指します。その人気は、ブロードバンド アクセスの速度が向上し、マルチメディア再生テクノロジ (主にフラッシュ) が成熟し、インタラクティブ ビデオがますます一般的になった 2005 年に始まりました。当初は主に広告主がスポンサーとなった広告動画で、さまざまな斬新なインタラクティブ手法を使って人々のクリックや視聴を促し、商品の露出を高めていたため、一種のバイラルマーケティングとみなすことができました。現在では、インタラクティブ動画の設計・制作を専門とする企業が数多く存在し、個人でも簡単に YouTube でインタラクティブ動画を制作できるようになりました。

2. インタラクティブビデオの種類

インタラクティブ ビデオは、大きく 3 つのカテゴリに分けられます。

カテゴリー1: カスタマイズ可能

このタイプのインタラクティブ ビデオ (インタラクティブ ビデオとも呼ばれ、以下同様) では、ユーザーは視聴中にビデオの可変要素を調整できますが、ビデオ自体は線形のままであるため、すべてのユーザーが同じでありながら異なるビデオを見ることになります。冒頭で触れたLook AroundインタラクティブMVは、このカテゴリーの代表例です（ミュージックビデオは、ユーザーがクリックしてもセクションが変わることはなく、再生され続けますが、人によって見える部屋は異なります）。最も基本的な体験は、動画を見ているときにマウスをオブジェクトの上に移動すると、そのオブジェクトの情報のタグが表示されるというものです。この方法は、衣料品のショッピングガイドとして最もよく使用されます。

カテゴリー2: 会話

これは、ユーザーが会話のようにビデオの順序や結末の変更に直接参加できることを意味します。ビデオはもはや直線的ではなく、ビデオデザイナーは視聴者が選択できるように複数のエンディングと段落を用意できます。たとえば、Windows がビデオである場合、それは会話型であり、Windows とのやり取りは会話ウィンドウを通じて行われます。

カテゴリー3: 探索的

名前が示すように、探索型インタラクティブ ビデオでは通常、プロンプトがいくつか提供されるだけ (またはプロンプトがまったく提供されない場合もあります) で、ユーザーはビデオ内のインタラクティブなポイントや方法を自分で探索できます。このタイプのビデオでは、一般的に実際のシーンが使用されます (人々が関与していると感じやすくなるため)。ユーザーが何らかのアクションを起こす前に、ユーザーがインタラクション ポイントを見つけるまで、シーンがループ再生されます。

3. インタラクティブビデオの実装ツールと事例

ツール1: YouTube

YouTube にはすでに多くの商用および非商用のインタラクティブ ビデオが存在し、そのほとんどは会話形式のインタラクションです。 YouTube の強力なオンライン ビデオ編集機能のおかげで、デザイナーはビデオにハイパーリンク付きの注釈を追加できます。ビデオの再生中に、プロットの内容に応じて注釈が表示される時間を最初に設計し、視聴者が選択したときに対応するビデオにリンクします。それだけです。非常に簡単で、効果は大きいです。

（注釈について：http://www.youtube.com/t/annotations_about）

注釈を使用してインタラクティブなビデオを作成する例: http://www.youtube.com/watch?v=m3MT59zc6Ms、これは実際には心理カウンセリング センターの広告です。

ツール2: フラッシュ

皆さんは Flash をよくご存知だと思います。Flash 動画埋め込み技術は HTML5 では衰退していると言われていますが、「痩せたラクダは馬よりも大きい」ということわざがあるように、Flash は、その優れた拡張性、マルチプラットフォーム互換性、制作のシンプルさと柔軟性により、インタラクティブ動画の市場シェアをほぼ 100% 占めています。 （YouTubeの動画エディタもFlash技術を使用しています）

ここで私がお勧めするのは、オタク（視覚的推定）デザイナーの Olivier Otten がデザインした 22 個もの Flash インタラクティブ ビデオ クリップです。それらはすべて探索的なインタラクティブ ビデオであり、楽しいです。これらのアイデアをいくつか組み合わせることで、完全なインタラクティブ ビデオを作成できる可能性があります。

http://www.selfcontrolfreak.com/

ツール3: クリエイティブコーディング

ソフトウェアエンジニアは世界を救うことができます。これは軽々しく言った言葉ではありません。多用途のコーディングにより、あらゆる種類の予期しないインタラクティブな効果を実現できます。最近、エンジニアの Petros Vrellis 氏が openFrameworks (オープンソースの C++ ツールキット) を使用して、ゴッホの傑作「星月夜」のインタラクティブ バージョンを実現しました。その効果は衝撃的で、感心しました。ビデオのデモはタッチスクリーンで実行され、最終的には誰もが楽しんで遊べるアプリの形で登場するのを楽しみにしています。

視聴リンク: http://v.youku.com/v_show/id_XMzUxMzcxMDc2.html

この技術の実現について、ペトロス氏は次のように紹介した。「私は『フロー』効果を生成できるアルゴリズムを開発しました。約 8 万個のポイントがそれに合わせて動きます。速度フィールドはコンピューターによって自動的に生成されるのではなく、手動で設定する必要があり、ちょうどよい値にするのは非常に困難です... Intel i5-2500K CPU と GeForce GTX560 グラフィック カードを使用して、1920 × 1080 の解像度で 1 秒あたり 30 フレームを実現しました。マルチタッチ トラッキングは ofxKinect と ofxOpenCV の助けを借りて行われます。バックグラウンド ミュージックには多大な労力がかかり、運も大きく影響しました。」 (翻訳: 36氪)

ツール4: ハイブリッド

ハイブリッド方式は、上記のすべての方法とタイプを自由に組み合わせて作成し、多くの場合、1+1>2の効果を実現します。

「ハンターが熊を狩る」という非常に有名な YouTube 広告では、カスタマイズと会話スタイル、YouTube の注釈、Flash アニメーションが組み合わされています。

http://www.youtube.com/watch?v=4ba1BqJ4S2M

さらにハイテクな 360° パノラマ インタラクティブ ビデオもあり、ストリート ビュー マップのビデオ版に似ています。これを見ると、まるでダンブルドアの憂いの篩に落ちたような気分になりますよね?

体験アドレス: http://im360.immersivemedia.com/watch/im360/

ウェブサイトでは、アプリの iOS バージョンも作成されています。ダウンロードして体験するには、次のアドレスにアクセスしてください: http://itunes.apple.com/us/app/nimmo-bay-360/id476439088?mt=8

4. インタラクティブ動画の収益性

記事の冒頭で述べたように、最も初期のインタラクティブ ビデオは広告の創造性から生まれたため、商業市場での応用の見通しは当然ながら非常に有望です。ユーザーはこのようなインタラクティブな体験に非常に興味を持っていることが証明されており、投資家は低コストで高い収益を達成できる場合が多くあります。従来のメディアと比較すると、視聴者を顧客に変えるのが簡単です。

米国では、インタラクティブ ビデオの制作を専門とする企業が数多く登場しています。ここでは、その企業を参考までに紹介します。これらの企業の顧客には、有名なテレビ局、フォーチュン 500 企業、高級ブランド企業などが多数含まれています。

動画

http://www.clikthrough.com/

http://www.wirewax.com/

よく知られているさまざまな理由により、国内のオンラインビデオ業界はまだそれほど発展したレベルに達していません。しかし、インターネットの発展の経験に基づいて、中国市場におけるインタラクティブビデオ制作の需要は徐々に増加しており、私たちは各分野のクリエイティブワーカー、デザイナー、エンジニアの努力に期待しています。

（この記事はTencent CDC Blogからの引用です。転載の際は出典を明記してください）

原題: ユーザーエクスペリエンス分析: インタラクティブビデオデザインに関する簡単な説明

キーワード: ユーザー、エクスペリエンス スコア、簡単なディスカッション、インタラクティブ、ビジュアル、Red Hot Peppers、The Red、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化