想提升转化率，你一定要了解的10种营销交互！
数字营销的范畴如今越来越广，除H5外，随着5G来临，互动视频、户外大屏、互动装置等等......
可以说,只要是未来有屏幕的地方，就一定会有广告，而这些广告，也一定要伴随更多交互，这些交互方式，就是营销交互。
在广告行业，大家会把他称作是“互动”，而其实，随着行业发展和细分，这个“互动”早就不简单了，他往往会关系到打开率、用户留存、购买转化这些非常重要的信息。
这期，小呆会为展现10种最常见，营销交互方式在H5中的运用，希望能为你带来新的思考和启发！
01 滑页交互- 交互类型
转场- 留存率：高滑动页面交互，是H5中最常见的交互方式，主要作用是转场，因为大家比较熟悉这类操作。所以，在滑页时，观看者流失率比较低。
又因为这类交互方式单一，所以，行业中有一个5-8页最佳滑页数上线的说法。但其实，同样的滑页转场，如果能够有不同的转场花样，就能弥补呆板，见下图《致匠心》。
《致匠心》的转场交互
《我们之间就一个字》的转场交互
02 长滑页交互- 交互类型
转场- 留存率：较高和滑页不同，长页面交互在转场时，不会有那种不连贯的感觉，从而能够减少流失率。
但通常说，页面内容也不合适设计过长，这很容易造成观看者乏味。
而且，除上滑动外，其实我们可以设置左右互动，这样也许能带来更强的新鲜感，例如下图H5《360°记者会》。
《两个人，如何做一款排行前十的APP》长滑页
《360°记者会》左右长滑页
03 长按交互- 交互类型
转场- 留存率：较高长按交互是指，通过长时间按压屏幕，来达到内容播放和转场的互动方式，通常说，有提升注意力的效果。
但和长页面交互特征一样，不适合长时间按压，而且在长按时，最好能够有相关进度参数，像是《1分钟漫游珠港澳大桥》中的公里数显示。
《陪伴常在 无距思念》长按交互
《1分钟漫游珠港澳大桥》长按交互
04 视差滚动动画交互- 交互类型
转场- 留存率：极高可以说，这是目前最常用，又具备极高留存率的页面交互，和长页滑动不同，视差动画因为在页面运动时，页面元素能够呈现出不同的运动轨迹，所以，能更好提升观看者关注度。
而且，视差动画的形式也比较多样，容易制作出极为特殊的效果，像是H5作品《自白》。
《自白》的视差动画
《世界杯光阴的故事》的视差动画
05 行为引导交互- 交互类型
内页操作- 留存率：适中行为引导类交互，通常在关键内容步骤时出现，用于提醒观看者进行操作，可一旦使用不适当，就会有非常差的体验感。
这类交互也是H5中比较难使用的一种，看似简单，但其中要考虑的用户行为因素却非常的多。
《修复文物 遇见文明》案例中的行为交互
06 选择类交互- 交互类型
内页操作- 留存率：适中选这类交互看似简单，但其实难度是众多交互方式中最高的，因为自由度较大。
所以在设计时，要考虑到内容主题特征。像是《蓝月》中，为突出紧迫感，在选择时，专门设计了选择进度条，效果非常理想。
《蓝月》案例中选择进度条
《平行世界的你》案例中的交互选择
07 3D空间类交互- 交互类型
内容展示- 留存率：较低3D场景类交互，在国内营销H5中比较少见，主要原因是因为技术门槛和用户习惯造成的，一方面开发成本高，而另一方面是因为国内用户又普遍没有类似习惯，以此导致了这类交互方式留存率较低。但随着5G时代的到来，这种情况应该会有所改善。
《穿越宇宙的邀请函》3D场景
《把1000个设计师做成饮料》3D场景
08 手势书写类交互- 交互类型
辅助类- 留存率：适中因为操作复杂，所以这类交互在营销H5中出现较少，就算出现，也通常会简单化来进行设计，在案例中，也主要起锦上添花的作用。
如果不是主题的特别需要，通常不建议加入这种操作方式，必定有些过于复杂了。
《我的首发同名专辑》签名页面
《眼瞎大冒险》画画页面
09 重力交互- 交互类型
辅助类- 留存率：较高通常说，我们可以利用一些小交互，来增添页面关注度与趣味性，例如，手机陀螺仪的调用和重力交互的加入。
可别小看了这个小小的重力交互，很多人就是因为这点细节才最终留存下来的。
《改革开放40周年，你的年代记忆》重力页面
《拉钩4周年H5》菜单重力页面
10 360度滚动交互- 交互类型
内页操作- 留存率：适中不同于3D场景类交互，360度滑动交互，并不一定需要3D技术，而主要目的是能够呈现立体场景。
这类交互方式非常适合应用在空间性较强的展览、活动、室外等场景。当然，操作往往也都比较复杂，设计这类交互其实是要尽量做减法，而不是加法。
《创造力美术馆》360页面
《2016淘宝造物节》360页面
以上就是小站这次给大家分享的10个最常见的营销设计交互了，其实看完本期内容你会发现，简单的并不一定就不好用，复杂并不一定就真正有效。
一切的设计都来源于操作者的行为本身，就算是营销广告也不例外！未来，小呆也会为你分享更多的，营销交互设计知识。
不管你是设计师、文案、策划还是创意人，只有懂了营销类的交互，未来应对工作才能更得心应手！
好了，这就是小呆这期的分享了，让更多人看到好作品，让更多人看到作品背后的价值，希望今天的分享能让你有所收获，欢迎关注小呆的H5小站！
数英用户原创，转载请遵守规范
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
全部评论（6条）