论Web App、Hybrid App、Native App三类主流APP设计差异
目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App。
一、介绍
- Web APP
Web App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用,基本上可以说是触屏版的网页应用。 - Hybrid App
Hybrid APP指的是半原生半Web的混合类App。需要下载安装,看上去类似Native App,但只有很少的UI Web View,访问的内容是 Web 。 - 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设计差异相关推荐
- 安卓app开发工具_怎么开发app软件需要多少钱?主流app开发工具盘点
现在智能手机的快速普及让手机app在生活中越来越重要,很多企业及创业者也意识到了app的重要性,但是怎么开发app软件?有哪些主流app开发工具呢?这里就为大家分享一下如何快速开发app软件. 一.编 ...
- Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- 论Web App、Hybrid App、Native App设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- Hybrid App 和 React Native 开发那点事
版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...
- web项目打包成Native App
web项目打包成Native App 好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成 ...
- “榕树下·那年”移动app ( hybrid ) 开发总结
榕树下网站本身的技术人员并不多,所以app开发的任务就到了母公司盛大文学这边. 盛大文学无线业务中心负责这次具体开发任务. 一如既往的,开发的情况是:时间紧,任务重,人手少 技术选型 为了同时上线An ...
- 基于 React Native 的 58 同城 App 开发实践
作者简介: 彭飞,58 同城 iOS 客户端架构师.专注于新技术的研发,主要负责 App 端组件化架构以及性能优化,并已推广 React Native 在 58 同城 App 中业务场景的应用.在 M ...
- 高性能html5的app,hybrid app走向轻混剖析wex5开源高性能html5 app开发框架.docx
hybrid app走向轻混剖析wex5开源高性能html5 app开发框架 Hybrid App走向"轻混",剖析WeX5开源高性能HTML5 App开发框架4月23日上午,HT ...
- 如何将React App转换为React Native
I have been working on a lot of mobile projects lately - including Cordova, PhoneGap, React Native, ...
最新文章
- std::function简介
- android 相机 全功能,一加7系首个Android 11公测代码暗示了相机应用的诸多功能更新...
- 服务器显示器切换_尼某某 DDOS 攻击高德,致使服务器处于黑洞状态 5 个多小时:被判 16 个月...
- day13 生成器 三元运算 列表解析
- 分类问题后处理技巧CAN,近乎零成本获取效果提升
- workerman高并发异步mysql_workerman怎么实现高并发
- Python学习笔记简单数据类型之字符串
- 解密GaussDB(for Influx)时序洞察
- 【python】lambda函数
- Java实现复杂邮件发送(支持附件、支持多收件人、多抄送人、多密送人)
- cefsharp修改html,C#使用 CefSharp采集网页源代码
- 箭头函数与this指向详解
- 使用consul注册中心要求服务以自定义instance-id形式注册
- NV Fermi游戏架构全解析
- 宫崎骏电影-Music
- Redhat 8修改系统语言为英文
- IMF最新报告:E-money上位,合成版「央行数字货币」迎来曙光
- 大兴线各站名均有特殊含义,给大家普及一下!
- 小复习1 Python求解一元二次方程解(自定义函数)
- 自我介绍 的html页面,html初学者自我介绍网页
热门文章
- Latex符号查询网站
- 漫射光层析成像的正问题理论模型(一)——蒙特卡洛模型概述
- matlab中单相整流器,应用Matlab仿单相PWM整流器的一种简单方法
- 我的世界Java种子大全_种子(世界生成)
- cru使用教程_极客自习室 篇四:「教程向」给你显示器超个频呗!一键提升40%!省下好几百!...
- 学会Java输入输出流,看这一篇就够了,建议收藏!
- RDKit | RDKit中处理分子Mol对象
- 信息论与编码2 期末复习-BCH码
- 线性同余法产生随机数C语言,使用线性同余法生成伪随机数/序列(C++实现)
- PostgreSQL column cryptographic use pgcrypto extension and optional openssl lib