银联这个制造“麻烦”的H5小游戏，我竟然很喜欢！
这是一支有风格的定格动画H5
不知道你发现没有
中国银联，真是越来越会玩儿了
最近，为了突出产品“简单”和“快”
银联竟然设计了一款通关挺“麻烦”
但一打开就让人停不下来的
“魔性”H5小游戏！
👇👇👇
H5作品 ：《打开99层你真行》
品牌方：银联手机闪付
先来玩一下
👇👇👇
大概好些人跟小Z一样，看到H5标题已经忍不住要搓搓小手，迸发出满满的爆机欲。
可是，银联品牌方却提醒说，“这个H5，并不想让你们打开，因为，打开真的很麻烦，其实没必要打开”。（哼，别想骗我，小游戏通关可是有机会得到华为、荣耀、小米、OPPO、魅族等手机大礼！）
看完不得不说这是一款很有参与感，从情节设计、视觉到交互都很有“戏”的H5。
“参与感”，一直都是H5设计的爆点精髓之一，这类H5用户喜爱参与，也愿意分享，比较容易创造出“刷屏”级效果，但创作难度大，被认为是未来营销类H5设计的方向。那么，一起来看银联这款小游戏是怎样用设计语言，做到打造“参与感”并成功展现产品——银联手机闪付“简单、快”这一特点的吧。
为啥别人家的H5，好玩到停不下来？
作为一款游戏类营销H5，既想有参与感，又要精准传达产品理念，情节创意和形式设计是第一步。也就是得先决定跟大家玩个什么游戏，以及怎么玩。而优秀的作品反复证明了一个现实：通过洞察用户情感去设计情节，可以让用户在无意识中玩到停不下来。
比如银联手机闪付推出的这款小游戏，想传递一个理念：不打开APP就支付，又快又简单。但光说“简单”和“快”，不容易感受，那来体验下“麻烦”和“慢”吧——这不就是你一步步打开APP再支付的体验吗。怎样具象这种感受？银联设计了一个动作，“打开盒子”，打开一个盒子可能简单，但是我们有99层！
于是我们看到这样一个情节创意推演过程：
你会发现，小游戏其实创造了一种感官上的矛盾，情绪上的反差，你以为打开盒子简单，打开99层试试？你不知道银联手机闪付多简单？感受下打开APP支付有多麻烦。
拆盒子的过程，也在不断激发你的好奇心。盒子里下一个会是什么？这就像薛定谔的猫，激发好奇心，一层层盒子被打开，变成百宝箱、垃圾桶、礼物盒、抽屉等等想不到的惊喜。
定格动画绝对是个加分项，让场景更有怀旧美感，增加了不少趣味性。我们知道好的定格动画首先需要一个好剧本，然后根据剧本创造角色和场景，绘制分镜头脚本。拍摄的过程最重要，直接决定了想象能否被实现，最后的编辑，对节奏、音效的把控，要求也很高。从成品来看，银联这款小游戏在制作上可以说是很用心了。
《打开99层你真行》H5 定格动画拍摄分解
不过光拆盒子也会无趣，小游戏设计了丰富的交互动效来降低跳出率，这点在后面分析。在这小z还想提一个小环节——由合作手机Pay送出的“跳关奖励”。可以看到这个设计一方面融入了更多品牌展示，另一方面打破了游戏剧情的平铺直叙。会感觉一直打开盒子真的好麻烦，但看到这种小彩蛋、小鼓励和制作精美的定格动画，又被吸引着继续玩下去。
最后无论闯关失败还是成功的页面设计，都巧妙地把产品信息融入进去，连“这就开通”看上去也毫无违和感。
不是“戏精”的设计师不是好文案
上面说了情节设计的重要性，接下来说说文字设计。文字设计是H5的重要环节，包括字形、排版、文案设计等，好的H5通常都有一些“套路”。比如，字体、排版和主题和谐，文案设计吸睛。来看看银联手机闪付推出的这款小游戏是怎么做的吧。
先说文案。这是设计师很容易忽视的部分，当然它可能来自策划、文案人员，但设计师得有较高的判断能力，整体把控文字和视觉的关系。
《打开99层你真行》H5可以说做到了不遗余力地压缩文案，没有累赘空洞的形容词，精准表达，这点很重要。尤其在尺寸非常有限的H5里，大段的文字解释一定会让人分分钟想跳出。所以在游戏环节，除了必要的提示、提醒信息，画面保持了干净清爽。
文字较多的中奖页也注意用字号大小、颜色、色块分层、集中分区等设计方法突出重点，让信息传达更有层次感。
另外还将文案风格化设计，让小游戏充满了戏剧感和想象力，也会降低用户跳出率。比如：
很多案例都证明，在休闲类小游戏文案中，要改变不接地气的视角，用夸张、拟人等修辞手法和反问语气等，会让H5更生动好玩。
小Z觉得，这款小游戏更厉害的一点是，文字设计上充分挖掘了产品优势点，从用户体验视角，非常形象地把优势讲出来，让人明确地形成记忆点。
这交互很赞，让动效更有参与感
在银联手机闪付推出的这款小游戏中，除了情节、场景、平面设计、文案的美感外，它的交互动效也一定吸引到了你。
首先是打开盒子的“花式”定格动效，层次和节奏感把握到位。比如其中西瓜的出现，用户情绪轨迹是这样的：这是什么（好奇）——是西瓜？皮球？（猜测）——没错是西瓜！（结果）——下一个会变成什么（好奇）。这种节奏感，让整个作品更有感染力。
而且每次打开盒子，都清晰地展现了动作发生的前后关系。H5的动效有点像电影里的故事逻辑线，得要符合认知逻辑。银联这款小游戏用定格动画的效果，模拟真实物体运动轨迹，可以让人有现实世界重力、材制等的仿真感，很有代入感。
其次是整个游戏动画的转场动效，需点击互动才好完成流畅体验，这样用户的注意力可以持续集中，降低跳出率。
最让小Z感兴趣的其实是这个H5里有趣的交互，感觉自己和场景产生了丰富链接。现在智能手机操控形式有很多，像砸蛋、吹气等玩法，都能让作品更有新鲜感。游戏里长按吹口仙气那段，有点惊艳～
在H5设计中，对视觉、味觉、嗅觉、听觉、触觉这五感涉及越多、越深入，H5参与感越强，越容易受到喜爱和传播。其中的听觉，也就是音效，是决定H5成败的关键要素之一。银联这款小游戏，在背景配乐基础上加上“声画对位”的音效，根据画面元素模拟现实声音，创造出了更为真实的体验，人的情绪很容易被调动起来。
整体来说，银联手机闪付推出的H5小游戏，打造了营销H5从创意策划、设计制作到开发上线的正确示范。“魔性”的情节设置，精致流畅的画面，以及足够有趣的文案和交互动效，让它在这个H5审美疲劳的当下，成功抓住了消费者以及小Z的心！
那么，再来玩一次？
👇
（点击“原文链接”也可直接玩）
已经信了吧，打开太麻烦，不打开很简单。如果你体验过【不打开APP就支付】的【银联手机闪付】，相信你一定会更明白这种感觉～
怎么操作这种新一代的支付方式？跟着小Z一起来
先来绑卡吧，只要你是六大手机Pay的用户之一——Huawei Pay, Mi Pay, OPPO Pay, Apple Pay, Samsung Pay, Meizu Pay ，找到手机钱包，进入卡包，点击+号后跟着流程做就OK了。
使用时，用双击电源键等方式，就可以快速唤起支付界面，验证指纹/密码即可NFC支付，同时还能支持二维码支付，从此乘公交或地铁、便利店、超市、快时尚、咖啡店、咖啡店等场合，都可以快人一步～
欲知操作详情
和小Z一起观看创意视频《手机闪付奇遇记》吧！
👇👇
7月22日至7月31日
还有超5万家合作商户
推出刷银联手机闪付享5折的优惠活动！
赶紧进入各大手机里的”钱包”绑卡
即刻享受银联手机闪付
＃不打开APP就支付＃！
也可复制链接到手机浏览器
H5玩起来～
👇👇👇
