微信小程序规范具体说明

比较近微信小程序的开发不小心被闪电击中。要普及微信小程序规范给大家。只有理解了规范，才能更好的开发和跟进小程序。

微信小程序设计的基本原则是微信设计中心针对微信上推出的小程序页面总结的设计指南和建议。

以下设计原则均基于对用户的尊重，旨在为微信生态类打造有序、高效、一致的用户体验，同时在很大程度上顺应和支持各种业务需求的设计，实现用户和开发者的双赢。

首先，要有礼貌

在微信上使用小程序服务时，为了避免复杂环境对用户注意力的干扰，小程序应注意减少无关设计元素对用户目标的干扰，礼貌地展示程序提供的服务，引导用户友好地操作。

1.焦点

每个页面都应该有一个清晰的焦点，这样用户在进入新页面时就可以快速理解页面内容。在确定焦点的前提下，尽量避免页面上的其他干扰项影响用户的决策和操作。

反例指示

这个页面的主题是查询，但是增加了很多与查询无关的业务门户，与用户预期不符，容易导致用户流失。

纠正指示

删除与用户目标无关的内容，定义页面主题，提供对用户目标有帮助的帮助内容，比如比较近的搜索词、常用搜索词等。在技术和页面控件的前提下。

反例指示

没有主次之分的操作，让用户别无选择。

纠正指示

首先要避免并列太多操作让用户选择。当我们要并列多个操作时，要区分主次操作，降低用户选择的难度。

2.清除过程

为了使用户能够流畅地使用页面，当用户进行某个操作过程时，应该避免因用户目标过程之外的内容而打断用户。

反例指示

用户打算搜索，但在进入页面时被突然弹出的抽奖打断；对抽奖不感兴趣的用户是非常不友好的干扰，给开发团队增添了一份烦恼；即使有些用户真的被“吸引人”的彩票所吸引，他们也可能在离开主流程去抽奖后忘记了比较初的目标，进而失去对产品真正价值的使用和理解。

第二，清晰明了

作为一个负责任的开发者，用户一旦进入我们的小程序页面，就有责任和义务明确的告诉用户自己在哪里，可以去哪里，以保证用户可以轻松穿梭页面而不至于迷失方向，从而为用户提供安全愉快的体验。

1.小程序导航清晰，来去自如

导航是保证用户在浏览和跳转网页时不迷路的比较关键因素。导航需要告诉用户我在哪里，可以去哪里，怎么回去。首先，微信系统中所有小程序的所有页面都会自带微信提供的导航条，解决我在哪里，怎么回去的问题。在微信级导航中保持一致的体验，有利于用户在微信中形成更加统一的体验和互动认知，而不会在小程序和微信的切换中增加* *成本或使用* *习惯。

微信导航栏

微信导航条直接从客户端继承。除了导航栏的颜色，开发者不需要或者可以自定义其内容。但是开发者需要指定小程序各页面的跳转关系，这样导航系统才能合理工作。

微信导航栏分为导航区、标题区和操作区。其中导航区域控制节目页面进度。目前导航条分为两种基本颜色，ios和安卓都不一样，如下图所示：

导航区(ios)

导航区通常只有一个操作，就是返回上层界面。开发者可以定义其内容，但不能修改其风格。

导航区(android)

通常系统导航左侧唯*的操作是“离开小程序，返回微信，程序后台运行”。

当用户进入小程序的二级页面时，我们建议小程序本身可以设计返回操作，同事用户可以通过android系统的硬件返回按钮返回到更别。

颜色选择方案

小程序的导航栏支持基本的背景颜色定制功能，选择的颜色需要在可用性的前提下和谐搭配。微信建议参考以下选色效果：

页面内导航

开发人员可以根据自己的功能和需求在页面中添加自己的导航，并保持不同页面之间的导航一致。但是由于手机屏幕大小的限制，小程序页面的导航应该尽量简单，一般的线性浏览页面建议只使用微信导航条。

微信控件库提供标签导航供开发者选择，标签栏可以固定在页面的顶部或底部，方便用户在不同标签页面之间切换。为确保区域，一个页面上不应出现4个以上的选项卡项，也不应出现一组以上的选项卡列。

2.减少等待，及时反馈

页面的长时间等待会引起用户的不良情绪。使用微信小程序项目提供的技术可以大大缩短等待时间。即使如此，当加载和等待不可避免地发生时，也需要及时的反馈来缓解用户等待的不良情绪。

起始页设计

小程序的推出也是小程序在微信内容中一定程度上展示品牌特色的页面之一。

此页面将突出显示小程序的品牌特征和加载状态。

除了logo品牌显示，其他所有启动页面的元素，比如加载进度说明，都是微信统一提供的，不可更改。不需要开发者开发。

下拉标签区域

微信类别的所有小程序页面，下拉时都会有微信设计的统一logo区。品牌展示区由品牌名称和微信小程序提示组成，旨在强化品牌和用户对小程序的感知。

下拉标签(ios明暗方案)

