小程序设计与app设计的区别

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

小程序上线以来，一向被称为“便携版”的APP，关于两者之间的区别，无外乎小程序相对轻便、开发成本低等方面。但是，对于两者的详细对比却较少，小程序从诞生到产品落地和推广，到底有哪些不同呢？遨游小程序设计根据多年小程序制作经验，从以下六个方面来进行阐述小程序设计与app设计的区别。

一、小程序与app诞生背景

APP诞生先于微信小程序。

APP是随着智能手机的发展而发展的，随着手机芯片，操作系统，屏幕技术，触控技术的发展，手机进化进入智能手机时代，因此APP应运而生，APP发展至今已有超过10年的历史。APP加速了互联网从电脑时代向移动时代的转变，让用户在移动手机端就实现了很多的程序功能应用，为用户带来很多的便捷。微信也是其中的一个APP应用，是中国目前用户量最大的APP，用户量已经超过10亿。

小程序是腾讯公司推出的基于微信APP的程序应用，诞生于2017年1月，至今已有超过1年的历史。小程序的诞生是源于腾讯公司的战略发展规划：首先，微信用户量庞大，本身就可以看做是一个操作系统，小程序应用就是基于微信操作系统的;其次，小程序注重程序功能的应用，有连接万物的可能性，在未来物联网的发展领域有比较大的想象空间。

二、小程序与app在使用中的区别

2.1、用户群

微信小程序：小程序是基于微信平台的应用，用户群仅限微信用户，截至目前，也就是微信10亿+的用户量；

App：上架在App Store及Android应用市场，面向全球拥有智能手机的用户，也就是33亿+的用户量。

2.2、下载与安装

微信小程序：通过在微信中扫描二维码（搜索、分享）就可以立即加载立即使用，响应速度非常快；

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

2.3、开发成本

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

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

2.4、产品发布

微信小程序：提交到微信公众平台审核，云推送；

App：向十几个应用商店提交审核，且各应用商店所需资料不一样，非常繁琐。

2.5、功能区别

微信小程序：限于微信平台提供的功能；

App：可实现完整功能。

2.6、开发周期

微信小程序：开发周期约1~3个月；

APP：开发周期约3~6个月。

2.7、内存占用

微信小程序：无需安装，和微信共用内存使用，占用内存空间忽略不计；

App：安装于手机内存，一直占用内存空间，太多的 App 可能会导致内存不足。

2.8、手机适配

微信小程序：一次开发，多终端适配；

App：需适配各种主流手机，开发成本大。

2.9、用户体验

2.9.1、入口

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

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

2.9.2、速度

微信小程序：流畅度上，小程序流畅度还不错，切换界面的层级较深、加载动态数据时偶尔会存在部分卡顿现象；

App：app在界面切换的流畅度、以及加载数据的响应速度都会比小程序稍慢一些，具体情况跟手机配置、网速也有关系。

2.9.3、展示

微信小程序：在小程序中，受到内存的控制，动画展示的元素会非常少，因而在界面的切换体验中会觉得稍显单一，很难给用户留下深刻印象。

App：在原生app中经常会看到一些非常有趣的动画展示，氛围感特别浓烈，带给用户非常友好的沉浸感和归属感；

2.9.4、关联

微信公众号与小程序可以快速互通响应，小程序与App的关联体验相对较差，如果从一个小程序中打开对应的App，需要先打开客服对话框、回复提示数字、客服发送链接，点开链接才能响应App，整个步骤相对比较繁琐，体验较差。毕竟不是一家公司的产品，作为腾讯来讲，肯定也不希望用户从自己的平台跳到别的平台，为别的平台创造流量。

2.10、适用范围

微信小程序：适用于企业及个人，使用范围广；

App：适用于平台及集团型大企业，局限性大。

三、小程序与app在营销推广中的区别

3.1、推广难度

微信小程序：通过二维码、微信搜索、朋友分享等方式直接获得；

App：需要用户主动下载程序安装包，在没有Wi-Fi的情况下推广困难。

3.2、消息推送

微信小程序：仅能回复模版消息，消息推送次数有限制；

App：可自行设置推送次数。

四、小程序与app在市场及应用场景方面的区别

4.1、面向用户群

微信小程序：面向所有微信用户，月活跃用户超8亿人，日使用账号5.7亿；

App：面向所有智能手机用户，约20亿台。

4.2、创业机会

微信小程序：蓝海市场，在新的使用场景中可以寻求很多好机会；

App：市场基本饱和，几乎所有的领域均已覆盖。

4.3、应用场景

微信小程序：适合快速场景化服务，可以快速验证客户需求；适合初创团队，试错成本低，需要较少时间和资金投入，可以迅速占领空白领域客户渠道；

App：适合已验证可行的商业模式；适合产品复杂度高，功能受限低的产品开发；适合成熟的商业大公司，对自我品牌要求较高的企业；具备充裕的开发时间和资金储备。

4.4、具体应用案例对比

4.4.1、超高适应性的工具

通过微信小程序使用工具类产品是比较方便的，而且微信小程序无需安装，用完即走的特点也比较适合工具类产品，以下以摩拜为例进行说明。

通过对比，不难发现就摩拜而言，使用微信小程序几乎完全可以取代手机版APP。毕竟该软件的使用功能太过单一，且只有在特定的场合下使用。对用户而言，除了打开时更加好找之外，手机版APP的优势不大。如果不是考虑到出现在用户面前的概率，基本上可以仅仅开发微信小程序。

