上文大體說明了基于小程序輕快的特點，如何建立友好、高效、一致的用戶體驗？的一些基本原則。上篇搬運文章《小程序怎樣做到良好的用戶體驗？》。為了建立一個更加準確的認識，此文將 以微信生態(tài)第三方服務(wù)為例，加以說明，這些均是符合小程序應(yīng)用場景的服務(wù)。

先解決兩個問題

第一個問題：為什么是第三方服務(wù)而不是騰訊服務(wù)？

一切和鵝廠搶飯吃的行為都是作死！ 參看《知道嗎？你的小程序可能不能上線！》

第二個問題：為什么選擇為微信內(nèi)的第三方服務(wù)？

一切所謂新的設(shè)計規(guī)范理念都是歷史的經(jīng)驗總結(jié)，小程序的設(shè)計規(guī)范以及預定義的那么多行為，都是從這里而來！

解決了以上的兩個問題，下面的內(nèi)容其實不是很重要了！ 盡情發(fā)揮你的模仿能力吧！

微信生態(tài)圈設(shè)計舉例

1、我的錢包：頂部tabBar三個分頁 + 九宮格布局方案

2、表情商店：頂部tabBar兩個分頁 + 宮格布局方案

微信第三方服務(wù)：以藝龍旅行網(wǎng)為例

1、首頁：隱私信息授權(quán)確認 + 頁面級操作反饋 — 模態(tài)框 + 主次操作區(qū)分

2、首頁：tabBar標簽導航 + 可視化的視覺設(shè)計規(guī)范 + 統(tǒng)一顏色搭配 + 簡約核心功能展示布局

3、搜索頁：流程明確，無干擾因素 + 利用控件選擇減少用戶輸入 + 主次操作區(qū)分

4、內(nèi)容詳情頁：頁面級加載反饋 Toast + 微信支付接口

5、訂單成功之后給出，通過模版消息給出結(jié)果頁反饋（無圖，自行腦補）

6、上述案例中，整個的色彩布局方案、反饋動畫等具有較高的統(tǒng)一性，是推薦的做法。

筆者迫不及待想要給出下文預告了！

極度符合小程序工具服務(wù)場景的第三方APP設(shè)計：做一個減法、抽取一下核心功能，小而美的小程序就可以上線了。

難得的中國工商，性能很渣渣：底部tabBar四個分頁 + 九宮格布局方案

上海公交：底部tabBar五個分頁 + 地圖地位