写在上面

陌陌小程序对于我们来说应该并不陌生，也非常熟悉：去超市，你会听到扫描启动网上商城的小程序； 下订单的小程序、寄快件时填写网上表格的小程序……这些小程序打通了线上线下的链接，建立了人们的生活习惯。 在当今的生活中随处可见。

然而，在设计讨论圈中，我们经常会遇到一些新晋设计师提出这样的问题，或者在求职笔试中经常被单考官问到：

小程序和应用程序有什么区别？

也许大多数人似乎心里都知道却无从谈起，或者只能给出一个大概的想法，所以这篇文章总结了笔者过去的工作经验，总结了小程序和APP的区别。

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

它是一款基于陌陌的轻应用，针对超过10亿陌陌用户群体，具有免安装、免卸载、触手可及、用完即用四大特点。 从2017年初上线到现在已经三年多了去除桌面图标阴影 软件，经历了早期的猛烈热度，到中期的惨淡，如今持续火爆。 所以现在很多商家和企业都在快速开发自己的小程序，市场上一些流行的主流APP也开发了相应的陌陌小程序窗口（如易迅、严选、拼多多、饿了么、小红书等）。 由于其轻量、简单、开发成本比App低，可以说如今的小程序非常受企业和用户的欢迎，真正做到了无处不在、触手可及。

接下来，本文将从以下几个方面来讨论小程序和App的区别：

1. 用户组

2.下载并安装

3、开发成本

4. 排水促进

5、产品定位

6. 基本框架

7、用户体验

1. 用户组

不同的运营商有不同的用户群体。 小程序是基于陌陌平台的应用程序，用户群体仅限于陌陌用户。 截至目前，陌陌用户已超过10亿； 而APP则在AppStore和Android应用市场上架。 它针对的是全球拥有智能手机的用户，即33亿+用户。

2.下载并安装

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

App需要通过手机中的AppStore下载，安装后即可使用。 一般下载包都比较大，会占用手机显存空间。 经常会出现手机显存不足，下载困难的情况，所以经常会看到身边的同学抱怨手机长时间不使用，经常会提示显存不足，甚至导致系统响应缓慢、运行卡顿。

3、开发成本

陌陌小程序是基于腾讯小程序开发框架开发的，开发技术与HTML类似。 一次性开发可以手动适配所有手机，而设计只需要设计一张750*1334的稿子，输出2X图片进行开发，所以整体开发成本比较低；

在APP的实际开发中，需要开发Android系统和iOS系统两个版本，并且使用的开发语言不同。 同时需要根据不同规格的手机进行适配，开发成本比较高。

4. 排水促进

由于小程序背靠陌陌，基于庞大的陌陌用户量，但其活跃指数相对较高，引流效果非常好。 而且，陌陌对小程序也做了很多限制，尤其是在流量获取方面。 很多营销策略在小程序中都是腾讯严禁的，严重的会下架。 因此，营销策略以腾讯新政策要求为准； 此外，陌陌小程序可以与陌陌公众号互通，增加了推广难度，提高了小程序的活跃度。

APP需要用户在应用市场主动下载，因流量和话费成本而难以推广。 另外，APP的内部功能结构以及推广内容和新内容都在运营商的完全掌控之下，推广形式不受限制。 因此，推广渠道很多，线上线下都可以采取多种推广形式，更加自由。

5、产品定位

小程序是在Momo的框架上，大小由Momo控制。 比如以前不能超过2m，虽然现在经过调整开发可以以包加载的形式扩展到8m； 而对于原生应用来说，差别就非常大了，原生应用可以无限制地达到几十兆甚至千兆字节。

由于显存的控制，产品定位会有所不同，内容框架也必然有所不同。 小程序只能设置在功能框架上，比较简单，比较轻量级，适合一些工具属性的应用，符合“快速打开，使用即走”的理念。

原生App的显存不受控制，因此可以根据产品定位随意添加内容框架，有很大的发挥空间。 一些电商、社区等应用，无论多复杂，都可以一一实现。

另外，由于小程序发展相对较晚，大多先拥有成熟的App，然后再开发相应的小程序，以占据陌陌的生态流量。 因此，两者的内容框架和结构都会有所不同。 一般会将App中已有的成熟内容版块进行删除、重组，然后迁移到小程序体系中，制作出适合陌生生态的小程序产品。

如上图：豆瓣原版APP包括首页-图书、视频-群讨论-芭莎-我的等，但小程序只保留了豆瓣的核心部分-视频评分栏目，并整合了其商城和社区。 所有模块都被锯掉，小程序仅作为信息型浏览窗口。

如上：陌陌阅读APP包含Discovery-书柜-故事-My这四只蓝筹股，围绕“阅读”展开。 TabBar，所有内容在首屏突出显示，包括书柜-推荐-列表-类别-选择，锯掉了原app中故事和同学推荐的蓝筹股，让用户更纯粹地专注于阅读内容。

如上图：美团原来的App是一个非常庞大的应用系统。 最新版本中，包含了“支付”、“吃”、“住”、“行”等多个方面。 为了丰富平台的内容属性和增加用户粘度，同时也减少了社区的发现版块； 小程序删除了“支付”和“发现”的内容，保留了“吃”、“住”、“行”最基本的框架。

6. 基本框架

虽然联通产品的设计规范和原理大致相同，但由于陌陌小程序框架的限制，小程序产品与App产品在某些部分的性能上会存在一些差异，主要表现在：方面方面：

6.1 底部导航栏区域

