最近在做一款产品，因为时间紧迫，产品经理决定不做常规的Native app，采用H5的方式做个web app。在接受需求后也就开始关注采用HTML5写的框架型app与原生app有哪些不一样的地方。因为我们前期经过调研，所以和研发沟通很顺畅一次通过设计稿。下面是一些经验与大家分享。
什么是Native App & Web app?
Native App开发即我们所说的原生APP开发模式，该开发针对iOS、Android等不同的手机操作系统采用不同的语言和框架进行开发。APP内所有的UI元素、数据内容、逻辑框架均安装在手机终端上。
Web App开发即是一种框架型APP开发模式（HTML5 APP 框架开发模式），该开发具有跨平台的优势。APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端读取数据呈现给手机用户。
怎么分辨Native App & Web app？
安卓系统有些手机可以采用开发者模式查看是否有边局界限，如果有则是Native App 没有的则是Web app。如果没有这样的功能，可以刷新页面，如果图标每次都重现加载，那是Web app。
Native App & Web app的特点分别是什么？
Native app特点
1.性能稳定，可调用系统自带动画
2.支持离线模式
3.可以调用手机终端的硬件设备功能（语音、摄像头、短信、GPS、蓝牙、重力感应等）
4.每次获取最新的APP功能，需要升级APP应用
5.原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架
H5特点
1.性能不稳定（动画不流畅，刷新造成性能耗损严重）
2.浏览器兼容问题
3.过分依赖网络，不支持离线模式
4.不能调用手机终端的硬件设备功能（语音、摄像头、短信、GPS、蓝牙、重力感应等）
5.应用消息推送不够及时
6.APP用户无须频繁更新APP应用，与云端实现的是实时数据交互
7.框架型APP应用的安装包小巧，只包含框架文件，而大量的UI元素、数据内容刚存放在云端
HTML5框架型app对于交互设计的影响有多少呢？
因为过多的动画会造成性能不稳定，所以对于过多华丽的动画我们需要避免。毕竟用户如果打开一个app就会因为动画造成卡顿的现象，我相信这个体验是相当差的。可能造成用户留存率很低，大量流失的现象。
HTML5因为动画需要限制也造成交互手势也受到了限制。如侧滑会造成面板加载的现象。因为HTML5框架型app是在浏览器内浏览，和浏览器的手势也不能冲突，为了性能稳定，我们最好避免过多的手势操作，采用常规的点击，如点击按钮，点击图标来满足页面跳转，信息交换等
所以总结来说，如果你的公司需要开发一款应用，该应用无需调用硬件设备、又需要兼容多个平台、时间短暂那可以采用H5框架型app。
第一篇文章，希望可以一直坚持下去！
网友评论