4.4.2、高适应性的电商类产品

拼多多绝对算的上是电商中的一匹黑马了，其惊人的增长速度很快就让它在电商的混战中脱颖而出，成为了仅次于阿里集团以及京东的第三大电商品牌。

上图左边是拼多多APP的页面，右边为拼多多微信小程序的页面。可以看出，基本上是没有什么区别的，值得一提的是拼多多微信分享操作等同于拼多多手机APP分享之后选择分享给朋友，而拼多多手机APP版本除了可以分享给微信好友之外，还可以分享给QQ好友、QQ空间。

相比较最开始介绍的工具类小程序而言，购物类APP的适配性相对要差一点。主要是因为购物类的APP使用频率并不低且其界面相对还是比较复杂的，使用完整版本能够带给用户更好更全面的购物体验，但是现在由于小程序功能的不断开放，支付和后台管理以及广告投放的开放，使得电商类小程序日益增多。

4.4.3、视频类

搜狐视频以及优酷视频的微信小程序功能都很残缺，连搜索的功能也没有，此外视频也不完整，要想看完整版就需要下载手机APP。而腾讯视频的微信小程序版本依然是有广告的。

考虑到微信小程序版本的视频类应用连缓存的功能都没有，因此不是很推荐，不如下载手机版APP。因此视频类的产品，最好的产品落地是APP。

4.4.4、游戏类

跳一跳某种程度上讲直接带动了小程序的火热，游戏也是微信小程序的一个重要组成部分。但是从体积上来看，微信小程序的质量肯定不会很高，毕竟一款优秀的游戏本身的体积就需要几百兆，这显然不是用完即走的微信小程序能够做到的。

试过多款微信小程序，总体感受是微信小程序是为一些让人上瘾的小游戏准备的，这些小游戏的特点是让人上瘾，能够激励好友之间进行对比，但是模式比较简单。比如跳一跳这款游戏玩法很简单，但是能够让用户不停的玩下去，微信独有的好友排名也是激励用户的重要原因之一。

微信小程序的游戏还蛮多的，且有一定的社交功能，通过小程序能够清晰的让用户知道自己的好友在玩什么游戏。不过如果一款游戏没有好友在玩，其趣味性也就大打折扣。所以微信小程序是消磨时间的首选，简单的、重复的、上瘾的和社交类游戏比较适合发布在微信小程序中。

4.4.5、音乐类

音乐类软件并不适合作为小程序，因此小程序中几乎没有主流的音乐软件。因为小程序有一个显而易见的问题就是缓存，微信小程序中没有办法把歌曲下载到本地，这就导致用户只能够在线听歌。而音乐类APP的重要使用场景之一是离线歌曲，微信小程序的特点决定了几乎不会有任何音乐类的软件能够使用小程序的模式。

就现阶段而言，微信小程序主要适合一些功能简单，使用频率低的场景。根据这个特点，微信小程序比较适合点餐场景、工具类产品以及电商类产品，对于其它类型的产品例如音乐、视频等需要缓存的软件还是下载手机APP比较好。

五、小程序与app在产品定位中的区别

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

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

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

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

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

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

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

六、小程序与app在基础框架中的区别

其实移动端产品的设计规范和原则大致是相同的，但是因为受制于微信小程序的框架，小程序产品与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会隔三差五的给用户推送消息，甚至是广告，好处是可以提示用户打开应用，增加启动应用的频率，提升产品活跃度，坏处是过多的消息推送会对用户产生干扰，逼死强迫症用户；

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

腾讯马化腾曾说：小程序并不是想取代app，而是降低APP的用户流失率。

小程序和APP的关系是互为补充的。小程序和APP的互通，对于APP来说，打通了微信的流量，更加容易的引流获客，通过小程序，降低了用户体验部分核心功能的门槛。对小程序来说，拓展了功能，互通共赢才是APP和小程序的正确关系。

写在最后

小程序和App的区别有很多，两者的关系是既可以相互补充，又可以完全独立。对于APP来说，打通了微信的流量，更加容易引流获客，通过小程序，降低了用户体验部分核心功能的门槛；对小程序来说，拓展了功能，实现了互通共赢。

小程序从发布至今，已有两年半的时间了，曾经也经历过低迷期，但是随着微信的迭代更新，小程序自身的逐步优化，目前已越来越受欢迎，越来越多的企业都加入到小程序的阵列当中。我们在设计以上应该考虑小程序与App的诸多区别，分析他们的优劣势，选择合适的方向去研发属于自己品牌调性的应用。

好了，今天的分享就到这里。很多朋友喜欢找本地的小程序设计公司，我不知道是出于何种考虑？敖游还是要老话重提一下，无论你是找企业网站建设、商城系统开发，还是企业小程序制作、百度竞价托管代运营服务公司，最主要的还是要看靠不靠谱，如果不靠谱，就算是在你隔壁，一样让你不胜其烦！遨游建站是做品牌，不会因为地域差别而影响服务质量，价格方面处于中等水平，售后服务方面，我们始终秉承“一次建站、终身维护”的宗旨，彻底解决你的后顾之忧！所以，与我们合作，无需担心身处何地——我们始终在你身边！