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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
腾讯“神秘失踪案”游戏丨解谜类H5的致胜之道
0.0°
2017-02-09 原创文章 经验/观点 举报 8205 70 110 17

同样是解谜类H5游戏,为什么“活口”火了,“神秘失踪案”却死了?

Image title

可能你有所不知,最近腾讯其实出了俩H5。


一个是发布仅3小时,PV突破120W的《薛之谦史上最疯狂的广告》


另一个是没泛起传播涟漪的《神秘失踪案现场》

Image title

从作品Title上看,这两个作品都出自同一个团队:TGideas。这支大名鼎鼎的团队隶属于腾讯互娱市场部,曾出品了不少佳品,比如——

  • 《吴亦凡即将入伍?!》
  • 《Next X故宫》
  • 《使命召唤Online》

但,《神秘失踪案现场》上线后没丝毫火起来的迹象...

带着疑问,这篇文章将会为你扒其“哑火”原因,并且聊聊解谜类H5游戏的致胜捷径。


如果你没看过这个H5,建议你先扫描下方二维码看看——


Image title


为什么没火?



从H5的内容定位上看,跟前阵子来势汹汹的《活口》是属于同一个类型——解谜类H5,两个案例对比起来看,情节设计可能是导致传播效果差异的元凶:


情节设计差异一:视角感官体验


《活口》最大的卖点,就是采用了真人式的第一人称视角。你对线索的每一步摸索,都能有相应的短视频播放反馈,恍如你当时就坐在主角旁边,见证着他摸索逃生线索的全过程,配合主角一流演技,感官体验极强。

Image title

虽然《神秘失踪案现场》包含很多精巧的“小彩蛋”——


  • 电视机的转台
  • 被肢解的洋娃娃
  • ...


可是,因为采用平面式的第三人称视角,线索获取的反馈只是很直观地将道具“收入囊中”,用户参与度不强,这间接地减分不少。


Image title


情节设计差异二:解谜剧情设置


玩过《活口》的朋友一定有同样的感受——这个胖子到底是怎么被关进去的?里面穿插的美女、赌局背后有什么阴谋?花了好长时间逃出去了,还是一无所知...

  • 解绑
  • 找手机
  • 破解WIFI密码
  • 获得大门密码

这流畅自然的剧情,说它是H5,不如说是一部悬疑大片。

Image title

不止是各分镜头写实逼真,过程中还设置了随机密码机制,这就意味着我们每一次打开这个H5,通关的密码都是不一样的,这大大增加了可玩性。


反观《神秘失踪案现场》,设置了四个可切换的场景,环节过多、内容太杂无疑拖沓了剧情的进展。

其次当我们找到第一个线索时,已经大致猜到谜底(去了海南),这样可玩性也大大降低了。


Image title


剧情的好坏决定着用户留存,拖沓、衔接生硬的剧情无疑会让用户流失率增大。


情节设计差异三:闯关难度


Image title


你应该会对《豆瓣-我们的精神角落》H5有印象,它设置了很多巧妙的机关,还分了五个章节挺难通关的,当时大家可都抓破了头皮。对比之下,《神秘失踪案现场》很简单,实际上用五分钟就能通关。


越简单,反倒用户会觉得没挑战难度,体验到一半就关掉了。


可能因为原本就定位在快消型H5,希望用户快速通关推广活动,所以设计上没精神角落那么细腻、逻辑没那么严谨,也没能像活口那么紧张的氛围营造。


解谜类H5有没有致胜的捷径?



有!拿捏好以下三个要素,会让你的解谜类H5更具吸引力:

  • 简化游戏界面
  • 打造沉溺式用户体验
  • 设置巧妙地病毒式传播点

捷径一:采用竖屏展示方式,简化游戏界面


Image title


陌陌副总裁王太中曾说:“当视频的播放平台从电视、电脑迁移到手机上时,原有的横屏广告不再适合用户的体验,开发出适配手机屏幕形式的广告是一个趋势。”

竖屏展示方式无需用户翻转,打开即可体验,操作环节会相应简化。


很久以前在iH5发布的密室游戏《窃取酵母》(by 喵友),就是采用了竖屏游戏界面,为青岛啤酒打了个好广告,也在营销界引发过一阵密室逃脱的风潮。


选用广视角的长背景图代替多场景的切换,能有效避免用户出现抗拒心理,参考《活口》的界面:


Image title

想要把这种长幅型的背景图安置在竖屏的H5上,最简单的方法是用iH5滑动时间轴。

