精选双屏互动新形式顶尖案例设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

当你随手扫一扫电视上的二维码时,已经完成了一次简单的双屏互动。但是,创意人士怎么会放过这么好玩的互动方式呢,今天腾讯游戏的吞吞同学总结归纳了一大波双屏互动的顶尖案例,想做好个人营销的设计师们,不妨来看看有木有灵感迸发。

吞吞:不知道从什么时候开始,我身边出现了越来越多的二维码。有商家公众账号卖果汁的,有跳到App store、应用商城下载应用的,似乎现在不在海报、名片、官网挂个二维码就不好意思跟人打招呼。手机逐渐成为人类信息、感官接收的延伸,我们可以通过app,微网站等载体更加紧密的与用户接触,用户也可以通过手机得到更加丰富的体验。作为从事为移动端创意营销设计的小弟弟,想与大家分享手机端延伸的更多可能。

双屏互动通俗来讲就是通过手机与其他媒介产生交互并获得新体验,它可以是PC,电视,户外屏幕,电影屏幕等等,双屏互动早已不是新鲜玩意,最早的超女选秀我妈用短信给李宇春投票(因为我也叫春春,捂脸羞状),再到前两年是个发布会就有的微博墙,再发展到最近弹幕电影。我们发现双屏互动慢慢融入到真实的生活中,而不再是作为高高在上的科技卖弄式营销。

一、手机与PC的双屏互动

pc与手机有高度重合的使用场景,并且网络环境稳定,并且是人们最常使用的两种设备,无疑是双屏互动的最佳环境。比较常见双屏互动形式是通过手机遥控PC屏幕中的画面。

1、《moon》

为了帮助那些贫困地区未能上学的孩子,代理商西班牙奥美互动创建了一个活动网站,是一个关于小男孩实现梦想,最后登上太空的故事。用户可以通过手机或者平板控制PC屏幕中的剧情的走向。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

电脑屏幕中有两个故事版本,一个因缀学而落魄,一个上学从而赢取白富美出任CEO走上人生颠覆。用户只要翻转手机便可以在这两个故事中切换,告诉用户这些孩子的命运其实就掌握在你手中,翻转他们的命运吧!

活动希望通过这样的方式来号召用户进行捐赠,为小男孩实现梦想,这种双屏互动的方式是不是结合的很巧妙呢?

2、双屏互动小游戏《Tweet Chat Like Drive》

说起双屏互动案例不得不说的就是《tweet chat like drive》这个社交3d双屏互动小游戏,开车的时候适用手机是非常危险的,更何况在刷朋友圈,这个小游戏想让那些抱着侥幸心理的人体验一把开车刷社交网络是件多么危险的事情。

游戏需要用户使用facebook帐号登陆,使用手机连线。等到用户加入游戏之后,手机上会提示各种任务,比如发一条whatsapp信息。发完之后,你的敌人就会遇到一个阻碍。如果对方没及时避开,那么就会被“迫害”,如撞到whatsapp图标,那么挡风玻璃就会被挡住。整个流程就是,用户发社交信息,相当于用户拥有了一件道具,道具随时可以使用,来迫害敌人汽车的前进。游戏就以这样的形式来告诉大家,开车时玩手机是很危险的。

由于服务器在荷兰,我也没玩成功。在国外的同学可以感受下,我们屁民们可以退朝了。but!可以通过视频来了解下这个游戏交互。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频网站:

二、手机与电视的双屏互动

在移动手机,平板的冲击下,传统电视的使用率逐渐走低。有调查显示从用户使用电视的行为中,每月有高达85%的智能手机和平板电脑用户在看电视时,会将智能手机或平板电脑作为第二屏。虽然电视的地位有所动摇,但电视依然还是家庭日常生活的重要部分。努力打通电视机和移动端两个屏幕,增强消费者与广告内容之间的互动,利用用户看电视时“三心二意”的状态来进行营销。如何架起两座孤岛的桥梁,就像web1.0到2.0的过程一样,从用户被动接收讯息到用户参与产生内容是以后电视发展的大趋势。

电视广告的游戏化

可口可乐在香港的一则电视互动广告,通过电视与手机的互动,让用户参与广告,并且得到反馈,可能是优惠券或兑换券。首先用户需要先在手机中下载app后,当广告播放时,用手机靠近电视,手机识别特定的频率,如果这时候用户同时摇下手机,那么在手机app上就可以激发某个“游戏机关”,让用户获取到瓶盖,而对于用户来说,就跟真的抓住了电视中出现的瓶盖一样。

之前移动方面主要借助ar技术或是qr二维码来使媒体间产生互动比较多,而这个案例让我们看到了较新的互动方式,根据声音。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频:

如果觉得可口可乐的广告交互还是太复杂的话,我想你一定会喜欢这个举(sang)世(xin)无(bing)双(kuang)的汉堡王的互动电视广告,在diretv(美国数字电视公司)上,用户观看这个广告,如果达到5分钟以上即可免费获得一个汉堡。看的时间越长,奖品越多,视频的内容就是一直不停旋转的汉堡包。。。。相信我,你一定会烦死的

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频:

电视节目的双屏互动

目前国内的综艺节目中,双屏互动的案例已开始展露头角。湖南卫视推出的app《呼啦》,用户通过《呼啦》与网友进行聊天,共同讨论某个电视节目,在app中进行节目答题赢奖励积分等。在众多电视观众的弱关系链中,希望扮演手机用户与电视观众之间的连接纽带作用,从而培养起观众的忠实度。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

