台州页面设计:H5和Native

作者:台州市久谦网络科技有限公司 浏览: 发表时间:2021-09-02 09:35:05

台州页面设计:H5和Native

Native APP

Native APP指的是原生程序,依赖操作系统,交互性强,是一个完整的APP,可扩展性强,需要用户下载、安装和使用。

优点:

性能稳定,运行快速平稳

您可以直接访问本地资源,如通讯簿

可以实现许多优秀的动态效果

在系统层面有贴心的通知或提醒,用户体验良好

缺点:

开发成本高:不同的平台有不同的开发语言和界面适配,比如iOS和安卓。

维护成本高:比如一个APP已经更新到V5,但是还有用户在使用V2、V3、V4版本,需要更多的开发者来维护之前的版本

更新慢:根据不同平台、不同流程,如提交-审核-上线等。,需要经过复杂的流程,而iOS比安卓更复杂,审核时间更长。

H5

H5页面是一个用Html5语言编写的APP,也叫Web APP,不需要下载安装。它是一个生活在浏览器中的应用,需要通过浏览器与系统进行交互,因此受到网络速度和硬件的限制比较大。不过,随着网速和硬件的不断提升,H5在速度、稳定性和流畅度上最终会更接近Native的体验。

优点:

开发成本低:H5可以跨多个平台和终端,便于快速迭代

维护成本低:H5不需要手动升级就可以更新,维护老版本也没有成本。

快速更新:无需复杂的在线流程即可更新,方便以往产品的不断试错

缺点:

受网络和硬件的限制,即使在H5上可以实现很多动态效果,效果也不好,而安卓由于硬件和系统的劣势,效果更差。

临时进入,无法获得系统级通知、提醒、操作等。

设计上有很多限制,用户体验很差

如今,使用H5的应用程序分为两类:一类是纯H5制作的,另一类是嵌入本地页面的。

由于H5的很多缺陷,纯H5做的app很少,但是有一个app用户量很大,就是Railway 12306,页面都是H5写的。

而且更多的应用选择在Native APP/中嵌入一些H5功能,比如QQ的兴趣部落。这些功能可以快速更新,不需要跟随版本的迭代,在不同系统中的体验是一样的。

二、如何判断哪些页面是H5

如何快速判断一个APP页面是本地的还是H5的?

1.看页面跳转

相比H5页面,APP跳转更快。在网络环境一致的情况下,APP直接本地加载,H5页面加载需要调用服务器,所以H5页面跳转比较费力不稳定。

例如,Vipshop的主页将是Native,Vipshop的唯一页面将由H5编写,因此进入Vipshop的唯一页面时,加载时间会稍长。

2.看看断网的情况

断开手机网络,然后打开页面。页面Native可以正常或部分显示,页面H5可以显示404或错误页面。这是因为Native页面通常在本地缓存,而H5页面在打开页面时通常会再次拉取数据。

3.查看APP顶部的导航栏是否会关闭

如果关闭按钮出现在应用程序顶部的导航栏中,那么当前页面的正H5将不会出现(除非设计开发人员有意这样做)

当H5加载过多时,“关闭”会出现在美团app、公众评论app和微信APP的左上角。

4.确定通过下拉刷新页面的时间(前提是具有下拉刷新功能)

一般来说,如果界面是原生的,没有明显的刷新现象,如果有明显的刷新现象,例如H5页面(IOS和安卓)闪烁或显示白屏。比如微信中的H5页面和淘宝中的蚂蚁花苑页面在刷新的时候明显是白色的,但是在不到0.5秒的时间里,我多次没能捕捉到微信的截图,但是淘宝中的蚂蚁花苑成功拦截到了白色的屏幕,大家可以自己去感受一下。


台州页面设计:H5和Native
长按图片保存/分享

台州市久谦网络科技有限公司  版权所有

 Copyright © 2020 All Rights浙ICP备2020041870号-1 Reserved      网站地图

台州市久谦网络科技有限公司  版权所有 

Copyright © 2020 All Rights Reserved 浙ICP备1245789785号-1      网站地图

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了