1.1 认识小程序

使用微信的用户或多或少都使用过小程序。其实，微信小程序又分为游戏小程序和应用小程序。通常将应用小程序称为小程序，而将游戏小程序称为小游戏。

在日常生活中人们经常会使用到小程序和小游戏。欢乐斗地主、腾讯桌球、腾讯四川麻将等小游戏都非常火爆，日常生活中人们使用比较频繁的各个应用程序也几乎都有小程序的版本，如新浪微博、知乎等。

1.1.1 小程序的发展史

2016年9月21日，微信小程序正式开启内测，在内测期间，各种目光和评论都集中在微信小程序这个新兴的应用平台上，等待观望其后续的发展。

2017年1月9日，第一批小程序正式上线，用户可以在微信上体验各种小程序提供的服务。小程序的热度达到最高，各种褒贬也随之而来。

2017年12月28日，微信开放了小游戏功能，并且通过“跳一跳”小游戏再次引爆热点。

2018年1月18日，微信提供了小程序侵权的投诉渠道，平台规范性更加完善。

2018年1月25日，小程序开放与移动端App互相跳转和交互的功能。

2018年3月，小程序广告组件启动内测，开发者应用变现的能力增强。

2018年7月13日，小程序支持收藏功能，用户可以将喜欢的小程序直接添加到“我的小程序”中。

2018年8月10日，小程序后台数据分析工具进一步升级，运营人员可以在小程序后台看到更多用户数据。

整体来看，小程序正在快速蓬勃发展，虽然在此过程中遇到过很多质疑，但是并没有阻碍小程序前进的脚步。如今，小程序已经替代了许多轻型应用，并且使线下实体店可能以更小的成本拥有自己的线上服务平台。小程序已经在各个领域中为人们的日常生活带来了非常大的便利。同时，小程序的发展趋势也越来越具有开放性，更多的高级开发工具、用户分析工具和API接口都会提供给开发者使用，无论是对于用户还是对于开发者，这都是一个更好的时代。

1.1.2 几款优秀的小程序

在微信消息主页面进行下拉即可进入小程序窗口，如图1-1所示。

小程序窗口被分为两栏，上面部分是用户最近使用过的小程序，根据使用时间进行排序，下面是用户收藏的小程序。在最近使用一栏中，最后的查看更多按钮可以跳转到一个新的小程序列表页，小程序列表页中会列举所有使用过的小程序及用户收藏的小程序。另外，微信会通过地理位置将附近的小程序推荐给用户，将线上与线下进行无缝接合，如图1-2所示。

目前，小程序具有完善的组件库、布局体系和功能接口。常见的界面效果和常用的功能在小程序上实现都非常方便。

热门微博是一款非常优秀的资讯类小程序，其采用信息流的设计方式将热门的微博内容整合推荐给用户，并且提供了登录注册、个人中心、微博详情、查看评论等功能，快速阅读热门微博和分享感兴趣的微博给微信好友都十分方便，图1-3所示为热门微博小程序示例。

唯品会小程序是配套唯品会移动端在微信平台的电商购物应用。唯品会小程序具有完整的用户个人中心、购物车、商品分类及商品推荐等功能，在小程序中可以直接完成选货、加购物车、结算、活动参与等操作，是一款功能非常完善的优质小程序，如图1-4～图1-7所示。

腾讯视频小程序是视频娱乐类小程序中非常优秀的一款，用户可以直接在小程序上观看自己喜欢的电影、电视剧、自媒体短视频等，如图1-8所示。

除上面列举的这几款优质的小程序外，生活中的各个场景几乎都有相关的小程序提供服务，读者可以在小程序搜索栏查找自己感兴趣的小程序进行体验。

1.1.3 小程序的适用场景

首先，相比移动端的应用程序，小程序具有如下5个特点。

● 不需要下载安装，第一次使用门槛极低。

● 节省流量，节省安装时间，不占用桌面。

● 体验仅次于原生应用，但比网页应用好很多。

● 小程序平台更统一，操作流程更统一，更容易上手使用。

● 对于开发者来说，可以极大地降低开发成本，并且可以忽略平台差异。

通过以上列举的小程序的特点可以发现，小程序其实并非要代替移动端应用程序，而是解决了移动端应用程序的一些痛点。移动端应用程序的推广成本是非常高的，若要让用户花费时间和流量下载应用程序并且完成注册是一个非常困难的过程，而小程序依赖微信天然的用户体系，加之不需要花费太多时间和流量，用户会非常乐意尝试。

因此，一些即用即走的功能型应用，或者完整移动端应用中的某个功能亮点都非常适合独立成一个微信小程序。基于以上特点，小程序也非常易于与线下的场景相结合，通过线程扫码，可以快速整合线上与线下服务。

如果考虑业务场景是否适合使用小程序，可以从以下4个方面入手。

● 是否需要紧密结合线下，如果需要，小程序非常合适。

● 业务逻辑是否足够简单，小程序有体积限制，无法承载过于复杂的业务。

● 业务逻辑是否是即用即走型，小程序不会占用桌面，因此相对于移动端应用，不利于做连续性强的业务。

● 是否可以借助微信用户群，如果业务场景与微信用户体系不抵触，那么使用小程序就非常合适，推广业务也会比较容易。

1.1.4 小程序的设计建议

每个移动端应用程序都有自己的设计风格，由于小程序基于微信的闭环生态，为了提供更好的一致性和更优质的用户体验，腾讯为开发者提供了一套设计指南。查看完整设计指南文档的地址如下：

https://developers.weixin.qq.com/miniprogram/design/index.html

本节主要介绍小程序设计中的几项基本原则，从而帮助读者开发简洁、高效且体验优质的小程序。

1.简洁友好

小程序的特点之一就是高效，因此在设计界面时，应尽量减少冗余信息，将当前界面最核心、最主要的功能展示出来。同时，一个界面中也不要有多个核心功能点，这样会使重点分散，为用户的使用带来困惑。

2.流程明确

小程序更适用于即用即走的功能性应用，因此在设计时，各个流程要环环相扣，明确指引用户一步一步地完成业务场景。切勿在某个业务流程中间穿插其他的业务或需要用户操作的行为，也不要打断用户当前的使用流程。

3.导航和异常处理

在设计小程序时要考虑用户的前进与返回，页面导航结构要清晰，让用户明确知道下一步或上一步的场景。同时，要处理好异常情况，因为程序在使用过程中难免会发生异常，所以要注意捕获与处理，必要时应将异常原因告知用户。

4.配色要与微信切合

由于小程序是微信平台内的平台，在设计时，其配色方案要和微信本身的风格保持一致，过大的色差会使用户产生不适。

5.使用与微信风格一致的工具组件

例如，下拉刷新与上拉加载功能组件，以及耗时任务的等待组件、功能按钮选择框、弹窗、提示框、输入框等组件应尽量与微信保持一致，在字体和文本风格颜色的选择上也应尽量与微信保持一致，这样可以为用户带来舒适的体验。