該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個載入動畫。