即将启动爱奇艺商城(mall.iqiyi.com)移动端的native化。
项目开始之前当然要梳理下为什么做native,究竟H5跟native比有什么劣势,而H5又为什么占比那么高并且有“Html5才是未来”的说法呢。下面简单理下对比。
H5,即Html5,指第5代HTML,更严格说,是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。。。好了不深入扣它的定义,比较重要的,只要理解两点:a HTML5的设计目的是为了在移动设备上支持多媒体 b. HTML5手机应用的最大优势就是可以在网页上直接调试和修改
那么H5相对于app究竟有什么优点:
1. 跨平台性与可移植性
任意H5站点与应用都可以兼容PC端与移动端、Windows与Linux、安卓与IOS。可以轻易地移植到各种不同的开放平台、应用平台上,打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本,可以让企业特别是创业者获得更多的发展机遇
2. 轻量迅捷
H5应用和网页无需下载占用存储空间,特别适合新一代移动媒体(微信等开放平台)。
3. 快速迭代
H5可以自由安排版本,无需"上架”,迭代速度快,非常适合互联网敏捷开发模式特别适合小型创业团队;
然而H5相对于原生应用,缺点也很明显(否则怎么还会有app store的存在呢哈哈)
H5缺点:
用户体验大幅落后于native,主要有以下几点体现:
a) 操作的流畅度H5低于native
如我们的H5有时候打开速度慢,有时候按钮样式加载出来了,点不了,总之就是给人感觉“有点卡””好慢”
b) H5渲染效果比不上native
简单说,就是有时候页面看上去总是丑丑的跟UI设计总有一点偏差,这一点大家看看我们的社区或者其他现有页面应该有点这种感觉
c) H5的程序的执行效率低
页面有时候打不开,有些控件有时候加载不出来,容易出bug。比如线上发现频道的一些bug,native的话有控件调用出现概率低很多
d) H5受网速的影响较大
在网络情况较差的情况下,H5往往连打开都困难,而native程序,基本都能顺利打开运行,就算网速差也只是速度较慢。直观地看,就是网络差的情况下,加载慢页面空白或者很丑
e) H5的功能受浏览器的限制大
部分用户想要的功能,因为浏览器不支持,或者是数据接口问题,导致无法实现。比如我们的视频播放置顶、内嵌视频直接播放功能H5无法实现。
以上是H5对比native的几大缺陷,如果native了,会解决以上问题,同时还有一些交互会更友好,比如返回(右滑手势)会整个商城关闭返回主站首页的不好体验也会解决。
但是native也有本身的缺点,这个可以简单概括:迭代慢,需要走上架审核流程(从电商角度看要配合主站版本,就是不再自己干自己的);需要分安卓、iOS,别的小众系统直接可能就放弃了,整体开发维护成本比原来高,而且H5还得照做;新版不能全量覆盖(需要用户更新App)
好了,以上就是一个应用的H5与native优劣对比。作为一个产品经理,如果摆在面前是两个方案,需要你做决策,来,究竟做H5呢,还是做成native,这时候心里就比较有底了吧。