H5解析 | 主流形式H5——交互式视频用什么霸占朋友圈?

举报 2017-11-23

交互式视频形式H5

视频故事与游戏交互完美结合

沉浸式体验给视频类H5带来新形式

视觉和触觉融合为一体

使H5体验更具吸引力体验的基础之上,将品牌信息无缝嵌,使视频H5独具特色。成为大众传播、行业者、品牌青睐主流H5创作形式类型之一,今天就来讲讲交互式视频分别有哪些玩法。

一、快闪类

快闪是在短时间内,快速闪过大量文字或图片信息的一种视频制作方式。快速闪过,动作单一,因为“快”,所以出来的效果都很“酷”。也给用户带来非常大的视觉冲击,令人深刻的画风被品牌主们广泛引用于品牌宣传当中。

代表案例:秋裤厂经理深夜给女设计师打电话

品牌主:阿里巴巴

03.gif

通过一个3分20秒的对话视频,讲述经理电话女设计师,随后发现女设计师不是“人”的心路历程。

01.jpg

黑色为主的大背景,五彩斑斓的台词。很符合秋裤君弄潮儿的风格。

02.jpg

图文版视频+声音模拟通话场景,字幕叙述的风格来介绍人工智能设计师鲁班,同时内容也十分幽默搞怪,提高了用户的注意力和兴趣,从而达到良好的宣传效果的目的。

代表案例:首届前台小姐姐大赛报名处

品牌主:闪送

5a0bca54bee3d.gif

用“选美”为嘘头,吸引大量吃瓜群众,采用了快闪视频形式吸引用户的眼球,提高其注意力和兴趣。

01.jpg

魔性洗脑的BGM配上简单清爽的画面,将观众的目光聚焦在不断闪屏的大字上,案例采用天蓝色与闪送的品牌色相互对应,清爽的画风和配色以及大字报文案,活动内容都简而有力地写在上面,也是相当魔性。有效的提高用户注意力和兴趣,从而达到良好的宣传效果的目的。


 二、 长按播放

长按交互视频,根据按钮触摸事件,长按按钮播放视频。不按则不播放,由用户控制播放展现出交互效果,在视觉上表现很有活力。

代表案列:腾讯WIFI管家,地铁都能连

品牌主:腾讯WIFI管家

22.gif

通过长按让原本灰色的地铁变得鲜艳生动了起来。将有WIFI与没有WIFI人们截然不同的两种生活状态,完全展现。

01.jpg

通过长按的交互方式进行切换,按下按钮切换到彩色视频。手动控制看到人们的喜怒哀乐。男女老少,奇葩正经,人物呈现百态。由左至右依次刻画出各种人物,形象描写生动。

10.gif

黑白场景转变成彩色场景,整个地铁生机勃勃,黑白与彩色场景的切换采用了长按按钮事件操作,用户随时可切换场景,人物的两种截然不同的样子十分带感。最后落地为腾讯WiFi管家,地铁也能连。


 三、暂停交互

视频故事情节,整个内容的局面是可以控制角色、通过选择决定剧情走向!选择不同也会带来不同的结局,让内容变成多个故事线形成开放式结局。趣味性视觉冲击与可选择的互动参与,从而带动到用户的互动兴趣,并引发传播,记忆深刻。

代表案例:职场反击战

品牌主:网易新闻

案例通过接受与拒绝两个选择按钮,选择时视频停止播放,通过选择进行暂停交互动作

77.jpg

完成选择后继续播放视频。根据选择分别导向两种结果,将用户的情感体验带到视频互动中。选择反击的场景, “去你丫的,老娘才不做背锅侠!”,“再见,老子不干了”等等场景,吸引用户眼球。也将人物的心里挣扎体现的淋漓尽致,搞笑又富有深意。

2.gif

1.gif

极简漫画+搞怪的风格案例。分为几个场景,讲诉主人公在职场上遇到的问题及不同的遭遇故事,不同选择故事发展方向也会不同,并在最后给出不同的内心独白,故事情节扎心。

33.gif

视频动画效果很丰富,交互式视频设计增加了互娱性。画风搞怪,场景非常炫酷,场景的设计在很有趣味性的同时,视频中的故事和现实生活很贴切。


四、 视频+360全景探索

采用全景场景技术,在视角上让体验者仿佛置身其中,视觉体验更直观深入,加上重力感应360度旋转的交互体验,能够大大增加视频H5的娱乐与交互效果。

代表案例:我闯进了马爸爸的办公室

品牌主:良品铺子

1.gif

动画与全景场景探索H5案例,通过模拟与马云爸爸微信聊天的方式,获得了进入马爸爸办公室的权利。

01.jpg

办公室内部用全景图设计,通过重力感应控制视频的视角,让操作体验更加畅快。可以选择查看其他物品,整个过程融入解密探案的感觉。

2.gif

88.jpg

通过购买零食的创意,自然对接到品牌主良品铺子的身上,从而起到了宣传的效果。

交互式视频借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度,病毒营销,所以带来巨大流量,这种好玩的互动形式就很容易就能引起刷屏效应。 

数英用户原创,转载请遵守规范

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)