APP、小程序、H5,开发载体如何选择?

13 评论 30053 浏览 340 收藏 20 分钟

文章从APP、小程序、H5的概念出发,从可用性、优缺点、用户体验和成本等4个方面对这三个开发载体展开了对比分析,与大家分享。

Q:阿境,我想做个小程序或者APP。

A:为什么要做小程序跟APP?想做什么类型的小程序跟APP?产品定位想好了吗?…….

Q:你怎么这么多问题?因为现在小程序跟APP热门呀,所以想做一个。

A:这样子吧,小程序、APP跟H5先了解下,你再决定。

本文将整体概述APP、小程序、H5的含义,再从可用性、优缺点、用户体验、成本等方面来全方位讲解如何选择开发载体,今后选择将不再迷惑。同时,场景的不同决定着开发载体的不同,理性对待,理性选择。

一、APP、小程序、H5是什么

一句话概括了APP、小程序、H5三者的特点,相信朋友们也印象深刻,那么阿境就以概念的形式来说说,APP、小程序、H5究竟是什么?

1. APP是什么?

APP是application的缩写,翻译为“应用”,通常专指手机上的应用软件,或称手机客户端。

在移动互联网时代,APP的出现,便捷了每个人的生活,同时,APP开发开启了每个企业移动信息化的发展。

可以说,APP开展了移动互联的时代,是最早我们所能够接触到的移动应用载体。

  • 讲讲发展,APP自2008年,苹果对外发布了针对iphone的应用开发包,供免费下载后,便催生了国内众多APP开发商的出现;2010年,Android平台的应用呈井喷式发展;一直到2012年底,APP开发已成为当时的红海市场。直到现在,跨入2020年,APP仍然是主导着移动应用的市场。
  • 讲讲意义,APP的出现,以及其创新性开发,引来众多网络大亨们的一致关注及赞许。而随着智能手机和iPad等移动终端设备的普及,人们逐渐习惯了使用APP客户端上网的方式,而国内各大电商,均拥有了自己的APP客户端,甚至于部分的个人用户,也拥有自己的APP(少数),这标志着,APP客户端的商业使用,已经逐渐普及

2. 小程序是什么?

小程序泛指无需下载便可安装即可使用的应用,目前市面上的小程序包括了微信小程序、百度小程序、各大厂商的快应用(实质上也是小程序)、以及在去年刚上线的QQ小程序等,这些都属于小程序的一种,但日常被人们提及的小程序,大多为微信小程序,本文介绍的也仅以微信小程序做例子。

  • 讲讲原理,其实现原理是以H5为基础,基于微信平台提供丰富系统与平台的接口的web应用,这种混合模式我们一般称为hybrid
  • 讲讲特点,小程序最主要的特点为“无需下载,即用即走”。但实际上,小程序也并非所谓的“无需下载”,而是由于它“小”的特点,在你打开的时候,就已在短时间内下载好了,确切的说,用“无感下载”来描述,更为贴切一些。
  • 讲讲核心价值,其作用在于【连接】——提供一对一、一对多和多对多的连接方式,从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接,同时连接服务、资讯、商业。

3. H5是什么?

H5的全称是HTML5,是HTML的第五代标准(虽然这解释太过性冷淡!)。要注意的是,H5通俗的说,是一项准则,而不是一项技术。

要明白H5是什么,那么就需要先了解下什么是“HTML”。解释下,HTML是“超文本标记语言”的英文缩写(Hypertext Markup Language),我们网上看到的网页,大都由HTML写成。

随着发展,一代代更新,直到2014年,HTML5标准规范最终指定完成并向全世界开放,而在那几年,H5也成为当时的互联网热词。

  • 讲讲特点,H5的跨平台性尤为特别,可同时兼容PC端、移动端、Windows、Linux、Android与ios,可轻易移植到不同的开放平台、应用平台上,打破如今各自为局的情况。
  • 讲讲功能,H5可无需第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果,这也使得用户使用较少的流量就可看到较完美的视觉听觉效果。不管是对于用户还是企业,都是友好的。

小结

上述太过理论化,如果你不想看,那么,阿境用一句话给你简单概括:APP丰满,但复杂;小程序精简,且互联;H5跨平台,也友好。

二、APP、小程序、H5的优缺点对比

APP,小程序,H5这三者目前已有多年演变历史及发展,市面上对于这三者的优缺点的介绍也数不胜数。

这边阿境就自己的认知,简单列举三者优缺点(不做过多分析),以供朋友们对这三者有个简要的理解。

1. 三者优点

【APP】

(1)运行速度快,体验好。

(2)可使用底层的设备功能,如摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等;

(3)在界面设计、功能设计、操作逻辑等方面,更容易做到流畅性、用户体验好。且留存率高,用户一旦下载,相较于其他两端,留存的可能性大。

(4)精准,超强用户黏性。一旦主动下载了APP,便是基于本身APP的内容有兴趣,同时APP会一直待在用户手机里,APP端便有了不断向用户传播信息,达到唤醒沉睡用户的机会。