微信提供深浅两种配色。如这里的标签所示，文本颜色无法自定义。开发人员在定制背景颜色时，要注意保证下拉标签的识别。

下拉标记(安卓明暗配色)

微信下拉提示是用来给用户一个清晰的小程序归属，防止欺诈欺骗。这里有两种标记方案，文本颜色不能自定义。开发人员在定制背景颜色时，要注意保证下拉标记的识别。

页面刷新交互(ios)

开发人员可以自定义需要通过下拉交互刷新的页面。这样的互动微信会提供标准的功能和风格。风格上，刷新图标和下拉标签已经捆绑，分为深度和深度两种方案。开发者在使用时，要注意头文、下拉标签、刷新图标的和谐统一。但是当用户在这类页面上进行下拉交互时，就会出现微信小程序页面的标准加载动画。开发者不需要开发自己的风格。

在开发者不在页面顶部设计标签的情况下，如果定义了可以通过下拉动作刷新页面，则刷新后标题栏下和页面顶部会出现带有加载状态提示的小程序品牌显示区。开发人员暂时无法定义这种加载效果。

当开发人员在页面顶部定义了选项卡，并在选项卡下定义了内容页面时，可以通过下拉操作进行刷新。刷新后，加载状态提示小程序品牌显示区出现在顶部标签下，只刷新当前页面内容。开发者暂时无法自己定义这个加载效果。

页面刷新交互(安卓)

和ios一样，在风格上，刷新图标和下拉标签已经捆绑在一起，分为深度和深度两种方案。开发者在使用时，要注意头文、下拉标签、刷新图标的和谐统一。

微信下拉标签错误用例

请避免以下误用情况，以确保信息的可见性和页面的可用性。

页面内导航

微信控件库提供深浅两种标签导航方案供开发者选择。标签栏应固定在页面顶部，方便用户

标签栏的选中状态默认为纯色，未选中状态有60%不透明度，选中状态的颜色可以自定义。在自定义颜色选择中，保持选项卡的可用性、可见性和可操作性很重要。

在页面中加载反馈

开发人员可以在小程序中自定义菜单页面内容的加载样式。建议自定义加载风格尽量简洁，用简单的动画告知用户加载过程。开发者也可以使用微信提供的统一页面加载样式，如图中示例所示。

模态载荷

modal的加载方式会覆盖整个页面。因为不可能讲清楚具体的加载位置或者内容，可能会引起用户的焦虑，所以要谨慎使用。除了一些全局操作，不要使用模态菊花。

下面是标题开头的小程序如何实现商业价值。标题到此结束

如何实现小程序的商业价值？随着微信小程序的推出和发展，使用微信小程序的微信用户越来越多。要实现小程序的商业价值应该怎么做？以下是如何实现小程序的商业价值。

如何实现小程序的商业价值？

目前大家都在猜测微信小程序的影响，但可以肯定的是，小程序会带来新的行业生态，会有更多的中小企业加入进来。微信小程序不同于传统的h5，功能更全面，来去非常方便，有理由相信小程序的前景是光明的。既然那么多人觊觎小程序，如何实现小程序的商业价值？

小程序的立场是微信生态和用户需求，这是微信不要的，用户需求是这样的，这不是微信所期待的用户关系。而没有被突出的角色，开发商和企业，可能有不同的定位。诚然，这种被称为空白的需求和场景是前提，但更现实的情况是，小程序更关心企业运营的价值、成本和竞争。开发微信小程序只有两种需求：

对微信小程序的需求1:在现有微信小程序产品的基础上，通过小程序拓展新的运营岗位；

微信小程序需求2:以微信小程序为第一次产品尝试，开发和试错成本相对较低。

实现小程序的商业价值：用微信小程序推广

微信小程序的很多用户使用安卓机，所以需要开发安卓客户端来覆盖这些用户，而使用ios客户端的用户不会受到影响。在考虑做小程序的时候，一定要明白微信小程序产品已经揭开了适合小程序的推广场景，不与现有渠道直接冲突，而不是分流现有用户，这是本末倒置的问题。除非有一天，小程序的变现价值超过了客户端。比如在候车室的橱窗广告里，卖年货，也许在微店放个小程序二维码也一样方便。

实现小程序的商业价值：在微信账号挖掘新的流量来源

微信小程序商城可以实现“微信账号下线店铺”同步运营，没有下线店铺的商城可以通过附近的小程序直接联系没有关注微信账号的潜在用户，为商城引入更多碎片化的流量。

实现小程序的商业价值：丰富微信账号功能，获取更多盈利手段

新手怎么做

小程序现在很流行 这样做有用吗？

小节目也会有一定的效果，但也需要有代价的推广。如果站内推广正在进行，你想扩大推广范围，可以尝试去做。如果不做站内推广，没必要做小节目。车站是排水的主战场。希望我的回答能让你满意！

支付宝小程序是不是流失很多？

这个还挺多的。

为什么后台的小程序爆款实验室消失了？

几个月前就消失了，相关营销取而代之

小程序有什么用怎么用？

有时候我想让一些线下的客户上线，但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了