1 基礎(chǔ)規(guī)范：
1.1 2個 ≤ 底部導(dǎo)航 ≤ 4個（確保點擊區(qū)域）官觅。
image.png
1.2 操作成功提醒/20字左右的文案提示，都可以設(shè)置1.5秒自動消失霹购，用戶體驗最佳宦芦。
image.png
1.3 表單類頁面：減少密集輸入，合理設(shè)計可分步操作腻扇，能選擇的盡量不要輸入债热。
image.png
1.4 搜索類交互：建議設(shè)計搜索歷史快捷選項，減少鍵盤輸入進(jìn)而提升用戶體驗衙解。
image.png
1.5 點擊類控件阳柔，其操作區(qū)域，建議設(shè)計物理尺寸為7mm~9mm之間蚓峦，用戶體驗最佳舌剂。
image.png
1.6 視覺規(guī)范：
1.6.1 字號使用場景規(guī)范：
image.png
1.6.2 字體顏色規(guī)范：
image.png
主內(nèi)容 Black 黑色，次要內(nèi)容 Grey 灰色暑椰；時間戳與表單缺省值 Light 灰色霍转；大段的說明內(nèi)容而且屬于主要內(nèi)容用 Semi 黑。
image.png
藍(lán)色為鏈接用色一汽，綠色為完成字樣色避消，紅色為出錯用色 Press 與 Disable 狀態(tài)分別降低透明度為20%與10%。
image.png
1.6.3 列表
image.png
1.6.4 表單輸入
image.png
1.6.5 按鈕
image.png
image.png
image.png
image.png
1.6.6 圖標(biāo)
image.png
image.png
1.7 頁面路徑縱向最多設(shè)計5層
小程序頁面縱向只有5層召夹，超出時點擊頁面無任何反饋岩喷，頁面凍結(jié)。所以要嚴(yán)格控制頁面的層級數(shù)量
1.8 兼顧開發(fā)調(diào)試測試方便
頁面步驟類交互监憎，盡量設(shè)計交互的可逆性
1.9 注意不能設(shè)計有誘導(dǎo)用戶分享類功能
這類過不了審核纱意，同時可能會被封號
2 小程序限制的功能點總結(jié)：
- 不支持分享推文鏈接
- 不可分享到朋友圈
- 不能長按識別二維碼
- 不能從小程序跳轉(zhuǎn)至APP；（但是存在特例：如果從APP分享小程序到微信打開鲸阔，是可以從微信的小程序喚醒APP)
3 小程序?qū)Ρ染W(wǎng)站&app的優(yōu)勢：
3.1 開發(fā)成本低偷霉、效率快（對比app）
app的開發(fā)需要ios和安卓的工程師以及后臺工程師，有些混合開發(fā)還需要H5前端的開發(fā)人員
3.2 獲取用戶成本低（對比app）
app推廣難褐筛，忠誠度低
微信用戶基數(shù)大类少，小程序不需要下載，門檻很低渔扎，用戶使用目標(biāo)明確
3.3 推廣優(yōu)勢大（對比app）
小程序可以在微信內(nèi)分享硫狞，分享到朋友圈，微信群等晃痴，其他人可以打開直接進(jìn)入程序中妓忍，擴(kuò)散速度呈幾何式
3.4 使用門檻低（對比app）
微信小程序在UI和操作流程上對比app更加統(tǒng)一
3.5 可達(dá)性高（對比網(wǎng)站）
參考國人操作習(xí)慣，輸入域名訪問操作方式相對復(fù)雜