【小程序】

(1)背靠微信十亿流量;使得小程序更易获客,降低获客成本(附近小程序功能),同时可借助微信的社交网络引发爆发性传播,“在巨人肩膀搭积木”。

(2)连接线上与线下;推动线下用户习惯的养成,小程序相比APP更容易达成线上线下场景的连接与互动。

(3)触手可及,无需下载,即用即走,体验度接近原生,用户体验好。该概念是小程序一上线就开始打的战略,可做APP的整体嫁接,也可做简洁版功能的承载体,这一特点使得能代替许多APP。

(4)开发成本低、体验接近原生、高效的流量召回、积累自由用户成为可能等

【H5】

(1)跨平台性(同时兼容PC端、移动端、Windows、Linux、Android与ios)

(2)开发周期短,维护成本较低,可快速迭代。

(3)开发相对较容易,对浏览器适配简单,简单易发布,直接上传即可,无需审核。

2. 三者缺点

【APP】

(1)开发周期长,费用多,不同的操作系统(Android与ios)需要独立开发,且维护起来也比较麻烦。

(2)获客成本高,用户使用需要下载。在没有一定知名度的情况下,使得用户去主动下载一个APP的成本高昂。

(3)更新需要上架审核,Android需在各大应用市场,ios需在App store上进行上架审核,受制于各大应用商店的规范中,上架后用户需重新更新安装。

【小程序】

(1)引流能力有限,传播有限(转发朋友圈等功能受限),且用户留存困难,在小程序中留存的概念弱。该缺点也正是由于“即用即走”的特点,导致留存困难—无绝对的优点与缺点。

(2)受制于微信管控,功能的开发取决于微信的赋能,从功能接口,甚至于类别内容等,以及部分敏感内容(也可能是wx的竞争对手)还容易遭受到封禁等措施。

【H5】

(1)用户体验差,每次打开页面,需要重新加载;

(2)加载速度慢,若是在网络情况差的情况下,网页可能加载需要长久的时间;

(3)仅能使用部分设备底层的功能,蓝牙、短信、摄像头、麦克风等功能无法使用,造成开发功能局限

3. 三者对比

【系统权限方面】

(1)H5 本身可以说几乎是没有什么系统权限的。虽然也有摄像头之类的接口,但是重度依赖浏览器能力,兼容性有限。

(2)小程序,由于依赖微信客户端本身,所以微信小程序团队将客户端的很多能力开放给了小程序环境,前提是微信也授权了相关的能力,比如允许访问麦克风,允许访问相册等。

(3)APP由于采用的是原生开发,可使用许多底层的空间及功能,系统权限也是这三者当中最高的。

【管控方面】

(1)H5 页面可以不用搞 HTTPS,有个网站就能玩。但是小程序,从后端开始就有限制,要求域名备案+HTTPS,一定程度上也是一点成本。

(2)小程序依赖微信平台,因此微信平台要对内容安全等事项负责,比如想做有 UGC 的产品,小程序上线前期就需资质

(3)APP则归属应用市场及App store的审核限定,同时也需要资质审核。

【 分享方面】

(1)小程序可分享到群,但不可分享到朋友圈,且只能在微信体系内运作;

(2)H5可分享给好友,也可分享到朋友圈,同时可在浏览器上打开;

(3)APP可分享到各大平台(受限制除外,例如淘宝在微信上的分享)

【主动触达渠道方面】

(1)H5 本身是没有用户触达能力的,如果用户关掉了页面,页面就再也没有办法主动触达该用户了。传统的营销方式都是采用邮件营销或短信营销等来触达用户。

(2)小程序支持模板消息(现已改成订阅号消息),有一周的推送时间限制。只要用户使用小程序,就可通过某种操作收集 formid,即可在一周之内的任意时间触达用户。

(3)APP可通过第三方推送(如极光推送等)推送信息给到目标用户,从而达到唤醒沉睡用户的目的。

【其他】

(1)留存率方面:APP>小程序>H5

(2)流畅度方面:APP=小程序>H5

(3)简易功能成本:APP>小程序=H5

(4)迭代周期:APP>小程序>H5

(5)追踪能力:APP=小程序>H5

由于篇幅有限,不再过多赘述,感兴趣的可以查看阿境整理的三者对比表。(如上图)

三、如何选择开发载体?

常常会遇到甲方大大或者部分老板的需求“我想做一款商城APP”,当彻底了解对方的公司情况及预算后,可能更适合他们的,是做一款商城小程序。

那么,如何选择开发载体呢?

该问题不能一概而论,这三者没有绝对的好,也没有绝对的差,取决于开发方的产品类型(行业)、产品定位(方向)、项目预算(金钱)等多个维度综合考虑。

那么,如何选择呢,阿境以自己与众多甲方大大的沟通经验,粗略分析下。

1. 该开发APP还是小程序或者是H5?

APP、小程序、H5说白了,都是一种前端的展示形式,选择哪种,取决于他们各自的特点及所携带的功能。首先需要了解的,是他们各自的优缺点,上文已经详细提到了。

