用户体验分析:浅谈交互式视频设计

  最近红辣椒乐队( The Red Hot Chili Peppers )推出了新单曲 Look Around ,让作为交互设计师的我爱上加爱的是他们给这支单曲制作了交互版的 MV !这个交互式视频在演艺界和科技界都引起了不小反响,信任未来有更多的艺人会采纳互动视频的法子来提升歌迷的参与度!

  观看地址: http://redhotchilipeppers.com/videos/47-look-around-interactive

  

 

  拖动鼠标,可以选择观看 4 个乐队成员在不同场景里的表演,通过点击房间里的家具,还能观看乐队成员拍摄 MV 时的现场照片。据说有歌迷为了看到 4 个人的完整表演和所有图集,前后看了 6 遍……

  其实,交互式视频概念的出现已经有些年头了,但是交互的法子各不雷同。不断创新的交互体验完善投合了大众对新鲜感的贪婪寻求,对于这样一个生机四射的交互媒介,有必要对其钻研一下。

  1. 何为交互式视频?

  交互式视频,是指通过各种技巧手法,将交互体验融入到线性的视频的新型视频。它的风靡滥觞于 2005 年,随着当时宽带接入速度的提升和多媒体播放技巧的成熟(首要是 flash ),交互式视频越来越多。最初首要是由广告商援助的广告视频,借用各种新奇的交互法子来吸引人们点击观看,增加产品的曝光度,可以觉得是病毒营销一种。发展到如今,已经出身了各种专门设计制作交互式视频的公司,甚至个人也可以很方便的在 YouTube 上制作交互式视频。

  2. 交互式视频的种类

  交互式视频可以大致分为 3 类:

  第一类:可定制式

  这一类的互动视频(指交互式视频,下同)容许用户在观看时调剂一些视频的变量元素,但是视频本身仍然是线性的,这使得每个人看到的视频都一样,又都不一样。开头所提到的 Look Around 交互版 MV 就是这一类的代表(音乐视频不会随着用户点击而转变段落,它一直播放着,只是每个人看到的房间不同)。最根基的体验是在视频观看时,鼠标移到某物件上能显示该物件信息的 tag ,这招最常见的就是被用作服装导购。

  第二类:会话式

  指用户可以类似会话的法子直接参与转变视频的次序甚至效果,视频可以不再是线性的了,视频的设计者筹办好多个结局和段落,让观看者自行选择。举个例子,假设 Windows 是一段视频,那它就是会话式的,我们与 Windows 的交互都是通过会话窗口进行的。

  第三类:摸索式

  顾名思义,摸索式的互动视频一般只供给很少提示(甚至不提示),让用户在视频中自行摸索可交互的点和交互法子。这类视频一般会采纳现实生活中的场景(让人更容易产生代入感),在用户操作前,会一直循环播放场景,直到用户创造了交互点,才会持续。

  3. 交互式视频的实现工具与案例

  工具 1 : YouTube

  

 

  YouTube 上已经出身了不少商业的与非商业的交互式视频,根基都属于会话式交互。得益于 YouTube 强大的在线视频编辑功效,设计者可以在视频中参加带有超链接的注释,在视频的播放历程中,先根据剧情内容设计好注释出现的光阴,再在观看者选择时链接到相应的视频,就大功告成了,非常简略,效果可以很赞。

  (关于注释的操作: http://www.youtube.com/t/annotations_about )

  一个利用注释制作交互式视屏的案例:http://www.youtube.com/watch?v=m3MT59zc6Ms,实则是心理咨询中心的广告

  

 

  工具 2 : Flash

  Flash 信任大家都很熟识, Flash 视频嵌入技巧据说在 HTML5 淫威下已经日渐没落了,但是所谓“瘦逝世的骆驼比马大”, Flash 在交互式视频方面几乎盘踞了 100% 的市场份额,这归功于它极强的拓展性,多平台的兼容性,制作的简易和机动性。( YouTube 的视频编辑器应用的也是 FLash技巧 )

  这里向大家推选的是宅男(目测)设计师 Olivier Otten 设计的多达 22 个 Flash 交互式视频片断。整个都是摸索性互动视频,很有乐趣。也许糅合其中几个点子,就能制作出一段完整的交互式视频了。

  http://www.selfcontrolfreak.com/

  

 

  工具 3 : Creative coding

  软件工程师可以拯救世界,这句话不是随便说说的。万能的 Coding 能实现各种令人意想不到的互动效果。最近工程师 PetrosVrellis 用 openFrameworks (一种开源的 C++Toolkit )实现了一段互动版的梵高名作《星空》( Starry Night ),效果很震惊,令我五体投地。视频中的演示是在触摸屏幕上运行的,很期待最终能它能以 App 的情势出现供大家观赏把玩。

  观赏地址: http://v.youku.com/v_show/id_XMzUxMzcxMDc2.html

  

 

  关于这段技巧的实现, Petros介绍到 : “我开发了一个能生成“流动”效果的算法,约有 8 万个点能随之运动速度场不是由电脑主动生成的,我不得不手动设置,要做到恰到利益非常艰苦…我在 1920 × 1080 的分手率下获得了每秒 30 帧的画面,用的是 intel i5-2500K 的 CPU 以及 geforce GTX560 的显卡多点触控跟踪借助了 ofxKinect 和 ofxOpenCV 背景音乐花了很多血汗,也有不少的运气成分” (翻译 by36 氪)

  工具 4 :混杂式

  混杂式也就是将以上所有提到的法子和类型自由组合进行创作的法子了,这常常能获得 1+1>2 的效果。

  YouTube 上非常知名的一段广告“猎人与熊”( A hunter ___a bear )就是采纳了定制式联合会话式, 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 .交互式视频的钱远景

  正如文章开头所说,最早的交互式视频来自广告创意,所以商业市场上的利用远景自然是大大的看好。事实证明用户很买这类互动体验的账,投资方经常能做到小成本大产出,相比传统媒体,它更容易将观众转化成你的顾客。

  

 

  在美国,已经兴起了一批专业制作交互式视频的公司,在这里供给给大家学习参考,他们的客户中不乏闻名电视台,全球五百强和顶级奢侈品公司。

  http://www.videoclix.tv

  http://www.clikthrough.com/

  http://www.wirewax.com/

  由于各种众所周知的原因,国内在线视频行业尚未达到如此发达的境地。但是以互联网发展的经验来看,中国市场对交互式视频制作的需求将会逐步提升,期待各界的创意工作者、设计师、工程师们的发力。

  (本文出自Tencent CDC Blog,转载时请注明出处)

转载请注明:代码家园 » 用户体验分析:浅谈交互式视频设计

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)