传说中H5制作最容易犯的低级错误，但愿掉坑的没有你！
第一坑：操作细节欠缺人性化
H5的操作体验是很重要，千万别让你的用户操作得不爽！举个栗子，功能按钮不宜出现在两个地方，第一个是页面底部，因为大部分手机的按键都是在这个位置，容易挡住H5按钮；第二个是页面左侧，据统计放置在左侧的按钮点击率是最低的，因为大部分人都是右撇子，要横跨整个5寸手机去点击按钮实在是太大工程。
第二坑：迟迟不进入主题
H5不是拍电视剧，冗长的铺垫会让人犯困。在H5页面里，层级越深流失率就越大，用户随着页面层级的加深而不断流失，真正能看到最后页面的用户连50%都不到。在移动互联的极速节奏下，用户基本上是没什么耐性可言的，为了不让用户放弃浏览，最好还是放弃绕圈，尽快进入主题，别失去让用户接触核心信息的机会。
第三坑：滥用模板导致风格紊乱
我们在做H5时习惯性地先看模板，利用模板作为创作的基底。有的人看到花花绿绿的模板就HOLD不住了，不断地叠加着模板，以为把最漂亮的东西都塞进自己作品里就完事了。
但事实上H5不是堆砌，而是讲究搭配，一般来说，选定了一套模板就从一而终地把这套模板的风格沿用到底。当然，你可以把另一套模板的元素替换进来，但前提是与整体风格相匹配，以下来自易企秀和凡科微传单的一些搭配案例供予大家参考。
中国风风格搭配
卡通风格搭配
小清新风格搭配
写实照片风格搭配
第四坑：图片模糊文字错漏
有的人认为手机的屏幕有限，用户停留在页面的时间也是十分的短促，即使图片不清晰也不会碍事，偶然几个文字遗漏或者语句不通也没有多少人看得出。其实这样是对用户的不尊重，说句不好听的，就是把用户当傻瓜。
不管你的用户是大大咧咧的不拘小节或者是完美主义的处女星人，至少你要端正好自己的态度，不要让这些粗心的地方拉低你作品的档次，严谨细致永远是硬道理，你不重视自己的作品又怎能要求别人认真对待呢？
第五坑：交互技术宾喧夺主
高端的交互技术是H5的利器，但过分强调交互技术的话就本末倒置了，重技术轻内涵的是三流H5作品。H5不是用来炫技，而是用来传播个人或品牌信息的。
曾经有一个品牌用了很牛逼的技术打造了一个十分酷炫的H5，以致于抢去了品牌信息的风光，大家看完之后纷纷讨论这个技术是怎么实现的，而完全忽略了真正需要传达至用户心中的品牌内涵。虽说这也掀起了话题炒起了热度，但这确实是你想要的最理想效果么？
第六坑：作品臃肿得LOAD不动
据统计H5加载超过 5 秒就会有 74% 的用户离开页面，H5页面包含较多元素，所以要给你的H5减减负，打造轻量级的作品。
例如，需要用矢量图做动画的，转成SVG格式；插入图片前先用“tinypng.com”压缩下，能有效减少体积；音乐的压缩，可以考虑弄成单声道音频文件，比特率48或以下就行了。
第七坑：输入行为慎用
如果你想借H5来收集用户信息，这恐怕是有点不现实的。用户对输入行为很是排斥，所以还是能免则免吧，不要为了无关紧要的信息而流失了用户，除非你有足够的把握能让用户填写，否则都是白搭。
第八坑：忽略按钮的设置
你说按钮不就是一个形状两个字，用得着花心思么？如果你真的这么想，忽略了按钮的设置，那么你也等着你的按钮被用户华丽无视吧。怎样的按钮让用户眼前一亮并且提高转化率？
在文字上，可多用些紧迫感的词汇营造出一种不马上行动就错失良机的氛围，或者选择一些人情味或贱兮兮的语调，让用户在操作时能感受到乐趣。在形状上，增加一些动画明显的元素也更容易引起用户注意并点击。
