最近紅辣椒樂隊(duì)( The Red Hot Chili Peppers )推出了新單曲 Look Around ，讓作為交互設(shè)計(jì)師的我愛上加愛的是他們給這支單曲制作了交互版的 MV !這個(gè)交互式視頻在演藝界和科技界都引起了不小反響，相信未來(lái)有更多的藝人會(huì)采用互動(dòng)視頻的方法來(lái)提升歌迷的參與度!
觀看地址： http://redhotchilipeppers.com/videos/47-look-around-interactive
拖動(dòng)鼠標(biāo)，可以選擇觀看 4 個(gè)樂隊(duì)成員在不同場(chǎng)景里的表演，通過點(diǎn)擊房間里的家具，還能觀看樂隊(duì)成員拍攝 MV 時(shí)的現(xiàn)場(chǎng)照片。據(jù)說(shuō)有歌迷為了看到 4 個(gè)人的完整表演和所有圖集，前后看了 6 遍……
其實(shí)，交互式視頻概念的出現(xiàn)已經(jīng)有些年頭了，但是交互的方式各不相同。不斷創(chuàng)新的交互體驗(yàn)完美迎合了大眾對(duì)新鮮感的貪婪追求，對(duì)于這樣一個(gè)活力四射的交互媒介，有必要對(duì)其研究一下。
1. 何為交互式視頻?
交互式視頻，是指通過各種技術(shù)手段，將交互體驗(yàn)融入到線性的視頻的新型視頻。它的風(fēng)靡起源于 2005 年，隨著當(dāng)時(shí)寬帶接入速度的提升和多媒體播放技術(shù)的成熟(主要是 flash )，交互式視頻越來(lái)越多。最初主要是由廣告商贊助的廣告視頻，借用各種新奇的交互方式來(lái)吸引人們點(diǎn)擊觀看，增加產(chǎn)品的曝光度，可以認(rèn)為是病毒營(yíng)銷一種。發(fā)展到如今，已經(jīng)誕生了各種專門設(shè)計(jì)制作交互式視頻的公司，甚至個(gè)人也可以很方便的在 YouTube 上制作交互式視頻。
2. 交互式視頻的種類
交互式視頻可以大致分為 3 類：
第一類：可定制式
這一類的互動(dòng)視頻(指交互式視頻，下同)允許用戶在觀看時(shí)調(diào)整一些視頻的變量元素，但是視頻本身仍然是線性的，這使得每個(gè)人看到的視頻都一樣，又都不一樣。開頭所提到的 Look Around 交互版 MV 就是這一類的代表(音樂視頻不會(huì)隨著用戶點(diǎn)擊而改變段落，它一直播放著，只是每個(gè)人看到的房間不同)。最基礎(chǔ)的體驗(yàn)是在視頻觀看時(shí)，鼠標(biāo)移到某物件上能顯示該物件信息的 tag ，這招最常見的就是被用作服裝導(dǎo)購(gòu)。
第二類：會(huì)話式
指用戶可以類似會(huì)話的方式直接參與改變視頻的順序甚至結(jié)果，視頻可以不再是線性的了，視頻的設(shè)計(jì)者準(zhǔn)備好多個(gè)結(jié)局和段落，讓觀看者自行選擇。舉個(gè)例子，假設(shè) Windows 是一段視頻，那它就是會(huì)話式的，我們與 Windows 的交互都是通過會(huì)話窗口進(jìn)行的。
第三類：探索式
顧名思義，探索式的互動(dòng)視頻一般只提供很少提示(甚至不提示)，讓用戶在視頻中自行摸索可交互的點(diǎn)和交互方式。這類視頻一般會(huì)采用現(xiàn)實(shí)生活中的場(chǎng)景(讓人更容易產(chǎn)生代入感)，在用戶操作前，會(huì)一直循環(huán)播放場(chǎng)景，直到用戶發(fā)現(xiàn)了交互點(diǎn)，才會(huì)繼續(xù)。
3. 交互式視頻的實(shí)現(xiàn)工具與案例
工具 1 ： YouTube
YouTube 上已經(jīng)誕生了不少商業(yè)的與非商業(yè)的交互式視頻，基本都屬于會(huì)話式交互。得益于 YouTube 強(qiáng)大的在線視頻編輯功能，設(shè)計(jì)者可以在視頻中加入帶有超鏈接的注釋，在視頻的播放過程中，先根據(jù)劇情內(nèi)容設(shè)計(jì)好注釋出現(xiàn)的時(shí)間，再在觀看者選擇時(shí)鏈接到相應(yīng)的視頻，就大功告成了，非常簡(jiǎn)單，效果可以很贊。
(關(guān)于注釋的操作： http://www.youtube.com/t/annotations_about )
一個(gè)利用注釋制作交互式視屏的案例：http://www.youtube.com/watch?v=m3MT59zc6Ms，實(shí)則是心理咨詢中心的廣告
工具 2 ： Flash
Flash 相信大家都很熟悉， Flash 視頻嵌入技術(shù)據(jù)說(shuō)在 HTML5 淫威下已經(jīng)日漸沒落了，但是所謂“瘦死的駱駝比馬大”， Flash 在交互式視頻方面幾乎占據(jù)了 100% 的市場(chǎng)份額，這歸功于它極強(qiáng)的拓展性，多平臺(tái)的兼容性，制作的簡(jiǎn)易和靈活性。( YouTube 的視頻編輯器使用的也是 FLash技術(shù) )
這里向大家推薦的是宅男(目測(cè))設(shè)計(jì)師 Olivier Otten 設(shè)計(jì)的多達(dá) 22 個(gè) Flash 交互式視頻片段。全部都是探索性互動(dòng)視頻，很有樂趣。也許糅合其中幾個(gè)點(diǎn)子，就能制作出一段完整的交互式視頻了。
http://www.selfcontrolfreak.com/
工具 3 ： Creative coding
軟件工程師可以拯救世界，這句話不是隨便說(shuō)說(shuō)的。萬(wàn)能的 Coding 能實(shí)現(xiàn)各種令人意想不到的互動(dòng)效果。最近工程師 PetrosVrellis 用 openFrameworks (一種開源的 C++Toolkit )實(shí)現(xiàn)了一段互動(dòng)版的梵高名作《星空》( Starry Night )，效果很震驚，令我五體投地。視頻中的演示是在觸摸屏幕上運(yùn)行的，很期待最終能它能以 App 的形式出現(xiàn)供大家欣賞把玩。
觀賞地址： http://v.youku.com/v_show/id_XMzUxMzcxMDc2.html
關(guān)于這段技術(shù)的實(shí)現(xiàn)， Petros介紹到 ： “我開發(fā)了一個(gè)能生成“流動(dòng)”效果的算法，約有 8 萬(wàn)個(gè)點(diǎn)能隨之運(yùn)動(dòng)速度場(chǎng)不是由電腦自動(dòng)生成的，我不得不手動(dòng)設(shè)置，要做到恰到好處非常困難…我在 1920 × 1080 的分辨率下獲得了每秒 30 幀的畫面，用的是 intel i5-2500K 的 CPU 以及 geforce GTX560 的顯卡多點(diǎn)觸控跟蹤借助了 ofxKinect 和 ofxOpenCV 背景音樂花了很多心血，也有不少的運(yùn)氣成分” (翻譯 by36 氪)
工具 4 ：混合式
混合式也就是將以上所有提到的方法和類型自由組合進(jìn)行創(chuàng)作的方法了，這常常能獲得 1+1>2 的效果。
YouTube 上非常有名的一段廣告“獵人與熊”( A hunter ___a bear )就是采用了定制式結(jié)合會(huì)話式， YouTube 注釋再加 Flash 動(dòng)畫的手法。
推薦閱讀
今天給大家聊下CN域名首先說(shuō)下為什么愛CN域名 其一在這里也有點(diǎn)個(gè)人情懷吧，畢竟是國(guó)人用本國(guó)域名也是情理之中在這個(gè)點(diǎn)上還是有點(diǎn)偏向CN這也是一個(gè)小小愛國(guó)的表現(xiàn)吧，哈哈。 其二就是CN域名的資源豐富在COM這個(gè)王國(guó)里>>>詳細(xì)閱讀
本文標(biāo)題：<b>用戶體驗(yàn)分析：淺談交互式視頻設(shè)計(jì)</b>
地址：http://www.sh-jijian.com/a/22/20120705/73531.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示