目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App。


一、介绍

  1. Web APP
    Web App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用,基本上可以说是触屏版的网页应用。
  2. Hybrid App
      Hybrid APP指的是半原生半Web的混合类App。需要下载安装,看上去类似Native App,但只有很少的UI Web View,访问的内容是 Web 。
  3. Native App
      Native APP 指的是原生程序,一般依托于操作系统,有很强的交互,是一个完整的App,可拓展性强。需要用户下载安装使用。

二、技术特性

相比之下,Web App在体验中要逊于Native App。受限于5个因素:网络环境,渲染性能,平台特性,受限于浏览器,系统限制。对网络环境依赖性较大,会影响用户体验,并且H5技术自身渲染性能较弱:对复杂的图形样式,多样的动效,自定义字体等的支持性不强。基于浏览器的Web APP在打开新的模块中的页面时,大多会新开窗口来展现。综述所述,在设计Web APP时,应当遵循以下几点:
  1. 简化
  简化不重要的动画/动效
  简化复杂的图形文字样式
  2. 少用
  少用手势,避免与浏览器手势冲突
  少用弹窗
  3. 减少
  减少页面内容
  减少控件数量
  减少页面跳转次数,尽量在当前页面显示
  4. 增强
  增强Loading时的趣味性
  增强页面主次关系
  增强控件复用性

论Web App、Hybrid App、Native App三类主流APP设计差异相关推荐

  1. 安卓app开发工具_怎么开发app软件需要多少钱?主流app开发工具盘点

    现在智能手机的快速普及让手机app在生活中越来越重要,很多企业及创业者也意识到了app的重要性,但是怎么开发app软件?有哪些主流app开发工具呢?这里就为大家分享一下如何快速开发app软件. 一.编 ...

  2. Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  3. 聊聊Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  4. 论Web App、Hybrid App、Native App设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  5. Hybrid App 和 React Native 开发那点事

    版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...

  6. web项目打包成Native App

    web项目打包成Native App 好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成 ...

  7. “榕树下·那年”移动app ( hybrid ) 开发总结

    榕树下网站本身的技术人员并不多,所以app开发的任务就到了母公司盛大文学这边. 盛大文学无线业务中心负责这次具体开发任务. 一如既往的,开发的情况是:时间紧,任务重,人手少 技术选型 为了同时上线An ...

  8. 基于 React Native 的 58 同城 App 开发实践

    作者简介: 彭飞,58 同城 iOS 客户端架构师.专注于新技术的研发,主要负责 App 端组件化架构以及性能优化,并已推广 React Native 在 58 同城 App 中业务场景的应用.在 M ...

  9. 高性能html5的app,hybrid app走向轻混剖析wex5开源高性能html5 app开发框架.docx

    hybrid app走向轻混剖析wex5开源高性能html5 app开发框架 Hybrid App走向"轻混",剖析WeX5开源高性能HTML5 App开发框架4月23日上午,HT ...

  10. 如何将React App转换为React Native

    I have been working on a lot of mobile projects lately - including Cordova, PhoneGap, React Native, ...

最新文章

  1. std::function简介
  2. android 相机 全功能,一加7系首个Android 11公测代码暗示了相机应用的诸多功能更新...
  3. 服务器显示器切换_尼某某 DDOS 攻击高德,致使服务器处于黑洞状态 5 个多小时:被判 16 个月...
  4. day13 生成器 三元运算 列表解析
  5. 分类问题后处理技巧CAN,近乎零成本获取效果提升
  6. workerman高并发异步mysql_workerman怎么实现高并发
  7. Python学习笔记简单数据类型之字符串
  8. 解密GaussDB(for Influx)时序洞察
  9. 【python】lambda函数
  10. Java实现复杂邮件发送(支持附件、支持多收件人、多抄送人、多密送人)
  11. cefsharp修改html,C#使用 CefSharp采集网页源代码
  12. 箭头函数与this指向详解
  13. 使用consul注册中心要求服务以自定义instance-id形式注册
  14. NV Fermi游戏架构全解析
  15. 宫崎骏电影-Music
  16. Redhat 8修改系统语言为英文
  17. IMF最新报告:E-money上位,合成版「央行数字货币」迎来曙光
  18. 大兴线各站名均有特殊含义,给大家普及一下!
  19. 小复习1 Python求解一元二次方程解(自定义函数)
  20. 自我介绍 的html页面,html初学者自我介绍网页

热门文章

  1. Latex符号查询网站
  2. 漫射光层析成像的正问题理论模型(一)——蒙特卡洛模型概述
  3. matlab中单相整流器,应用Matlab仿单相PWM整流器的一种简单方法
  4. 我的世界Java种子大全_种子(世界生成)
  5. cru使用教程_极客自习室 篇四:「教程向」给你显示器超个频呗!一键提升40%!省下好几百!...
  6. 学会Java输入输出流,看这一篇就够了,建议收藏!
  7. RDKit | RDKit中处理分子Mol对象
  8. 信息论与编码2 期末复习-BCH码
  9. 线性同余法产生随机数C语言,使用线性同余法生成伪随机数/序列(C++实现)
  10. PostgreSQL column cryptographic use pgcrypto extension and optional openssl lib