恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【交互式视频】——H5创作指南
0.0°
2017-10-17 原创文章 经验/观点 举报 12090 4 29 0

一窥H5主流创作形式之交互式视频的前世今生与创作指南。

Image title

冉冉升起的“交互式视频”正在颠覆着视频类H5的极致体验,为用户带来参与感十足的沉浸式体验,并逐渐成为互动H5的创作内最具潜力与最受创作者所追捧的创作形式。

Image title

维秀初尝“禁果”,探索中缓步前行


2015年底Victoria's Secret年度大秀来袭~~LPI伴热点推出一款与维密天使真人互动、极致诱惑的H5【“维多利亚的秘密”火爆来袭】:天使的笑容,魔鬼的身材,微动海报,直播倒计时...石头剪刀布,赢了性感美艳的维密天使,即可体验此致命诱惑。

Image title

这款H5作为交互式视频形式的开端,以现在的视角来看虽形式有些简单、交互单一,但在当时而言实属经验~并取得不错的传播量。

此后一年间,陆续多款此形式的H5相继上线,若论及其中代表当属【陈伟霆新戏拍摄现场】和【直播!韩国女主播闺房秘密】。

Image title

沉浸式体验的基础之上,分别融入明星互动与VR场景探索,行业在探索中缓步前行。


【活口】探索出更多可能性,然引导效果并非“立竿见影”


真正带交互式视频走进大众视野的是2016年11月dopemine推出的一款非商业性质H5【The Save-活口】,一经发布便引发现象级刷屏,并为交互式视频探索出了更多的可能性。在脱离商业压力的前提下,dopemine主创们创新性的将影视故事与游戏交互完美结合,沉浸式体验给视频类H5带来了一条新出路,跳出了雷同套路的死循环。

Image title

活口的惊艳亮相并未给行业带来多少立竿见影的突破,更多的从业者依然选择对旧有形式的跟风模仿,行业处于发展瓶颈,甚至圈内一度质疑:2017年行业将难以再现类活口的案例!?


从业者所钟爱~ 渐受热捧


【活口】之后,急功近利式的模仿与争相涌入的跟风令此类形式的创作陷入了将近半年空窗期!!

不过2017年3月渐为回暖,薛之谦携手芒果TV憋出大招,令“沉浸式密室逃脱体验、影视故事与游戏交互完美结合”得以再现。

【薛之谦离奇被困节目录制现场】一经发布便斩获千万级PV~堪称当月最大爆款!“密室逃脱、绑架事件、VR、场景探索”等创作元素虽与【活口】相近,但品牌信息的无缝嵌入、明星互动式的模式设计、对薛之谦鬼马性格完美表现都令这款H5独具特色。

Image title


自此之后,交互式视频类H5逐渐得到了更多从业者的追捧,并绽放出了全新的魅力:

1、既有像【给张一山导部戏】、【皇太后的秘密生活】这样的多结局式影视类H5;

2、又有像【周杰伦读心术】、【杨洋数羊哄你睡觉】、【波叔带你回三国】这样“近距离”明星互动类H5;

3、更有像【黄道忌日】、【筷子兄弟教你打飞机】兼具看点与互动的游戏影视结合类案例。

Image title

行业而今,交互式视频渐如日方升,各种类型的交互式视频纷涌而出,成为大众传播、从业者钟爱、品牌青睐的主流H5创作形式之一。

Image title

视频类是现H5运用最频繁的形式之一,但大众化的单一形式会使用户产生视疲劳。 而交互式视频打破了视频类H5一成不变的模式,赋予它强烈的综合感官体验,将视觉和触觉融合为一体,使得体验更具吸引力。

从以下4个方面做以分析:


NO.1 视频渲染情境、带来沉浸式体验


视频中的交互手势使用户仿佛置身于H5本身,用户愿意花长时间去深入感受视频带给自己的感官效果。如【活口】用第一视角和出租车司机融为一体,体验惊险刺激的绑架场景。而后在密室里找迷局之中的关键线索,带来沉浸式密室逃脱体验。

【活口】的巧妙设计既实现了影视观众的悬疑观影体验,又满足了游戏玩家的解谜挑战心理。打破了常规视频广告与观看者之间的距离感。


NO.2  零距离互动,参与感爆棚


视频交待了情节脉络,而屏幕前的你控制着角色、决定剧情走向!选择不同的路线会带来不同的结局,让一个单线程的内容,变成有开放式结局的多个故事线。视频的趣味性视觉冲击+可选择的强互动参与感,分分钟带动用户的互动兴趣,并引发传播,记忆深刻。


NO.3  借势明星,引爆流量


明星互动,让小迷妹们与自己的爱豆零距离接触,这让H5的定位不是一个冰冷的视频,而是一个与明星互动的介质。这种交互+第一视角+明星的借势,成为时下最流行、有效、快速的H5营销方式。


NO.4  融合性意味着可能性


交互式视频渐入佳境,为避免创意雷同和形式单一,广告商都在尝试将交互式视频与其他形式融合,展示不同的效果从而营造出不同的感觉,这样的融合使行业带来更多可能性。

如【The Save-活口】融合了故事创作、影视制作、剧情互动、UI设计、游戏体验,甚至接入移动支付功能,这种尝试出奇制胜。


Image title

H5这个行业中,每种创作形式都蕴藏着巨大的能量,当他们相互碰撞后,产生的火花则更加绚丽。交互性视频本就是主流创作形式之一,它与游戏、VR技术等的融合将带来了新的挑战和新的面貌。那么如果我们制作交互式视频可以采用哪些方式呢?

Image title

NO.1  手势交互


【维多利亚的秘密】

加入与模特猜拳的交互手势,赢了有惊喜。

