在App里嵌入H5页面时需要注意哪些事项呢?


 在APP内部,嵌入H5页面已经是被APP开发商们玩坏了的技术了,但其实嵌入页面还是有很多门道的。今天蓝橙小编就根据自己从业H5设计多年的经验,给大家讲讲在APP内嵌入H5页面需要注意哪几个点:

 

1、仅做辅助,不大改APP布局

 

如果在APP内部大量使用H5页面来替换主页面,APP的内部稳定性就会下降,而且H5页面始终没有APP页面那么流畅,如果都是H5页面,那用户体验或许也会下降。

 

2、嵌入H5页面导航不宜超过两级


Native App页面进入H5页面上时一般都是App的二级或者三级导航的深度了,进入到H5页面后会脱离掉App的导航体系,用户心理会变得有一些疑惑或者不确定。如果H5页面的层级又比较复杂比较深,会造成用户很难理解这个页面下一步又是什么页面,怎么回去上一个页面,在这种疑惑和恐慌中很有可能的情况是用户会关闭这个H5页面回到Native App上相对熟悉的页面,导致H5页面的流失率很高。

 

下载.jpg


3、注意各个机型的匹配度


这一点主要是考虑到开发出来的H5页面响应式布局实现上,尽量使H5页面表现的像Native App页面,同时解决多机型适配的问题,因为在A机型上展示良好的页面在B机型上可能完全展示不了。我在为Getone App接入Paypal支付时,开始时没有留意,后来发现我们选择使用的新版Paypal支付页面在大量的机型上都无法显示(Paypal提供的支付页面本身存在的适配问题),后来通过及时调整回旧版支付页面才解决这个问题。

 

4、长期使用,可建资源管理后台

 

对于产品运营中要频繁使用的H5页面最好开发出来管理后台,提供几个模板,运营人员每一次只需要编辑和添加内容即可实现需要的H5页面,可以极大提高运营的效率。

 

5、两个可实现通过APP内查看H5页面的方式

 

这一点涉及到技术领域了,作为一个H5设计人员了,对此的了解也十分有限,我所知的实现方式有以下两种,使用系统内核浏览服务和使用第三方提供的浏览服务。鹅厂提供了X5浏览服务SDK,号称表现性能优异,在微信里公众号文章使用的就是X5浏览服务。


大家如果有认真观看上面的内容,那你们也算是对H5页面嵌入APP的技巧有所了解了,但就算是小编我也只是因为在这行做了几年所以才能有这些设计经验,如果你是H5小白,但又真的想做APP开发或者是H5页面运用,小编建议你可以先咨询H5技术公司,或者咨询我们网站客服。都可以获取到详细的案例信息,以供参考。这里是蓝橙小编,谢谢观看。



注:专业的H5开发找专业的公司,如果你有H5开发需求,请联系我们蓝橙互动!

 

相关链接:H5页面制作|H5活动策划公司|微信游戏开发|小程序定制|公众号开发

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询