小程序和App有什么区别（介绍小程序和APP区别和联系）

小程序对于我们大家来说应该毫不陌生、非常熟悉：逛商场的时候会看到扫一扫启动线上商城的小程序、下馆子的时候会碰到扫一扫启动点菜下单的小程序、邮寄快递的时候会看到扫一扫在线填单的小程序···这些小程序打通了线上线下的链环重构了人们的生活习惯在如今的生活中随处可见。

但是在设计讨论圈内会经常遇到一些设计新人这样提问、或者在求职面试中也经常会被面试官问到这样的问题：

小程序与app有哪些区别呢？

可能大多数人虽然心里清楚但无从说起或者只能说出个大概那么本文就笔者过往的工作经验进行概括总结统一归纳一下小程序与APP到底有哪些区别。

首先来说一下小程序的背景吧：

它是一款基于的轻应用面向10亿+的用户群体具有四个特点：无需安装、无须卸载、触手可及、用完即走。从2017年年初上线到现在已过去两年多经历过初期的暴热到中期的低迷、再到现在继续火热的阶段。所以现在很多商户以及企业都在迅速开发属于自己的小程序市面上一些热门的主流app也研发了对应的小程序窗口（如京东、严选、拼多多、饿了么、小红书等）。因为它轻量、简单、开发成本比app低可以说现在的小程序非常受企业及用户的欢迎真的是无处不在、触手可及。

接下来本文将从以下几个方面阐述小程序与App的区别：

1、用户群2、下载及安装3、开发成本4、引流推广5、产品定位6、基础框架7、用户体验

1、用户群

载体不同则用户群体不同小程序是基于平台的应用用户群仅限用户截至目前也就是10亿+的用户量；而APP则是上架在App Store及Android应用市场面向全球拥有智能手机的用户也就是33亿+的用户量。

2、下载及安装

小程序是建立在基础上的可以通过在内主动搜索或者扫描小程序的二维码就可以立即加载立即使用响应速度非常快无需单独下载和安装占用手机内存空间可以忽略不计（只是部分缓存数据）；

App则需要通过手机内的应用商店（App Store）进行下载安装之后才能使用通常下载包比较大会占用手机的内存空间经常会出现手机的内存不足而导致无法下载所以也经常听到身边的朋友抱怨没用多久的手机会经常提示内存不足甚至导致系统反应慢、操作卡顿等现象。

3、开发成本

小程序是基于腾讯的小程序开发框架进行开发开发技术类似HTML。一次开发就可以自动适配所有手机 设计也只需要设计750*1334一份稿子就行、输出2X图给开发所以总体来讲开发成本相对较低；

而APP在实际开发中它需要开发安卓系统和iOS系统两种版本所用到开发语言不同同时还需要根据手机的不同尺寸进行适配开发成本较高。

4、引流推广

小程序因为背靠基于庞大的用户量并且活跃指数比较高引流效果特别好。但是对小程序进行了诸多限制特别是流量获取方面很多营销策略在小程序被腾讯禁止严重的还会下架封号所以营销策略受制于腾讯的政策要求；另外小程序可以与公众号进行互通跳转降低了推广难度提高了小程序的活跃性。

APP需要用户主动在应用市场下载受制于流量及话费成本推广难度较大。但是APP内部的功能架构、推广拉新的内容由运营者全权把控推广方式不受限制因此推广渠道较多可以采用线上+线下多种推广方式自由性更高。

5、产品定位

小程序是在的框架里面大小受的控制比如之前不能超过2m虽然现在调整了开发可以用分包加载的方式扩至8m；但是对于原生app来讲相差是很大的原生的app可以达到几十兆上百兆、不受限制。

正因为内存的控制所以产品定位就会有所区别必而导致内容框架会有所不同小程序只能在功能架构上设置较为简单比较轻量的适合一些工具属性的应用符合“快速打开、用完即走”的理念。

原生App的内存就不受控制那么内容框架可以根据产品定位随意增添可发挥的空间非常大一些电商、社区等等无论多么复杂的应用都能一一实现。

另外因为小程序的发展时间相对较晚所以大多数都是先有成熟的App之后为了抢占的生态流量再研发对应的小程序那么因为内存限制以及上架平台属性的不同所以两者的内容框架及结构就会不同通常将App中现有的成熟的内容版块进行删减重组再迁入到小程序体系中做出适合生态圈的小程序产品。

如上：豆瓣原生app包含了首页-书影音-小组讨论-市集-我的等多个内容板块但是小程序只保留了豆瓣最核心的部分-电影评分的栏目将其商城和社区的模块全部砍掉了只是将小程序作为一个资讯型的浏览窗口。

如上：读书app中包含了发现-书架-故事-我的四个板块围绕“读书”进行展开其实已经够轻量够简单了但是在小程序中做的更为清爽简洁没有Tab Bar所有内容集中在首屏展现包含了书架-推荐-榜单-分类-精选砍掉了原app中故事和朋友分享推荐的板块让用户更纯粹地集中在读书的内容当中。

如上：美团原生app是一个体系非常庞大的应用在最新的版本里面包含了“支付” 、“吃”、“住”、“行”等多个方面为了丰富平台内容属性增强用户粘度还增加了社区的发现版块；小程序则删减了“支付”和“发现”的内容保留了最基本的“吃”、“住”、“行”的框架。

6、基础框架

其实移动端产品的设计规范和原则大致是相同的但是因为受制于小程序的框架小程序产品与App产品在部分版块的表现形式上会存在一些差异主要体现在以下几个方面：

