第35页
操作习惯： 滑动切换。
横向或纵向滑动是一种防误触效果最佳的交互，相比点击等行为，滑动几乎可以在屏幕任何位置应用并生效。
流失率： 层级越深，流失越多。
对于任何网络营销而言，层级越深就越容易流失用户。
流失率： 复杂交互导致流失。
一些H5交互方式独特，效果非常精彩，但往往会形成“自嗨式”运营：圈内同行感叹于交互的创意，而普通用户甚至不知道怎么让这个H5运作起来。用户对任何复杂交互都需要付出精力学习如何交互。对于一开始难以辨别交互方式，或难以执行交互方式的H5，用户很可能选择跳出。
页面寿命： 固定资源推广可延长寿命。
有些固定资源没有特别强的时效性。在页面中对其长期捆绑，可以有效延长H5的产品生命周期，一些产品甚至可以在一个垂直领域内长期被分享。
停留时长： 功能型页面长于展示型。
除了特例视频流以外，通常功能交互突出的H5停留时间更长。因为仅仅从动态效果来看，H5绝对不是最佳技术。相比之下，视频等动态格式的效果比H5高太多，所以尤其在技术基础不充分的情况下，功能优先于展示效果。
停留时长： 首屏和尾屏时间更长。
缩短用户在中间环节的停留时间，比如让一个游戏难度更低，让一段动画播放更快等，以尽快到达结尾。实际上你一定会注意到，不少视频流H5中视频往往是加速播放的，尤其用一些模拟群聊会话等录制而成的视频尤甚。
按钮点击： 首屏和尾屏点击率更高。
首屏按钮通常引导用户进入正式的H5流程，结尾的按钮通常引导进入落地页。
按钮点击： 受名字影响。
给按钮起个好名字非常重要。
按钮点击： 受动画影响。
按钮的点击必须有显著的动画提示，例如手指型icon的浮动或按钮本身的缩放循环等，都会在很大程度上提升用户的点击欲望和准确点击率。
页面提示： 用户会有选择地忽略提示。
制作交互形式复杂的H5时，不要妄想用户一定会点击“游戏规则”等提示说明。不要试图用文字写这类提示，而是通过合适的交互动画直接引导用户不断前进。
操作习惯： 用户会沿用上一屏操作。
不要频繁改变各个层级的交互方式。
真人结合互动创意的视频H5有较高的分享率。
如今Wi-Fi和4G信号的覆盖率都比较高，我们可以使用大流量的内容开发H5。比如真人结合互动创意的视频，它属于“惊喜营销”，时长一般控制在100秒以内。
H5项目前期运营
立项
需求分析与数据偏离
启动一个H5项目前，应从两方面进行需求分析：用户参与和分享的动机、品牌主的投放动机。如果用户缺乏分享激励，那么H5的开发就没有意义；品牌主如果不能促进品牌影响力或销售转化率，那么H5的开发也就没有意义。
用户在打开一个H5前，通常无从判断它的形态究竟是图文、H5、普通站点还是原生页等，因而其参与动机在很大程度上取决于标题和封面图（矩形或正方形）的展示。前文已经介绍了二者。
H5在被浏览过程中的表现，将很大程度上决定用户是否愿意分享，而用户分享的背后并非分享精神，而是炫耀心理。由于H5的分享标题不仅可以引用自标签中，也可以在开发过程中从H5中调用参数赋值至标题，所以通常H5被二次分享的标题可以设置为：
· H5交互完毕的唯一结果，比如游戏成绩等；
· H5交互完毕的随机结果，比如抽签结果等；
· H5默认的标题。
它们要对用户的品质、性格、特长、爱好、能力等某方面进行展示。
前两者都涉及变量绑定，为了让变量满足分享动机，H5的交互结果一定不能是客观的，而是经过人为偏离的。几种典型的常见数据偏离包括：
· 参与人数；
· 排行参数；
· 中奖概率。
比如在“我是第×××个参与×××”的H5项目中，虽然H5可以通过调取UV数据真实显示访问量，但这在H5投放初期很不利于用户体验。我们可以对访问参数加上一个固定值，使H5最终的标题参数读取获得可观效果，引导更多用户参与。又如“我击败了全国××%的用户”的H5项目中，H5其实本身没有必要一丝不苟地通过数据库进行排行统计，一般我们会将用户的最差交互结果通过文案转化为一个可接受结果，如“60分”“击败如全国40%的用户”等，避免用户因挫折感退出H5。而对于更高的分数，可以采用偏梯度的伪排行，如40%、70%、90%和99%四个百分比的间距逐步变小，而对应的分数跨度反向增大。这样会使用户形成越挫越勇的参与心态。
而对于固定标题的H5，运营工作要重点放在标题的酝酿上。本书在前文已有详解，这里不再赘述。
技术分析
运营者应当选择合适的几种技术组合完成H5项目。就HTML5而言，其实并不存在仅调用一种技术就实现H5营销的案例，许多技术往往具备聚合性并形成一些特定的技术风格。
序列帧型H5
它常用于定格动画或者替代视频以解决播放、流量等问题。序列帧型H5往往引入用户序列的正向、反向控制或暂停行为，这是它之于视频的绝对优势，因为它与关联模组有深刻的联系。但由于序列帧的播放帧率有限，所以它主要用于：本可以用视频呈现，但是视频内容节奏缓慢的H5项目中；本来只能用基本交互呈现，但是序列帧效果更优美流畅的H5项目中。
CSS型H5
它常用于对翻转动效和缓动函数有强烈需求的动画场景，大量通过JS控制最基本的CSS动画实现位移、缩放、翻转，画面富有极强的节奏感和视觉张力。在应用过程中由于翻转动画的存在，位图在翻转时给人一种纸片感，形成一种半3D的效果。因而它主要用于：基本素材缺乏立体感，因而用CSS提高画面层次性的H5项目中；立体素材缺乏动画制作基础，因而通过CSS直接大幅度优化动效体验的H5项目中。
在H5的发展中，阿迪达斯的罗斯限量版球鞋H5营销、淘宝购物节H5营销都是CSS型H5的巅峰之作。
一镜到底型H5
一镜到底型H5往往有x、y和z-index三个视觉方向，虽然具体动画的技术非常多样，但或多或少都和关联模组有关，以控制H5的播放进度。由于一镜到底型H5一定要有线性逻辑，所以它往往用于故事演绎、年度回顾等H5项目中，而且它的最大特点是所有内容无缝衔接、连贯性极佳。
请在JZCreative公众号中回复“dz0101”查看网易《逃不掉的四字魔咒》H5 （如图3-55所示）。
图3-55 网易：逃不掉的四字魔咒
问答测试型H5
它以问答、选择等积分累积或以到达最终结果为交互目标，因而一定带有参数、参数判断、计时器等类型的组件，而且一些比较复杂的测试题还可能应用拖放等交互行为。测试题的内容可以严肃，也可以娱乐化，星座、心理方面的测试往往收效极佳。
在此，要特别讲解世界第一大H5营销公司VONVON的运营策略。它在全平台包括微信范围内，累计拥有超过15亿粉丝，仅它在脸书上的公司主页就收到过6000多万个赞（注意在行业内，脸书一个主页赞的价值是微博一个粉丝的12～15倍）。
在国内的唯一同类对象可能是微信订阅号前500强中由纪卫宁创立的超级大号“卡娃微卡”。这个以移动端微贺卡技术起家的品牌，同样通过专注于功能服务在早年就跃居行业头部。
其实在新媒体行业，优秀运营工作者的第一素养是“永远不高估用户的智商”，何况再聪明的人也总有迷糊的时刻。对于H5营销的成功，我们认为设计和交互各占一半。因此开发者和设计师煞费苦心，制造各种风格的页面和各种有趣的交互，以期望用户保持新鲜感。但往往结果是：大多数用户根本无法理解新H5的交互方法，只能选择关闭页面；或者在冗长的流程中放弃观看继而错过广告。