App已有两个主要的方向：原生App 以及 移动Web App。
什么叫做原生App??
原生App针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。
什么叫做WebAPP?
WebAPP开发即是一种框架型APP开发模式（HTML5 APP 框架开发模式），该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。
由于原生app开发周期长等原因，而基于web的轻APP更新迭代起来更方便，经过扩展同样可以使用硬件，也可发布到软件商店。而H5技术越来越成熟，现如今越来越多的企业用webapp替代了原生app。
首先，从使用场景上，WebAPP用户面临比原生APP用户更严峻的问题：
1、页面跳转更费力，有无关跳转链接。
解决方法：增加流畅性，去除多余的跳转链接，可使用延迟加载展示数据。
2、页面可视空间更小（系统自带导航或浏览器导航占用一部分屏幕空间）。
解决方法：排版上尽量简洁，只将核心的内容实现，原生APP上一些视觉特效可去除或者弱化，可取消一些float浮层，增大展示空间。
3、导航不够明显
解决方法：在导航中增加快捷导航；出现多层分类时，补充返回重要层级的快捷链接；根据不同页面规划多种快捷链接
常见WebAPP导航设计
导航快捷方式
4、交互动态效果收到限制，影响一些页面场景、逻辑的理解。
思考点：比如登录注册流程的弹出、完成及异常退出，做好文字提示。
5、毕竟是HTML5，所以还是会有许多html的问题：
1）各种手机浏览器的兼容测试
2）底层服务的调取（能调取，但只有当其是核心功能时才保留，比如去掉头像上传功能）
3）离线数据存储，减少数据请求频率。
4）考虑保存用户的哪些数据：设置、个人数据、阅读锚点、跳出页面等。
5）避免动效与浏览器的交互冲突
6）按顺序 异步加载
最后，WebAPP最终是用来引导用户下载原生APP，因而页面上可通过顶部和底部浮层或者下载条，下载按钮，客户端下载入口的形式来实现引导用户下载原生APP。
0