Image title

Image title


【周杰伦竟然会读心术!】

卡牌大师周杰伦横空出世,通玩魔术的方式和用户互动。魔术本就属高互动性的操作,放在H5中,弥补了手机屏幕的局限性,并加以交互手势,引导用户完成魔术,引发用户好奇心,提供沉浸式体验。

Image title

Image title


NO.2  明星/IP


【杨洋数羊哄你睡觉】

美团外卖推出的这款展现杨洋男友力的H5。视频模拟杨洋哄你睡觉的场景,一只羊、两只羊……23只羊肉串、24只羊肉串……以女友视角,一边挺杨洋数羊,一边在数羊过程中拨打杨洋的电话,给杨洋盖好被子,把掉下床的杨洋拽回来,增强了与杨洋的真实互动感。这种新鲜的互动方式,小编猜很多小迷妹都在舔屏吧。哄睡的情景加上杨洋的明(sheng)星(shi)效(mei)应(yan),增强了与爱豆的真实互动感,传播效应也不置可否。

Image title

Image title

当红明星不仅可以体现商家实力,提高产品竞争力。还可以利用人们崇拜明星,模仿明星及“爱屋及乌”的心理来刺激消费,增加产品销量。


【乱世王者】

先皇驾崩皇帝刘禅登基,然而皇帝的狗血遭遇接踵而至。最后以承受不了繁琐工作而选择自杀的皇帝作为铺垫引出了《乱世王者》的一键治国,轻松称王。借势三国IP,以三国时期为背景,模拟刘婵当皇帝的情景,将“扶不起的阿斗”用诙谐的方式刻画,狗血夸张却又合理的剧情,魔性搞笑,让观众在体验H5时不会觉得单调。

Image title

Image title

IP本就是一个具有价值的形势,它的穿透力和延展力能与各种品牌结合进行商业合作,拉动产品的知名度。


NO.3  小游戏


【黄道忌日】

清明节出的一款有点小恐怖的H5,咒怨开演的节奏,明明害怕但又忍不住去看完。游戏部分采用日式浮世绘画风,将厉鬼的形象被展现无遗,渲染出十足的隐诡恐怖氛围。

司机的生死就掌握在你的手里,有四种逃生方式,无论你选择哪个,只要你挑战成功,就有意想不到的结局。这款H5融合视频与小游戏,用户可以透过游戏场景亲自感受逃生的惊险。

Image title

Image title


【筷子兄弟手把手教你打飞机】

筷子兄弟咆哮上线,成为飞行团王牌教官。采用特效场景+轻量互动的方式加以实现:筷子兄弟的“咆哮体”演绎和夸张的肢体语言,让H5内容更具张力;用户必须完成与筷子兄弟的互动游戏方可通关,而非视频自主播放式“划水”,令整支H5兼具看点与互动点。

Image title

Image title

这种视频与小游戏结合的形式,可以说是内容与视频的又一次全新尝试。这种新型的形式渐渐走向高峰,一旦交互更加多样化,那必将迎合大众在互动上的狂热追捧。

 

NO.4  多结局+自由度


【给张一山导部戏】

你经常看电视剧,可你当过导演自己选择剧情走向吗?穿越火线携手张一山推出这款H5,导演是谁?就是你,自己选择配角和场景,完成一部电影。张一山实力诠释高能、萌帅两种迥异气质,女友、伙伴、对手纷纷为其配戏,在三种不同场景下一路不NG狂飙演技!互动性和代入感非常强烈!并且在话题上也满足了用户的好奇心。交互式视频的创作形式在本H5内再次绽放出了全新的魅力。

Image title

Image title


【皇太后的秘密生活】

以电视剧《芈月传》为原型重新编写剧情!一个“斗”字贯穿宫闱~倘若亲身至于那暗流丛生的后宫之中,你又能活到第几集? 虽然长达二十余分钟的短片,但并未让观者感到疲劳或厌烦。 (已下线)

Image title

互动性十足的参与体验与沉浸式的代入感将短片的多结局特质完美再现,这种多结局且过程自由的H5,自己选择播放的顺序和结局,让每位用户在体验过程中都会有不同的感受和体验。


NO.5  VR +场景探索


【富二代姚爷,真实身份竟然是...】

伴着诡异阴森的BGM,一场推理与解密的侦探大戏拉开帷幕,找出并查看现场留下的线索能够引导剧情推进,让我们追随福尔摩斯·姚的视角,一起勘测现场。3D全景展示还原案发现场,VR视觉体验更直观深入,有助于线索收集。全程虽然为视频播放,但一些剧情画面切换为漫画,让关键剧情更加突出。

Image title

Image title


【直播!韩国女主播闺房秘密】

采用VR技术,第一视角让体验者仿佛置身其中,与美女主播零距离。重力感应360度的交互体验,仿真的直播界面,大大增加了H5的娱乐性与交互性。加之有“直播”“美女”这两个热门话题,更是让其吸睛不少。

Image title

Image title


交互式视频H5使行业破冰,注入了更多的可能性。

那么问题来了

以上众多案例之中,你最喜喜喜喜欢哪款?

更新:2017-10-17

收藏

4人已收藏

FaceH5

你和刷屏H5之间只差了一个FaceH5.com的距离

  • 4

    作品

  • 82

    粉丝

  • 2

    关注

  • 【H5月刊】5个词总结9月H5营销行业
  • H5有嘻哈 | 说唱H5的前世今生
  • 【一镜到底】——H5创作指南

    猜你喜欢

      2017-10-17 原创文章 经验/观点 举报 12090 4 29 0

      【交互式视频】——H5创作指南

      0.0°

      你确定要举报【交互式视频】——H5创作指南

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      29
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录