想提升转化率,你一定要了解的10种营销交互!

举报 2019-09-06

想提升转化率,你一定要了解的10种营销交互!

数字营销的范畴如今越来越广,除H5外,随着5G来临,互动视频、户外大屏、互动装置等等......

可以说,只要是未来有屏幕的地方,就一定会有广告,而这些广告,也一定要伴随更多交互,这些交互方式,就是营销交互。

在广告行业,大家会把他称作是“互动”,而其实,随着行业发展和细分,这个“互动”早就不简单了,他往往会关系到打开率、用户留存、购买转化这些非常重要的信息。
这期,小呆会为展现10种最常见,营销交互方式在H5中的运用,希望能为你带来新的思考和启发!


01 滑页交互- 交互类型

想提升转化率,你一定要了解的10种营销交互!

转场- 留存率:高滑动页面交互,是H5中最常见的交互方式,主要作用是转场,因为大家比较熟悉这类操作。所以,在滑页时,观看者流失率比较低。

又因为这类交互方式单一,所以,行业中有一个5-8页最佳滑页数上线的说法。但其实,同样的滑页转场,如果能够有不同的转场花样,就能弥补呆板,见下图《致匠心》。


《致匠心》的转场交互

想提升转化率,你一定要了解的10种营销交互!


《我们之间就一个字》的转场交互

想提升转化率,你一定要了解的10种营销交互!


02 长滑页交互- 交互类型想提升转化率,你一定要了解的10种营销交互!

转场- 留存率:较高和滑页不同,长页面交互在转场时,不会有那种不连贯的感觉,从而能够减少流失率。

但通常说,页面内容也不合适设计过长,这很容易造成观看者乏味。

而且,除上滑动外,其实我们可以设置左右互动,这样也许能带来更强的新鲜感,例如下图H5《360°记者会》。


《两个人,如何做一款排行前十的APP》长滑页

想提升转化率,你一定要了解的10种营销交互!


《360°记者会》左右长滑页


03 长按交互- 交互类型
想提升转化率,你一定要了解的10种营销交互!

转场- 留存率:较高长按交互是指,通过长时间按压屏幕,来达到内容播放和转场的互动方式,通常说,有提升注意力的效果。

但和长页面交互特征一样,不适合长时间按压,而且在长按时,最好能够有相关进度参数,像是《1分钟漫游珠港澳大桥》中的公里数显示。


《陪伴常在 无距思念》长按交互


《1分钟漫游珠港澳大桥》长按交互


04 视差滚动动画交互- 交互类型想提升转化率,你一定要了解的10种营销交互!

转场- 留存率:极高可以说,这是目前最常用,又具备极高留存率的页面交互,和长页滑动不同,视差动画因为在页面运动时,页面元素能够呈现出不同的运动轨迹,所以,能更好提升观看者关注度。

而且,视差动画的形式也比较多样,容易制作出极为特殊的效果,像是H5作品《自白》。


《自白》的视差动画

想提升转化率,你一定要了解的10种营销交互!


《世界杯光阴的故事》的视差动画

想提升转化率,你一定要了解的10种营销交互!


05 行为引导交互- 交互类型

想提升转化率,你一定要了解的10种营销交互!

内页操作- 留存率:适中行为引导类交互,通常在关键内容步骤时出现,用于提醒观看者进行操作,可一旦使用不适当,就会有非常差的体验感。

这类交互也是H5中比较难使用的一种,看似简单,但其中要考虑的用户行为因素却非常的多。


《修复文物 遇见文明》案例中的行为交互

想提升转化率,你一定要了解的10种营销交互!


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) 后台授权,侵权必究。

    参与评论

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

    参与评论

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

    推荐评论

    全部评论(6条)