1. 类型
(1)native App 开发 https://www.qanlian.com/ (原生)-- 一种基于智能移动设备本地操作系统(如 iOS,Android,WP 操作系统), 并使用对应系统所适用的程序语言编写运行的第三方应用程序, 由于它是直接与操作系统对接, 代码和界面都是针对所运行的平台开发和设计的, 能很好地发挥出设备的性能, 所以交互体验会更流畅.
(2)web App 开发(包括 html 5)App-- 一种采用 HTML 语言编写的, 存在于智能移动设备浏览器中的应用程序, 不需要下载安装, 可以说是触屏版的网页应用, 由于它不依赖于操作系统, 因此 Web App 开发后, 基本能应用于各种系统平台.
(3)hybird App 开发(混合)-- 一种用 Native 技术来搭建 App 的外壳, 壳里的内容由 Web 技术来提供的移动应用, 兼具 "Native App 良好交互体验的优势" 和 "Web App 跨平台开发的优势".
2. 类型特点
(1)Native(原生)
产品特点: 偏操作互动多的工具类应用;
开发成本: 要为 iOS,Android 和 WP 系统各自开发一套 App
维护成本: 不仅要维护多个系统版本, 还要维护多个历史版本(如有的用户在 5.0 版本, 有的用户在 4.0 版本等)
版本发布: 需要发布 (用户安装) 最新版 App
资源存储: 本地
网络要求: 支持离线
开发时间: 耗时最长
人员配比: 需要 iOS,Android 和 WP 各自系统的开发人员
(2)Web
产品特点: 偏浏览内容为主的新闻, 视频类应用
开发成本: 只需开发一套 App, 即可运用到不同系统平台
维护成本: 只维护最新的版本
版本发布: 不需要发布 (用户安装) 最新的 App
资源存储: 服务器
网络要求: 依赖网络
开发时间: 耗时最少
人员配比: 会写网页语言的开发
Hybrid(混合型)
产品特点: 偏既要浏览内容, 又有较多操作互动的聊天类, 购物类应用
开发成本: native 部分需要为 iOS,Android 和 WP 各自配备开发人员, Web 部分只需统一配置
维护成本: native 需要为多最新版本和多个历史版本, Web 只需维护最新版本
版本发布: native 部分需要发布 (用户安装) 最新的 App,Web 部分不需要发布 (用户安装) 最新的 App
资源存储: 本地和服务器
网络要求: 大部分依赖网络
开发时间: 耗时中等
人员配比: 大部分工作由写网页语言的开发承担, 再加上不同系统的开发
3.hybird App 技术设计特点
(1)图像渲染
Native 技术部分由于能直接调用系统的渲染引擎, 所以能实现流畅的复杂图像渲染, 而不影响设备的性能.
Web 内容部分由于是基于内置浏览器, 在图像渲染的时候要通过浏览器访问系统的渲染引擎或调用基于浏览器的第三方渲染引擎, 中间需要在多个层级进行渲染请求, 所以渲染的时效性和性能会下降不少, 导致较复杂的图像渲染或动态渲染时, 会出现机器卡顿.
(2)动效
Html5 的 Web 技术, 对动效的解释和操作需要消耗大量的 CPU 性能, 在设计时, 要注意以下三个方面: 不同动效, 不同机型, 不同网络环境, 否则会很卡~
(3)兼容性
由于 Hybrid App 的 Web 内容, 是不同的平台共用同一套设计方案, 所以为了更好地让设计方案兼容不同的平台特性和手机分辨率, 所以建议文案和图形采用以下三种方式: a. 使用安卓和 iOS 的默认字体; b. 使用 SVG(可缩放矢量图形): 能够自由缩放大小来适应不同屏幕尺寸和分辨率, 不会模糊变形; c. 用 Iconfont 来代替图标: 能够自由变换大小和颜色.
(4)交互方式
H5 如果想要和原生保持同一交互方式, 会耗费较大的人力成本, 所以可以适当有差别;
(5)加载方式
A. Native 部分: 可以根据需要把常规内容存储在用户的手机上, 加快加载的时间和减少重复加载相同内容的麻烦.
B. Web 部分: Web 内容区域是需要从网络上加载内容的, 尤其在网络条件不好时, 需要设计友好的等待状态, 缓和用户的焦虑情绪.
4. 设计与技术的权衡
(1)保证主流程的流畅体验;
(2)提前沟通产品方案~
来源: http://www.bubuko.com/infodetail-3166959.html