写在上面
陌陌小程序对于我们来说应该并不陌生,也非常熟悉:去超市,你会听到扫描启动网上商城的小程序; 下订单的小程序、寄快件时填写网上表格的小程序……这些小程序打通了线上线下的链接,建立了人们的生活习惯。 在当今的生活中随处可见。
然而,在设计讨论圈中,我们经常会遇到一些新晋设计师提出这样的问题,或者在求职笔试中经常被单考官问到:
小程序和应用程序有什么区别?
也许大多数人似乎心里都知道却无从谈起,或者只能给出一个大概的想法,所以这篇文章总结了笔者过去的工作经验,总结了小程序和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的诸多差异,分析它们的优缺点,选择合适的方向来开发属于自己品牌调性的应用。
相关文章