美文网首页
1(1)APP设计-APP类型

1(1)APP设计-APP类型

作者: 长雀斑的猫 | 来源:发表于2018-12-28 17:30 被阅读0次

本文APP设计原则总体模块图如下所示:

模块图

APP分类

1、native app(中文名:原生app)

百度百科定义:基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,一般开发的语言为Java、C++等。在使用上的具体表现就是,手机桌面上的图标点进去基本就是native app。

2、web app

百度百科的定义:基于web的系统和应用,运行于网络和浏览器之上,目前多采用h5标准开发。在使用上的具体表现是,手机浏览器点击进入,会有一些应用的小图标,这些小图标在点击后,在浏览器里加载的页面

跟你直接下载一个app后打开的页面是相同的,这些小图标代表的就是web app。

3、hybrid app(中文名:混合app)

顾名思义,就是 native app 与 web app的混合。在native app里内置浏览器,合适的功能页面采用网页的形式呈现。

app优缺点

1、native app(中文名:原生app)

优点:

提供最佳用户体验,最优质的用户界面,流畅的交互

可以访问本地资源

可以调用移动硬件设备,比如摄像头、麦克风等

缺点:

开发成本高。每种移动操作系统都需要独立的开发项目,针对不同平台提供不同体验;

发布新版本慢。下载是用户控制的,很多用户不愿意下载更新(比如说,版本发布到了3.0,但还是有很多1.0的用户,你可能就得继续维护1.0版本的API)

应用商店发布审核周期长。安卓平台大概要1~3天,而iOS平台需要的时间更长

2、web app

优点:

不需要安装包,节约手机空间

整体量级轻,开发成本低

不需要用户进行手动更新,由应用开发者直接在后台更新,推送到用户面前的都是全新版本,更便于业务的开展

基于浏览器,可以跨平台使用

缺点:

页面跳转费力,不稳定感更强。在网速受到限制时,很多时候出现卡顿或者卡死现象,交互效果受到限制

安全性相对较低,数据容易泄露或者被劫持

3、hybrid app(中文名:混合app)

优点:

在实现更多功能的前提下,使得app安装包不至于过大

在应用内部打开web网页,省去了跳转浏览器的麻烦

主要功能区相对稳定下,增加的功能区采用web 形式,使得迭代更加方便

web页面在用户设置不同的网络制式时会以不同的形式呈现(以微信朋友圈为例,在数据流量下,设置APNS为WAP时,微信订阅号内容将屏蔽图片和视频。这样就能为用户省去一部分流量,整个页面阅读就不那么友好了)

app选型

1、如果app中出现了大段文字(如新闻、攻略等),并且格式比较丰富(如加粗、字体多样等),采用H5较好。原因:原生开发对解析json字符串格式不是很友好

2、如果讲究app反应速度(含页面切换流畅性),采用原生开发。原因:H5本质上是网页,换网页的时候,基本要加载整个页面,就像一个浏览器打开一个新的网页一样,比较慢,而原生系统只需要加载变化的部分

3、如果app对有无网络、网络优劣敏感(譬如有离线操作、在线操作),则采用原生开发。虽然H5可以做到,但是比较敏感

4、如果app要频繁地调用硬件设备(比如摄像头、麦克风等),则采用原生开发,这样支持硬件更多,调用速度更快,H5望尘莫及

5、如果app用户常见页面频换(如淘宝首页的各种营销活动),采用H5,维护起来更容易

6、如果预算有限(H5开发一套可在安卓、iOS、黑莓等跨平台使用)、不在乎用户体验、不在乎加载速度,肯定是H5

7、短期活动,专题营销类的页面居多的,可以选择原生app搭建框架,详细页面采用H5,便于活动的随时修改和管理;主要业务流程方面,选择原生app开发,有更好的用户体验,也可以更方便的拓展其他功能

app并存

已有原生APP的背景,可以再次开发web app

理由:web app数据可以被搜索引擎的爬虫抓到,并进行索引。如果产品只有一个app,那么它的入口独立,但同时数据也是封闭的。如果用户从搜索引擎查找的话,是找不到相关信息的。所以做成web app,可以被搜索引擎找到

用户碎片时间使用,例如一些黏性不高的应用,比如 移动搜索、网址导航等

相关文章

  • 1(1)APP设计-APP类型

    本文APP设计原则总体模块图如下所示: APP分类 1、native app(中文名:原生app) 百度百科定义:...

  • App设计类型

    APP类型 app分类 1、native app(中文名:原生app) 百度百科定义:基于智能手机本地操作系统如i...

  • 产品经理如何设计APP的签到功能

    本文大纲:1)掌握APP签到的模式和方式;2)掌握APP签到奖励的设计方法。 1 为什么要设计签到 APP签到实例...

  • iOS App开发准备

    1.iOS App开发准备 常见App类型 自上而下分层| App展示界面 + 动画 | | | || 通信与...

  • 产品经理如何设计APP启动页

    本文大纲:1)APP启动页的设计初衷;2)APP启动页的分类;3)APP启动页的设计方法和原则 1 为什么要做启动...

  • 移动端UI设计及规范1-4

    1;初始移动App设计 一;app设计的基本流程 1;公司概念图的流程 2;产品部,设计部的概念流程 3;对于需求...

  • 再说说APP测试设计(1)

    相关文章: 《再说说APP测试设计-1》《再说APP测试设计-2》《关于ad hoc test》《干了这碗蛋炒饭 ...

  • 【省呗】快速体验报告

    # APP 1 # 【APP名称】 省呗(你的信用卡分期神器) 【APP类型】互联网金融 【定位/使用场景】 省呗...

  • 产品经理如何设计移动端弹窗功能

    本文大纲:(1)认识APP弹窗的组成要素和使用场景;(2)掌握APP弹窗和非弹窗的设计方法 1 为什么要设计弹窗 ...

  • 转发:一款APP设计的从0到1之:切图标注篇

    一款APP设计的从0到1之:切图标注篇 《一款APP设计的从0到1》这是一篇系列文章干货,上次U妹讲的是关于APP...

网友评论

      本文标题:1(1)APP设计-APP类型

      本文链接:https://www.haomeiwen.com/subject/wqdelqtx.html