关于H5交互页面的类型，我在之前的文章里就有提到过，详情请看《广州H5交互类型案例展示》，而下面我将着重讲述引导型H5交互页面的优劣势，感兴趣的朋友可以了解一下。

1 – 引导型

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

优缺点：

· 优点：丰富了用户与H5之间的交互，让用户在阅读过程中始终对故事保持沉浸感。同时安插得好的交互触点可以增强宣传推广作用。

· 缺点：用户依然是在观看中被动地接受故事，参与感并没有实质的提升。

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

1-1 页面探索

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

1-2 小场景式

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

案例：妈妈再打我一次-京东母亲节

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

1-3 互动视频式

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

案例：首个手机话剧团开张了 – 天猫

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

总而言之，引导型H5交互页面最主要是对用户起到了引导作用，能够引导用户主动关注H5活动，从而提高该活动产品的品牌曝光率。如果你有H5定制设计的需求，可以来我们蓝橙互动做详细咨询！