产品经理必须了解的App三大技术框架 _App

曾经看到一篇不错的框架解析，对感觉正在从事移动端产品设计的产品同学或许都会对App的框架应该是起到非常好的百科作
“世上没有完美的设计，因为你最终能做的就是在各种关系之间取得平衡”
——Paul Rand（美国著名设计师）
文章分为五部分

APP技术框架的类型
APP技术框架的选择
Hybrid App技术框架的设计特点
设计与技术的权衡
小结

一、APP技术框架的类型

文章插图

三种App技术框架之间的关系
1）Native App：
一种基于智能移动设备本地操作系统（如IOS、Android、WP操作系统），并使用对应系统所适用的程序语言编写运行的第三方应用程序，由于它是直接与操作系统对接，代码和界面都是针对所运行的平台开发和设计的，能很好地发挥出设备的性能，所以交互体验会更流畅。
2）Web App：
一种采用html语言编写的，存在于智能移动设备浏览器中的应用程序，不需要下载安装，可以说是触屏版的网页应用，由于它不依赖于操作系统，因此开发了一款Web App后，基本能应用于各种系统平台。
3）Hybrid App：
一种用Native技术来搭建App的外壳，壳里的内容由Web技术来提供的移动应用，兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势” 。
二、APP技术框架的选择
Native（原生）
产品特点：偏操作互动多的工具类应用；
开发成本：要为iOS、Android和WP系统各自开发一套App
维护成本：不仅要维护多个系统版本，还要维护多个历史版本（如有的用户在5.0版本，有的用户在4.0版本等）
版本发布：需要发布（用户安装）最新版App
资源存储：本地
网络要求：支持离线
开发时间：耗时最长
人员配比：需要iOS、Android和WP各自系统的开发人员
Web
产品特点：偏浏览内容为主的新闻、视频类应用
开发成本：只需开发一套App ，即可运用到不同系统平台
维护成本：只维护最新的版本
版本发布：不需要发布（用户安装）最新的App
资源存储：服务器
网络要求：依赖网络
开发时间：耗时最少
人员配比：会写网页语言的开发
Hybrid（混合型）
产品特点：偏既要浏览内容，又有较多操作互动的聊天类、购物类应用
开发成本：native部分需要为iOS、android和WP各自配备开发人员， web部分只需统一配置
维护成本：native需要为多最新版本和多个历史版本， web只需维护最新版本
版本发布：native部分需要发布（用户安装）最新的App ， web部分不需要发布（用户安装）最新的App
资源存储：本地和服务器
网络要求：大部分依赖网络
开发时间：耗时中等
人员配比：大部分工作由写网页语言的开发承担，再加上不同系统的开发
三、Hybrid App技术框架的设计特点
由于Hybrid App是融合了Native App和Web App的技术特点，通过分析Hybrid App的技术框架成分，能让我们更好地掌握App框架的基本开发知识，有助于我们更好地去做设计。
Hybrid App的大部分内容都是在Native框架中加载Web网页内容，能在保证用户体验的前提下，让App的内容更具有扩展性，即使接入再多的内容和业务功能，也不会使得整个App的安装包过大，典型Hybrid App的代表就是我们的手机淘宝客户端。Hybrid App在设计时，要注意以下五个要点：
1.图像渲染
Native技术部分由于能直接调用系统的渲染引擎，所以能实现流畅的复杂图像渲染，而不影响设备的性能。
Web内容部分由于是基于内置浏览器，在图像渲染的时候要通过浏览器访问系统的渲染引擎或调用基于浏览器的第三方渲染引擎，中间需要在多个层级进行渲染请求，所以渲染的时效性和性能会下降不少，导致较复杂的图像渲染或动态渲染时，会出现机器卡顿。
如图所示，由于标题栏采用了Native技术框架，可采用复杂的毛玻璃效果，让标题栏更通透，而内容区采用了基于Html5的Web技术，因此不适合动态变换背景图的渲染方案（当图片轮播时，背景图会随着图片内容而动态变换出模糊的背景）。