微信小程序-预研总结（PPT分享）

该PPT适合产品、运营、设计、重构、开发同学了解探讨。



备注：
第一：目前我们的团队，从产品、设计、重构、开发都没有很好的小程序项目经验。
第二：接下来的产品规划中，有多个产品比如WeGame APP以及运营活动都准备采用小程序的方式来做
第三：目前我们在《真三国无双》的游戏运营活动汇中，就遇到了产品交互不知道小程序的一些规则，造成返工修改。
比如：
直接在小程序中添加链接，这个交互跟H5的链接是有区别的，链接打开的内容会在小程序中呈现
想要自定义菜单栏，这是不支持的，目前只支持是否转发这一个菜单
想要自定义这个返回按钮变成返回首页的样子，这是不支持的
基于以上几点，我们就对小程序进行了一个梳理总结，希望能提高大家对小程序的了解，在后面的工作中有所帮助

● 蘑菇街“双11”直播间总销售额较去年“双11”增长2818%，在微信小程序直播间的日销售额达到平日28.57倍；直播小程序新客占比是APP的4.75倍
● 摩拜入驻微信小程序之后，月活跃用户量环比增长超 200%，每日注册用户超过 50%；
● 拼多多小程序上线不到半年，疯狂吸粉 1 个亿。

1.线下扫码
2.线上长按识别
3.二维码还可以带上参数，打开特定页面

1.个人分享
2.群分享
3.公众号文章详情页插入小程序卡片
4.公众号关联小程序
5.公众号菜单栏链接小程序
6.公众号底部广告进入小程序

7.发现页小程序记录页
8.附近的小程序
9.下拉微信界面
10.微信搜索
11.微信支付
12.公众号文章详情链接

1.实时音视频
微信公开课pro
蘑菇街直播电商
线上狼人杀
平安车险-现场理赔

2.相机功能
天天P图照片合成需要拍照
拍图识别
博物馆拍照识别
魅力拍照测试

3.扫码、定位
扫码查快递
扫码骑车
携程旅行定位
麦当劳点餐定位

4.WIFI、NFC
腾讯WIFI一键连
万能WIFI
公交卡小助手

5.罗盘
指南针
蓝牙小助手
6.屏幕亮度
7.震动
8.指纹识别

小程序的强大不仅仅只是体现在这些方面，还有很多地方，比如活跃的社区，丰富的实践案例，以及有非常完整的开发文档，帮助企业和开发者实现高效率、低成本开发小程序，
比如他有完整的设计规范

小程序的所有页面，包括小程序内嵌网页和插件，微信都会在其右上角放置官方小程序菜单，样式如图。开发者不可对其内容自定义，但可选择深浅两种基本配色以适应页面设计风格。 官方小程序菜单将放置在界面固定位置，开发者在设计界面时请预留出该区域空间，若需要在此区域附近放置可交互元素，要特别注意交互事件是否会冲突，操作是否容易被使用

开发者可在满足可用性的前提下，从微信提供的深浅两套配色的小程序菜单中选择合适的方案，以适应小程序页面设计风格。

标签数量不得少于2个，最多不得超过5个，为确保点击区域，建议标签数量不超过4项。

小程序启动页是小程序在微信内一定程度上展现品牌特征的页面之一。本页面将突出展示小程序品牌特征和加载状态。启动页除品牌标志（Logo）展示外，页面上的其他所有元素如加载进度指示，均由微信统一提供且不能更改，无需开发者开发。


开发者可在小程序里自定义页面内容的加载样式。
建议不管是使用在局部还是全局加载，自定义加载样式都应该尽可能简洁，并使用简单动画告知用户加载过程。

加载反馈注意事项
若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。
载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉。
不要在同一个页面同时使用超过1个加载动画。