6.1 顶部导航栏区域

小程序的导航栏官方指定了两种样式一深一浅背景色可自定义遵循“导航明确、来去自如”的原则。导航栏的样式是固定不可更改的所以我们经常看到一些小程序的banner都是处于导航栏的下方一些原本可安置在导航栏的定位、搜索、消息等模块的内容也自动下移：

通常在app的界面中整个界面都是可以自定义所以顶部的导航区域不受限制设计上非常自由、可发挥的程度非常高经常会看到导航栏+banner+icon入口结合在一起。

如上：京东app的导航栏和banner区域是融合在一起的这样可以让界面效果更整体氛围感和沉浸感更好；

京东小程序的导航栏则保持了小程序框架的“胶囊”icon将搜索下移去除了扫一扫及消息入口导航栏的留白处理会割裂顶部的整体关系。

如上：饿了么app中导航栏处是有定位及扫一扫入口的但是在小程序中定位和搜索统一下移为了保持界面的整体感在导航栏底部增加了饿了么的品牌色。

但随着小程序的逐步更新导航栏除了“胶囊”icon的位置不可变其余也是可以自定义的只是相对来说比较麻烦。

如上：严选的小程序中在导航栏就增加了品牌LOGO和搜索框并且自定义了背景色与banner融合在一起整体感相比以前明显增强；深圳地铁乘车码的小程序在导航栏处增加了地址的选择入口可以切换不同的城市；知乎小程序的首页新增了搜索框在二级界面新增了返回上一页和回到主页的入口虽然给用户提供了便捷性减少界面的跳脱率但是在形状上与右边的官方菜单样式过于类似完全对称的布局样式在形式上过于呆板。

6.2 底部标签栏

底部标签栏是移动端产品的主要导航方式主要表示用户当前所在的位置所以会有选中与未选中两种切换方式。

在原生的App产品中标签栏经常会看到不同的表达形式有些是冲破边界采用自由的异形元素有些在Tab切换时会有动效切换的效果非常生动有趣容易吸引用户的注意力；

而在小程序的产品中Tab切换形式通常比较单一使用的是常规切换方式不会有动态效果主要受制于框架的限制。

如上：美团外卖app中tab切换时每个图标都有缩放的动态效果视觉表现强烈；而在小程序中则表现较为单一利用不同的颜色进行区分。

如上：爱奇艺app中每个图标切换时标签栏的边界都会随图标的缩放一起抖动非常生动有趣；而在小程序中使用的是常规的线面切换。

6.3 弹框

在常规的app中我们知道一个页面中弹框的优先级是更高的会强制用户阅读弹框内容只有手动关闭弹框才能执行其他动作；但是在小程序中导航栏与标签栏的层级更高弹框不能置为最顶层所以用户依旧可以点击标签栏切换不同的界面。

如上：每日优鲜的APP中弹框层级更高内容非常醒目；但是在小程序中背景遮罩不能覆盖导航栏和标签栏弹框的展示效果较弱。

6.4 引导页/闪屏页

当我们下载一个新app的时候经常会看到2-4张的引导页主要介绍产品的一些核心功能和具体的玩法让用户有对产品属性有一定感知；在日常启动app的时候也经常会看到一些闪屏页主要展示平台合作商的一些广告（增加盈利）、节假日的问候（增强产品温度）等。

小程序内受制于的框架所以是没有引导页和闪屏页的这在产品推广和情感温度的表达上就会差一些。

6.5 消息推送

普通app会隔三差五的给用户推送消息甚至是广告好处是可以提示用户打开应用增加启动应用的频率提升产品活跃度坏处是过多的消息推送会对用户产生干扰逼死强迫症用户；

小程序是不允许主动给用户推送广告的仅能回复模版消息站在不打扰用户的角度来说产品体验比较好。

7、用户体验

1虽然现在小程序的入口提到首页通过下拉就能轻松获取但至少需要点击3步才能打开对应的小程序；

原生App是直接下载在用户的手机桌面上所以在打开方式上原生App会更快速一些；

2流畅度上虽然小程序流畅度还不错但是当切换界面的层级较深、加载动态数据时还是会存在部分卡顿现象；app在界面切换的流畅度以及加载数据的响应速度都会比小程序更好一些；

3在原生app中经常会看到一些非常有趣的动画展示氛围感特别浓烈带给用户非常友好的沉浸感和归属感；但是在小程序中受到内存的控制动画展示的元素会非常少因而在界面的切换体验中会觉得非常单一、平淡很难给用户留下深刻印象。

4虽然公众号与小程序可以快速互通响应但是在小程序与App的关联体验就会相对较差；目前如果从一个小程序打开对应的App需要先打开客服对话框—回复提示数字—客服发送链接—点开链接才能响应App整个步骤相对比较繁琐体验较差。

（当然作为腾讯来讲肯定也不希望用户从自己的平台跳到别的平台为别的平台去创造流量除非是自己腾讯体系的产品）

小程序和App的区别有很多两者的关系是既可以相互补充又可以完全独立。对于APP来说打通了的流量更加容易引流获客通过小程序降低了用户体验部分核心功能的门槛；对小程序来说拓展了功能实现了互通共赢。小程序从发布至今已有两年半的时间了曾经也经历过低迷期但是随着的迭代更新小程序自身的逐步优化目前已越来越受欢迎越来越多的企业都加入到小程序的阵列当中。我们在设计以上应该考虑小程序与App的诸多区别分析他们的优劣势选择合适的方向去研发属于自己品牌调性的应用。