小程序的导航栏官方指定了一种深色、一种浅色两种样式，并且背景颜色可以自定义，遵循“导航清晰、访问自由”的原则。 导航栏的样式是固定的，无法修改，所以我们经常会听到一些小程序的banner放在导航栏下面，还有一些本来可以放在导航栏的内容，比如定位、搜索、和消息模块，也手动向下移动：

一般在app界面中，整个界面都是可以定制的，所以底部的导航区域不受限制，设计非常自由，可玩性非常高。 经常听到导航栏+banner+图标入口组合在一起。

如上图：易迅app的导航栏和banner区域整合在一起，可以让界面效果更加整体，氛围感和沉浸感更好；

易迅小程序的导航栏保持了小程序框架的“胶囊”图标，搜索下移，不仅仅是扫码和消息录入，导航栏的留白处理会分割底部的整体关系。

如上：饿了么应用中的导航栏有定位和扫描入口，小程序中定位和搜索统一下移。 为了保持界面的整体感，饿了么将顶部导航栏下移。 品牌颜色。

但随着小程序的逐步更新，不仅导航栏中“胶囊”图标的位置不可更改，其余部分也可以自定义，但相对麻烦。

如上图：严选小程序中导航栏中品牌LOGO和搜索框下移，但背景颜色进行了定制并与Banner融为一体去除桌面图标阴影 软件，整体感觉较原来明显提升； 导航栏下移了地址选择入口，可以在不同城市之间切换； 知乎小程序首页增加了搜索框，二级界面增加了返回上一页和首页的入口。 为了方便，降低了界面的跳出率，而且造型与右侧官方菜单风格过于相似，完全对称的布局风格在方式上过于死板。

6.2 顶部标签栏

顶部标签栏是联通产品的主要导航方式，主要指示用户当前所在位置，因此有选中和未选中两种切换方式。

在原生App产品中，标签栏经常听到不同的表现方式，有的突破边界，采用自由异形元素，有的在标签切换时有动态切换的效果，非常生动有趣，容易吸引人用户的注意力；

在小程序产品中，选项卡切换方式一般比较简单，采用的是常规切换方式，不会有动态效果，主要受限于Momo框架的限制。

如上：在美团点餐App中，每个图标在切换标签时都有缩放的动态效果，视觉表现力强； 而在小程序中，表现比较简单，用不同的颜色来区分。

如上图：在爱奇艺App中，切换各个图标时，标签栏的边框会随着图标的缩放而晃动，非常生动有趣； 而小程序中则采用传统的线面切换。

6.3 弹出框

在常规的app中，我们知道页面中的弹出框的优先级是最高的，用户会被迫去阅读弹出框的内容。 只有弹出框自动关闭后才能进行其他操作； 而小程序中，导航栏和标签栏是最高级别，弹框无法设置为最顶级，所以用户仍然可以点击标签栏来切换不同界面。

如上：每日新鲜应用中，弹框级别最高，内容非常显眼； 并且小程序中背景描边无法覆盖导航栏和标签栏，弹框显示效果较弱。

6.4 引导页/死页

当我们下载一个新的App时，经常会听到2-4个引导页，主要介绍产品的一些核心功能和具体玩法，让用户对产品属性有一定的认知； 日常启动app时，经常会听到一些崩溃页面，主要是展示一些平台合作伙伴的广告（降低利润）、节日祝福（提高产品温度）等。

小程序受制于陌陌的框架，因此没有引导页和崩溃页，在产品推广和情感表达上会比较差。

6.5 消息推送

普通的应用程序会时不时地向用户推送消息甚至广告。 目的是提示用户打开应用，减少启动应用的频率，增加产品活跃度。 好处是推送消息太多会干扰用户，造成用户强迫症；

小程序不允许主动向用户推送广告，只能回复模板消息。 从不打扰用户的角度来说，产品体验更好。

7、用户体验

1、虽然现在小程序的入口指的是陌陌主页，下拉即可轻松获取，但至少需要点击3次才能打开对应的小程序；

原生App直接下载到用户的手机桌面上，因此原生App在打开方式上会更快；

2、流畅度方面，虽然小程序的流畅度还不错，但当切换界面层次较深时，加载动态数据时还是会出现一些卡顿的情况； 会比小程序更好；

3. 在原生应用中，你经常可以听到一些特别有趣的动画显示。 氛围非常浓厚，给用户带来特别友好的沉浸感和归属感； 而在小程序中，是通过显存控制的，动画显示的元素会很少，所以界面切换体验会感觉非常单一、扁平，很难打动用户。

4、虽然陌陌公众号和小程序可以快速沟通和响应，但小程序和App之间的关联体验会比较差； 目前，如果您通过小程序打开对应的App，需要先打开客服对话框——回复提示号码——客服发送链接——点击链接即可回复App，整个流程篇幅比较长，体验较差。

（其实对于腾讯来说，它当然不希望用户从自己的平台跳转到其他平台，为其他平台创造流量，除非是自家腾讯系统的产品）

写在最后

小程序和应用程序之间存在许多差异。 两者之间的关系是既可以相辅相成又完全独立。 对于APP来说，陌陌的流量已经打通，更容易吸引顾客。 通过小程序，提高了用户体验的一些核心功能的门槛； 对于小程序来说，功能得到了拓展，实现了双赢。

小程序发布已经三年半了，之前也经历过一段疲软期，而随着陌陌的迭代更新，小程序本身也逐渐优化，变得越来越好。受欢迎的。 企业纷纷加入小程序行列。 在设计上，我们应该考虑小程序和App的诸多差异，分析它们的优缺点，选择合适的方向来开发属于自己品牌调性的应用。

相关文章