传说中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来收集用户信息,这恐怕是有点不现实的。用户对输入行为很是排斥,所以还是能免则免吧,不要为了无关紧要的信息而流失了用户,除非你有足够的把握能让用户填写,否则都是白搭。

 

第八坑:忽略按钮的设置

你说按钮不就是一个形状两个字,用得着花心思么?如果你真的这么想,忽略了按钮的设置,那么你也等着你的按钮被用户华丽无视吧。怎样的按钮让用户眼前一亮并且提高转化率?

在文字上,可多用些紧迫感的词汇营造出一种不马上行动就错失良机的氛围,或者选择一些人情味或贱兮兮的语调,让用户在操作时能感受到乐趣。在形状上,增加一些动画明显的元素也更容易引起用户注意并点击。

  

(下载iPhone或Android应用“经理人分享”,一个只为职业精英人群提供优质知识服务的分享平台。不做单纯的资讯推送,致力于成为你的私人智库。)

文章所涉及判断和结论为作者个人观点,并不代表经理人分享立场。