在了解优缺点之后,是公司的定位,以及做产品的定位。打个比方,工具类的小程序,会比工具类的APP更来得划算,工具类的软件,本身就是“低频多次”,那么,在小程序满足其功能的前提下,选择做小程序远比做APP的成本来得低。

下面会从几个角度上来分析,如何选择开发载体。

从成本预算上来看,有钱有人有模式,那么APP是最好选择;若想小成本是错,则H5或小程序更加合适。H5和小程序则更属于在业务探索阶段的项目。毕竟同等功能下的项目预算,一个APP的成本等于两到三个的H5/小程序,但其体验相对好,且从长远的发展来看,更容易留存。

从时间周期上来看,开发H5/小程序,远比APP更加快速。毕竟在开发配置上,APP需要Android开发跟ios开发,而H5和小程序仅需一个前端开发工程师,自然在测试方面,测试单端跟两端的时间周期,也是不同的。

从流畅性及反应速度来看,APP跟小程序都是不二选择,H5则相对逊色。APP由于其原生的特性,加载页面仅需加载变化的部分,而H5其本质是网页,换页面时,通常要加载整个页面,就像是浏览器打开一个新页面一样(不清楚的朋友可以打开京东APP,及京东H5来对比下,一目了然),速度相对较慢。

从功能开发上来看,H5及小程序局限性较多,选择APP更为自由。在原生APP当中,可调用系统底层的硬件(例如摄像头,麦克风等等),支持的硬件更多,更容易扩展。相对而言,H5便望尘莫及了;而小程序是在于巨头的笼罩之下,局限于微信的管辖,功能都需要有微信的接口支持,所以,功能也相对局限(虽然,近年来微信不断地为小程序赋能)。

……

如何选择,就需要根据以上多个维度来综合分析并取舍,最终来得出选择。

假若你的客户或者你的上司要求做出来的软件开发周期要短,预算要少,流畅要高,功能要全,内存占据少,同时兼容各版本…..那么,在你看完阿境的碎碎念之后,你告诉他:“梦里啥都有。

2. 已经2020年了,小程序还是这么火,是否有替代APP的可能性?

大家往往在现在有个推理误区:“张小龙说过,小程序会替代80%的APP。”

于是乎,许多人推理得出”小程序这么火,那么,今后一定会取代APP。”

阿境认为,这完全是个悖论。在以上分析“APP能否被小程序替代”这个问题的时候,我们上面在清楚了小程序及APP的优缺点之后(其实是啰嗦了一堆),这个问题也就不难回答了。

小程序的核心价值高低在于解决实际问题的能力和体验。从用户需求的角度讲,用户不会在意自己使用的是小程序还是APP,而是更多的关注哪种方式操作更简单,流程体验哪个更顺畅,不容易占用手机内存等。

这就意味着开发者推出的小程序若非体验和服务优于APP一个量级,否则用户在操作习惯上依然倾向原有的APP。以及若非高频的场景触发,用户很难在已有app的基础上再选择一个新的操作方式。

而小程序能够替代的APP,基本是一些工具性,功能简单,较不常用的APP的功能(如日常打卡,电影购票,点餐,乘车服务类等),都是基于小程序其“无需下载即用即走”的特点;而APP的功能更加强大,如微信、淘宝等APP,是小程序无法替代的。

要注意的一点,80%不等于100%,有时候往往那仅有的20%,才是市场的一片天。

写在文末

从2010年的“我要做一款xxAPP”,一直到2014年的“我要做一款xxH5”,再到现在的“我要做一款xx小程序”,我们可以很清晰地观察看到,互联网载体的发展,影响到市场的声音,这是一种发展的趋势。

就这三者而言,并无绝对的优劣,看完文章的朋友们应该也能大致明白,场景的不同决定着开发载体的不同,理性对待,理性选择。

 

作者:阿境,热爱产品的凡夫俗子。野蛮生长,产品汪一枚,做过电商、医疗、教育行业项目,有百万级流水产品经验。公众号:梦想家阿境

本文由@阿境 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 迭代周期:APP>小程序>H5。这是为什么?H5应该是最好迭代的呀

    来自北京 回复
  2. 谢谢作者,写得很详细呢!产品运营小白很受用

    来自上海 回复
  3. 透彻,高!

    来自广东 回复
  4. 你好,APP现在有没有可能安卓和苹果用同一套开发的代码,分别打包上传到应用市场?

    来自广东 回复
    1. React Native 、Flutter 都可以

      来自北京 回复
    2. 也可以调用手机底层能力,保持流畅性的优点吗?

      来自福建 回复
  5. 感谢分享!

    来自广东 回复
  6. 写的太具体详细了,如果能把案例对比直接放出个链接,就更完美了。感谢分享

    来自中国 回复
  7. 谢谢分享呢

    回复
  8. 太具体了

    回复
  9. 感谢分享

    来自浙江 回复
  10. 感谢作者分享

    来自河南 回复
  11. 个人公众号:梦想家阿境
    期待遇见

    来自福建 回复