设置头尾两个关键帧点,以此作为左右滑动的可操作区域,定好画面左端的关键帧点,接下来只需调整X坐标作平移运动,直至画面最右端设置尾部关键帧点即可。

Image title


这种垂直型形式很实用,基本能以此做出很多原本需要横屏才能实现的效果,比如打造出名噪一时的杜蕾斯虚拟场馆:


Image title


捷径二:尽量给用户打造沉溺式体验



沉溺式体验说起来有点泛,意思大致是让用户不能自拔。


《活口》中一连串的悬疑线索,特别是对主角为什么失忆、为什么要逃、密码是什么这三点的拿捏,毫无疑问地让你不由自主地沉溺在整个解谜体验当中;《精神角落》也是如此,眼、耳、口、鼻、大脑为主题的不同章节设置同样刺激到用户心底的探求基因,不搞个水落石出不罢休——


Image title


能做到《活口》那样用真人短片的形式打造这种体验固然好,但并不是人人都能做,毕竟除了走心,还要走肾...既然“真人秀”行不通,那就依靠视觉和交互的力量:


Image title


想必你也知道这两支H5,用CSS3和WebGL等HTML5规范相关技术搭建的虚拟全景场景就是楷模,配上时下火热的VR噱头,无疑让我们体会到了视觉和交互的神圣地位——让你的好奇心在视觉盛宴下蠢蠢欲动。



现在全景功能不再局限在代码技术上,用底层交互组件完整的制作工具也能搭建出高还原度的效果:


Image title


只要能激起用户的好奇心,他们就会自发地玩下去——


Image title


当时宝马上线的概念车H5,凭借鲜少人玩的图片序列功能,把一帧帧的图片伪造成视频,用户基本对这些形式毫无抵抗力。


捷径三:设置巧妙的病毒式传播点


针对H5的病毒式传播,TGideas团队的创意总监李若凡LAVA曾提到几条经验:

  • 立足在广泛的社会认知
  • 意想不到的演绎
  •  3-5秒是否能够抓住人的眼球


《活口》刷屏的论调有二:剧情太牛啦、我花了一块钱。


Image title


其中引入的支付机制起了至关重要的作用,“一块钱”为其增添了不少的舆论色彩。关于调用微信支付权限,可以在H5里插入获取prepay_id的JS代码;如果对调用代码不熟悉,可以尝试用iH5的“付费点”功能,这里就不展开叙述了。


除此之外,炫耀式测试也能有效制造病毒传播——


Image title

这个追捧热点、用作平台引流的H5,即使制作简单,仅仅几天PV高达300万。


你说他有没有效?当然有效。利益驱动或者结果具有炫耀性的机制设置,极容易促成传播的裂变。


在社交媒体的环境下,假如对自己的作品有信心,不妨开放制作团队的联系方式,积极受访也可以助力传播。


总的来说,现在H5越来越受到广告主的欢迎,从近期上线的行业作品数量上看,解谜类H5游戏有明显的上升势头。


值得一提的是,最近Facebook宣布回归H5游戏,即将上线实时对战的H5游戏平台。

或许这一举措能引起一系列的蝴蝶效应,带动国内沉淀已久的H5游戏,成为H5广告的新力军。


我们不能说《神秘失踪案现场》是一个失败之作,背后的快消型体验思路,值得广大广告人借鉴。

与此同时,还要感谢这些团队的努力,正是他们的创作,我们才看到了更多创意的可能。


最后,我们来聊一聊——


你觉得H5游戏会不会登上明年的营销广告神坛?


在下方留言说说你的看法吧。


2016.12.01

尼姑拉丝赵四

更新:2017-02-09

收藏

70人已收藏

尼姑拉丝赵四

世界大奇,保持好奇心,才有乐趣。H5爱好者。

  • 27

    作品

  • 2292

    粉丝

  • 8

    关注

  • 震惊!这个H5居然是在线聊天室!(内附完整教程)
  • 网易的爆款H5,手把手教你做!
  • 3个小时150万UV!网易的童年 H5刷屏了!
  • 视觉逼格指南:几何抽象风格神器

    猜你喜欢

      2017-02-09 原创文章 经验/观点 举报 8205 70 110 17

      腾讯“神秘失踪案”游戏丨解谜类H5的致胜之道

      0.0°

      你确定要举报腾讯“神秘失踪案”游戏丨解谜类H5的致胜之道

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年12月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      110
      70
      17

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

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

      登录

      手机号

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

      登录
      第三方账号登录