自2017年1月推出以来，“小程序”一直是大家关注的重点方向。 尤其是对于产品经理来说，大家都希望利用这个新的生态系统，给自己的产品带来一些新的活力。 经过两年的发展，小程序已经渗透到我们生活和工作的方方面面。 据阿拉丁发布的2019上半年小程序行业发展白皮书显示，截至今年6月，微信小程序已覆盖200多个行业，日均活跃用户数已超过2.5亿，且月活跃用户已达6.2亿。
但即使我们对小程序如此熟悉，如果让你从头开始设计一个小程序，你还会有些困惑吗？ 它与产品层面的应用程序有何不同？ 是否有一些功能无法实现？ 本文总结了小程序在产品设计中的“优势”和“局限性”，希望能帮助大家迈出小程序设计的“第一步”。
本文将从以下四个方面来谈谈我们第一次设计小程序时需要了解的问题：
1、小程序和微信的亲密关系——App和H5做不到的事情
2、带着枷锁跳舞——那些小程序的局限性
3.设计经——产品设计建议
4. Portal——你必须使用这些资源
文章最后还有大量小程序原型资源分享给大家，方便大家在工作中使用。
1、小程序与微信的亲密关系——APP做不到的事情
1.一键获取用户信息
在很多产品中，我们需要让用户登录或填写各种信息才能正常使用，比如手机号码、姓名、收货地址等。然而，整个产品流程中每增加一个环节，都必然导致损失的一些用户。
小程序在这方面有着得天独厚的优势。 不仅支持微信授权登录，还可以一键自动获取各种用户信息，大大简化流程，降低用户流失率。
详细流程图请参见此处（请访问网络）
2. 拥有多项“天赋技能”
作为微信的亲生儿子，小程序在与微信的连接方面自然有着远超APP和H5的“天赋”。 从分享、转发到客服、物流，小程序可以无缝对接并自由应用微信提供的很多基础能力。 开发人员可以轻松调用这些功能来增强他们的产品。
分享转发
由于扎根于中国最大的社交平台微信，小程序天生就具有强大的社交属性，其分享、转发功能非常自然流畅。 小程序不仅支持分享给好友、群组，还可以获取点卡好友的信息和群组ID； 同时，小程序共享的不再是静态链接，而是自带动态数据的信息卡，无需打开即可访问。 查看重要信息。
小程序强大的分享功能，让不少开发者赋予自己的产品“社交”能力，分得微信庞大的用户流量份额。 例如，电商小程序的团建活动、订票小程序的好友协助机制、提前值机的团体排名等。
客服留言
微信为小程序内置了客服能力，让每个开发者都能轻松拥有自己的客服渠道。 小程序的“客服留言”不仅支持设置关键词自动回复，还可以连接客服人员进行手动回复。
模板消息
当用户在小程序中完成支付行为或提交表单后，我们可以向用户发送相应的模板消息，以提供更持久的服务，实现业务闭环。 这些消息将统一在微信“服务通知”中推送。 1次支付行为允许7天内发送3条模板消息，1次表单提交行为允许7天内发送1条模板消息。
例如，电商小程序可以在支付成功后通知用户下单成功、发货、收货等信息。 这样可以让消息多次到达用户，并让用户通过服务通知直接返回小程序。
如下图所示，用户在“HiTea GO”小程序下单成功后，会收到三条消息：下单成功、取餐进度、取餐提醒。
广告
您还在为小程序变现问题而烦恼吗？ 除了自己的业务变现之外，微信直接贴心地为你准备了3种广告形式，帮助你解决变现问题。 您可以在公众平台上申请成为流量主，然后您就可以在您的产品中开设以下广告位来“招商”。
物流助理
“物流助手”是今年3月刚刚开通的新功能，旨在为零售、电商等各行业提供低门槛的物流能力。 微信帮助您连接各个物流公司，让您轻松高效地访问他们，您和用户都可以实时掌握物流轨迹。 同时，提货、即将发货、物流过程中的异常等关键物流状态也将通过微信服务通知直接发送给用户。
一件事，一个代码
今年7月16日，微信全面发布小程序“一物一码”能力。 从现在起，每个产品都可以拥有自己的专属代码。 对于零售商来说，每一款产品都是小程序的流量入口和信息载体。 品牌可以利用这一能力，更好地将线下销售与线上服务结合起来，将抽奖、真伪验证等需求导入到自己的小程序中。 而且，过去线下销售很难获得真实的用户画像，但现在如果引入线上服务，可以帮助商家更深入地了解消费者。
卡券功能
小程序还支持卡券接口，您可以在小程序中轻松接收、查看和使用公众号AppId创建的会员卡、门票、优惠券。 同时，这些卡券可以直接在微信卡包中使用，也可以通过卡券直接接入小程序。 这个能力对于线下商家来说非常有用。
3. 连接和互操作性
小程序是连接用户和服务的全新方式，可以在微信内轻松获取和传播。 除了连接线上和线下、连接用户和服务之外广告设计小程序模板，还需要在整个线上生态系统中进行互联。 我们来看看它是如何与其他产品形态对接以及如何连接的。
链接其他小程序
小程序之间可以互相跳转，没有任何关联和绑定。 然而，有两点需要注意。 首先，需要用户主动触发跳转行为。 其次，跳转小程序数量不能超过10个。
公众号和小程序是关联的
许多企业利用公众号、小程序形成了自己的新媒体矩阵。 公众号的底部导航、文章中的图片、文字等都可以链接到小程序。 公众号和小程序各司其职。 公众号负责内容导流和推送曝光，小程序则为用户提供更专业、更深入的资讯。 服务。
同时，小程序还可以与公众号关联。 除顶部菜单外，还支持扫描二维码后在页面显示“公众号关注组件”。 让用户在使用优秀的线下服务后，一键关注公众号，持续关注品牌。
应用和小程序互相跳转
小程序不仅连接微信生态，也与应用有着密切的“关系”。 该应用支持直接点击跳转到微信小程序的指定页面。 用户还可以通过点击应用共享的小程序卡片来唤醒应用。
4.入口众多，场景丰富
小程序的入口有70多个，堪称“无处不在的入口”。 真正做到了去中心化，大大减少了头部效应对市场年轻产品的限制。 同时，小程序可以根据不同的场景参数，确定用户进入小程序的场景入口。 我们可以结合这些场景，提供最贴近用户需求的不同服务。
2、带着枷锁跳舞——小程序做不到的事情
1. 禁止虚拟支付
iOS小程序不支持虚拟商品的支付，例如内容支付、工具服务等，这些商品不允许显示购买和支付的按钮和页面，也不支持指向外部网页或APP进行支付。
2.非全屏
小程序在任何情况下都无法实现全屏效果，右上角的工具栏也无法隐藏，包括webview（web组件）。
3.普通二维码无法长按识别。
小程序中的图片组件不支持长按识别二维码和小程序码。 内置图片预览模式下，虽然支持长按识别小程序码，但依然不支持普通二维码识别。
4.不支持监控共享成功或失败。
为了防止滥用分享信息对微信用户造成干扰，微信取消了小程序对分享成功或失败的监控反馈，无法获取是否是群分享还是好友分享。 因此，在功能设计中，需要避免监控用户的分享状态，比如判断用户分享是否成功来奖励积分等。
5、如果无法进入，会触发授权弹窗。
自2019年9月1日起，不再允许打开小程序后立即跳转登录页面或弹出授权弹窗，不得在未充分浏览和了解小程序之前强行强制用户提供授权程序。 （一些特殊小程序除外，比如必须登录才能提供服务的小程序——校园系统、员工系统、社保信息系统等）
6.页面级别不能超过10级。
当输入的页面层级超过10级时，再次点击将无法跳转，所以我们在设计时需要尽可能简化流程，避免页面层级过深。 （这里的10级并不是代表10个不同的页面，而是用户实际点击进入的页面级别。）
7. 无法分享到朋友圈
小程序不支持直接分享到朋友圈。 如果需要分享朋友圈，可以用一个小程序代码生成一张图片，并引导用户保存到本地，然后分享到朋友圈。
3.设计经——产品设计建议
1. 轻量简单，一个小程序只完成一项主要任务
小程序作为一种轻薄简洁的产品形态，“触手可及、即用即用”是其最大的特点。 因此，小程序需要用最短路径切入场景广告设计小程序模板，为用户提供最直接、高效的服务。
传统应用往往是承载多种业务的“巨无霸”，而小程序则注重“短、平、快”，因此每个小程序只需要专注于服务好一种场景。 如果要服务多种业务场景，可以针对不同场景开发多个小程序。 同时，小程序之间的跳转非常自然流畅，所以我们可以利用多个小程序组成自己的产品矩阵，让不同的小程序满足不同的业务需求。
如下图所示，我们可以看到，墨迹天气、滴滴出行、麦当劳等几款产品已经将各自的服务进行了分离，形成了小程序产品矩阵，让每个小程序“专攻其行业”。 专注于服务好单一场景。
页面简洁、重点突出
除了精简服务和流程外，我们在设计小程序时，力求清晰、简洁，每个页面都有明确的重点，让用户能够快速了解页面内容并顺利进入任务流程。
2.充分结合微信的特点
社交化并促进分享
社交网络是我们许多开发人员竭尽全力为我们的产品提供的一种功能，但往往无法实现。 作为中国最大的社交平台，微信小程序本质上是“社交”的，拥有强大的社交基础和分享能力。
因此，我们在设计小程序的时候，一定要利用好小程序的分享能力和微信巨大的社交流量来为我们的产品赋能，在我们的产品中加入一些社交玩法，鼓励用户分享。 比如星巴克的礼品卡玩法、高铁管家的好友加速活动、墨迹天气的早起好友排行榜、名片小程序的“通名片”功能等，都是利用分享来实现良好的效果。裂变的传播效应，也给产品带来新的活力。
找出产品中与微信生态最兼容的功能并重新设计
小程序与原创产品的关系并不是简单的替代和复制。 他们每个人都可以履行自己的职责。 例如，应用程序可以用来吸引用户，为用户提供更深入的服务，而小程序可以作为流量入口。
因此，我们可以找出产品中最契合微信生态的功能并重新设计，利用小程序来拓展产品的服务边界。 例如，知乎热榜就分离出了最适合阅读小程序信息的知乎热榜部分。 腾讯相册和石墨文字识别是原产品中的一个小功能，根据小程序的特点和场景进行了重新设计，使其更符合小程序用户的使用场景，也可以服务自己的用户。 引流。
结合微信功能，提供延伸服务
也有很多产品在布局小程序时，结合小程序的特点提供扩展服务，而不是把原有的功能搬到这里。 比如Gift Talk、Graphite任务单、家乐福的二维码购等，本来这些服务并没有包含在他们的产品中，但是结合他们的产品能力和小程序的生态环境，他们开发了这样一个新的服务。服务能力。
例如，自子说最初的平台是一个专注于精选礼品的移动电商平台； 但在小程序中，紫紫说并没有照搬原来的玩法，而是打造了“发红包一样送礼物”的服务。 将自己的业务与微信生态巧妙结合。
3、更多利用小程序的开放能力
从第一章我们可以看到，小程序目前已经具备了很多“基础能力”，比如客服渠道、模板消息、物流助手、一物一码等。同时，微信还在继续提供新的功能。 建议您在产品中更多地利用这些开放能力来服务于您的产品。
4. Portal——你必须使用这些资源
1. 原型资源
包含2019年最新版本微信原型资源。
145+ 常用组件
40+典型页面
10+常用小程序流程
20+完整的多行业小程序模板
下载链接（请访问网页）：
小程序原型资源
2.必备官方小程序
以下四个小程序均由微信官方出品，帮助设计师和开发者更方便地管理小程序。
3. 官方文件
《微信官方文档·小程序》
4.设计师的东西
下面两篇文章是对小程序视觉设计很好的总结。 如果你的设计师和你一样是第一次做小程序，你可以分享给他！ ～
“在参与了多个项目之后，我总结出了这可能是互联网上最全面的小程序设计规范”
《做小程序设计时不得不提的7个陷阱》
写在最后
小程序作为微信生态中的重要产品形态，有着“连接一切”的使命，但也有其自身的优势和局限性。 只有充分理解它，我们才能更好地融入这个生态系统，创造出更符合微信、更符合我们自己业务的好产品。
感谢您的耐心阅读。 如果您对此有什么看法或者想法，欢迎留言讨论。
以前的文章
四个维度，全面解析APP“分享功能”
App搜索功能分析（附原型模板）
8大引导方式，7大设计要点，让你全面了解新手引导！