H5交互形式案例分为哪几类？

      H5移动营销内容画质优秀，体验流畅，还支持音乐、视频等多媒体素材的播放。现在就交互形式而言，H5在移动端的交互形式无非是几种常见的:点击、滑动、擦除、长按等。有些产品是H5做的，这里就稍微说一下。按交互轻重程度，H5推广可分为三类。下面就由小编为您介绍一下H5交互形式案例分为哪几类？一起来看看吧！

爆米兔

0

1条点评

咨询产品

免费试用

解决用户选型困难的好软件，有各维度的信息

客户案例

暂无

合作品牌

15

H5交互形式案例分为哪几类？

H5推广可以分为以下三大类：

    1 – 展示型交互
    2 – 引导型交互
    3 – 游戏型交互

1 – 展示型

      对展示型的定义，就是非常简单的，打开H5页面或者几个简单的滑动或点击操作就开始展示内容，对交互的要求最少，对内容的要求最高。这种H5一般就一小段H5视频或者动画，要求在开始展示的一瞬间就抓住受众的注意力。

优缺点

    优点：易于流畅地呈现一个完整的品牌故事或品牌形象；技术难度较低，交互层级较少。

    缺点：对内容的要求非常高，而且必须完整观看完整个展示才能达到传播作用。交互形式简单乏味，容易引起受众流失。

展示型交互的常见的表现形式有以下几种。

1-1 视频式

     视频式H5最为简单，打开H5就开始播放视频，一直到H5结束。这种H5对于视频内容的要求极高，能不能达到运营目的，就要看视频给不给力了。

1-2 幻灯片式

     传统的幻灯片式的播放也属于展示型交互。通过触发切换不同页面内容，一页一页地观看，利用图文和音乐播放来讲故事。比较近的案例如网易云音乐的2016年度总结，通过呈现几组简单数据来记录你与网易云音乐在2016年的过往，既煽情也有趣。

     应用场景——由于制作简单，周期短，这种H5展现形式适用于频繁、小型的需求。用在线编辑器的话，不需要任何开发，你只需要要配备一名设计和文案。因此，幻灯片式特别适应定期发布或者结合热点的营销。

1-3 空间展示

     空间展示指的是讲移动端屏幕当做一个展示窗口，打开后可以通过简单交互（移动或触控）看到很多信息。常见的形式包括全景交互以及一镜到底。

      一镜到底算是2016年下半年炒热的一个概念，但是采用这种形式的并不多，因为一般加载的内容多，技术实现复杂。但是用得好的话效果酷炫，展示内容丰富，造成的传播力也强大。2016年天猫双11一镜到底也属于这种播放式的H5，只需要一步操作，就可以看到一个宇宙，让人赞不绝口。类似的，别的厂也做了炫酷的一镜到底展示。

       这是一个一镜到底+万花筒得设计。进入页面，动画自动播放，镜头从远慢慢拉近，以一镜到底的形式展现youku网站上收录的电视剧、综艺等各类节目，按住屏幕不滑动时，展现方式会变成万花筒，松开则恢复。最后一页到达YOUKU会员推广页面，点击“拉上伙伴一起酷”分享给小伙伴，也可点击“加入会员”跳转到外部链接。

这个H5在整体设计上丰富艳丽，配合动感的音乐，效果炫酷，震撼人心。

2 – 引导型

       其实引导型和展示型很像，非常注重内容。之所以将其分开，是因为在这里需要强调一下H5中互动的重要性。毕竟大部分受众是很难坚持静静看完一段视频或者动画的（要不然优酷土豆bilibili的存在就没意义了）。H5和视频相对不同的是它可以加入互动。当我们说一个故事的时候，通过有一定引导的交互让受众和故事有一点点互动，会提升受众的参与感，激励受众继续看下去。因此引导式交互更适用于讲故事。要强调的是，在推广用的H5中，默认界面和故事对用户来说都是新的，所以所有的交互都要有一定程度的引导，否则会让用户不小心迷失在界面中。

优缺点：

    优点：丰富了用户与H5之间的交互，让用户在阅读过程中始终对故事保持沉浸感。同时安插得好的交互触点可以增强宣传推广作用。
    缺点：用户依然是在观看中被动地接受故事，参与感并没有实质的提升。

根据内容形式不同，引导式交互的H5可以细分为以下几种交互方式：

2-1 互动视频式

       缺乏交互的展示型视频很难长时间吸引注意力，如果是有一定互动性的视频就有意思地多了。这种案例需要精心选择触发时机，配合故事的结构，烘托整个故事的气氛。

     这支H5最近很火，一方面它的话剧部分非常魔性，演员很有表现力，视觉冲击感很强，另一方面又结合上恰到好处的交互触点，把控住受众观看的节奏，将“天猫无忧购”这几个字牢牢地印在了人的脑海里。

2-2 小场景式

      用户在幻灯片切换这种沉闷无聊的交互中坚持不了几页，所以当下的切换往往会采用小场景方式，每一页是一个场景，在当前场景中制造一个有趣的热点，让用户触发热点切换到下一个场景；或者有多个场景可以选择，每一个场景会有一个互动性的小故事。

       采用回到小时候挨妈妈打，结合小游戏的形式，引起回忆，带来欢乐。先选择妈妈打你的理由，之后，演绎这个场景，之后随机出现四种打击方法：如来神掌、打狗棍、无影脚、召唤术，每种妈妈打你的方式都配着搞笑夸张的动画，打完还问舒不舒服，认不认错~如果认错就进入主题页，妈妈老了，再也打不动你了，母亲节了，你想妈妈了么？如果不认错，就挨次体验各种被虐招式吧~

2-3 页面探索

       设计一个大场景，通过让受众在场景内主动探索来达到运营目的。在探索过程中，受众一边体验着浏览的乐趣，一边接受着H5推广宣传的故事或概念。在探索的最终，受众会被引导到相关的app或者活动页。

3 – 游戏式交互

       游戏型H5相比于展示型和引导型来说，最注重交互。设计一个简单的小游戏，通过有趣的游戏交互来达到吸引受众的目的，可以满足受众获得感官刺激、打发无聊时间或者炫耀自己的目的。

      那年，“神经猫”这样的游戏风靡一时，传播魔力令人乍舌。但优秀的创意并不缺少观众，一个精心设计的小游戏可以间接地将其品牌价值和活动目标推广到更多的受众。以下列出了一些常见类型。以上就是小编为您介绍的H5交互形式案例分为哪几类？希望本篇文章可以为您提供帮助！