而日本有一个更酷的节目《bloody tube》,干脆直接把主场放在移动端。电视机前的观众通过手机参与游戏到现场直播中;游戏的机制很简单,让用户选择要支持的队伍,接着根据电视节目的节奏来玩游戏,比如提示用户应该持续点击手机屏幕来支持本队伍。在游戏结束的时候,会根据朋友间的数据显示比分,以激励用户互相攀比,分享等等。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

大家通过这个视频来感受这个神奇国度的节目吧:

电视被新媒体的冲击下,也在不断地转型找到属于自己的位置。随着技术的发展,电视等传统媒体想必会焕发新的活力。

三、手机与电影屏幕的化学反应

电影院中用户的注意力比电视机的关注可是要集中很多(因为那是花钱买票进来的),用户使用手机的频率比电视前要少很多。手机与电影屏幕的结合,很多是在影前放映的广告中进行施展。

案例一:影前广告双屏互动

比如前段时间很火的一个营销案例,来自大众汽车的电影院互动广告,开车勿玩手机。香港大众汽车利用地理位置短信推送技术,在电影播放前的广告时段,以第一视角播放汽车前行的画面,接着再推送短信给用户,当用户拿起手机查看的时候,电影画面的汽车就会发生事故,最后画面提示“玩手机是当前交通事故的主要发生原因,珍惜生命,勿玩手机”

先不说这种恐吓式营销如何,反正我估计会终生难忘吧!

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频:

与电影屏幕双屏互动如果仅仅是在影前广告,是不是也太浪费这么老大的屏幕了咩。如果电影与手机结合会产生什么化学反应呢?

对了,说到电影,这里推荐几个很有启发的视频:《午间下饭视频!设计师不得不看的那些经典之作》

案例二:电影与手机的情节互动

在这7月半的日子里,小弟弟背后有一丝凉意地分享一部电影《手机有鬼》。可惜没有在内地上线,但据说是个烂片。好吧,抛开电影本身质量,这种手机与电影互动的形式,着实也吸引了很大一批观众。

《手机有鬼》讲述的一夜狂欢后,安娜醒来发现手机里新增了一款名为《IRIS》的神秘互动APP,它将好姐妹的出轨证据偷拍下来,还将不雅照、私密小影片散布至社交网络,监控它的生活。观众在观影前需要先下载一个APP,影片开始播放后,会持续发送声音讯号至观众的app内,随着剧情逐步推展,民众与剧中人物将同步收到来自不明人士的恐吓讯息,并在特定时间收到银幕上没有揭露的场景资讯(事前有震动提示告知观众),哇!这部影片好适合有偷窥癖的观众。。。

手机作为第二屏幕,将剧情衍生至观众手中,可以带来更强的代入感与参与感,尤其这种恐怖题材的影片,更是刺激用户的猎奇心理。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

预告片:

案例三:弹幕电影:边看边吐槽

吐槽和弹幕电影起源于日本,吐槽实则为评论的一种,本身作为日常交流中必不可少的一部分,容易产生共鸣,引发交流。在不到一周的时间里,《秦时明月》《小时代3》《绣春刀》三部国产电影,接连开出弹幕电影专场,随着电影的开始,观众可以以短信或网络发送的方式,将您的“吐槽”指令发出,之后将会在屏幕的两侧墙体或者银屏上显示。不管这种方式是不是有影响电影的观览,但观众玩的不亦乐乎,这种双屏互动显然是成功有效的。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

三、手机与户外广告的互动

我们都熟悉的户外广告牌或大屏幕,如此受各大广告主的亲睐就是因为群体流量大,并且很难忽视他。很多公司都在努力改造和构思自己想要的户外广告形式,让手机与户外广告交互是一个非常利于吸引用户参与的方式。

案例一:麦当劳户外广告

麦当劳绝对是户外交互广告的大咖,马来西亚进入夏季,天气高温炎热,麦当劳为促销其冰淇淋,在十字路口红绿灯处和用户玩了一次双屏小游戏;派人在路口挂广告牌宣传,指导用户进行交互;用户在手机上输入地址进行交互,转动手机上的风扇,广告牌上的风扇也会转动起来;越多人参与那么甜筒就不会融化,而参与的人就能获得免费甜筒一份。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频地址:

这类双屏互动的广告确实吸引人,但是制作成本和人机交互也会相对复杂。目前户外广告最多的形式还是丢一个生硬的二维码在旁边,让用户通过手机查看更多的讯息。如何更有趣巧妙的设计二维码广告呢?

案例二:更加有趣的扫二维码

为推广一本名叫《玛丽莲梦露:亲密接触》的图书,代理商在街头电线杆放置了梦露招牌的下身裙摆,当路人好奇裙摆的时候看到广告信息,广告的内容是二维码信息,邀请用户扫描查看更多关于图书内容。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

视频:

四、双屏互动,我们在努力

Tgideas的小伙伴们在进入移动互联网时代,也积极探寻手机端的新交互形式。双屏互动也是我们努力尝试的领域之一。

案例一:《斗站诛天》双屏互动

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

在《斗站诛天》跨屏互动“营救悟空”品牌站中,采用了双屏互动的形式,通过手机控制电脑,通过摇晃,滑动,点击手机等操作解开悟空手机的手链,解救悟空。游戏通过这种新形式的品牌站出现在玩家面前,给人耳目一新的不同感受。

精选双屏互动新形式顶尖案例设计欣赏,PS教程,思缘教程网

在线下推广游戏中,,双屏互动也吸引了很多观众进行体验,参与活动,提高品牌的美誉度。

案例二:城市拉力赛

 收藏