从微信第三方服务，感受小程序的设计规范

上文大体说明了基于小程序轻快的特点，如何建立友好、高效、一致的用户体验？的一些基本原则。上篇搬运文章《小程序怎样做到良好的用户体验？》。为了建立一个更加准确的认识，此文将 以微信生态第三方服务为例，加以说明，这些均是符合小程序应用场景的服务。

先解决两个问题

第一个问题：为什么是第三方服务而不是腾讯服务？

一切和鹅厂抢饭吃的行为都是作死！ 参看《知道吗？你的小程序可能不能上线！》

第二个问题：为什么选择为微信内的第三方服务？

一切所谓新的设计规范理念都是历史的经验总结，小程序的设计规范以及预定义的那么多行为，都是从这里而来！

解决了以上的两个问题，下面的内容其实不是很重要了！ 尽情发挥你的模仿能力吧！

微信生态圈设计举例

1、我的钱包：顶部tabBar三个分页 + 九宫格布局方案

2、表情商店：顶部tabBar两个分页 + 宫格布局方案

微信第三方服务：以艺龙旅行网为例

1、首页：隐私信息授权确认 + 页面级操作反馈 — 模态框 + 主次操作区分

2、首页：tabBar标签导航 + 可视化的视觉设计规范 + 统一颜色搭配 + 简约核心功能展示布局

3、搜索页：流程明确，无干扰因素 + 利用控件选择减少用户输入 + 主次操作区分

4、内容详情页：页面级加载反馈 Toast + 微信支付接口

5、订单成功之后给出，通过模版消息给出结果页反馈（无图，自行脑补）

6、上述案例中，整个的色彩布局方案、反馈动画等具有较高的统一性，是推荐的做法。

笔者迫不及待想要给出下文预告了！

极度符合小程序工具服务场景的第三方APP设计：做一个减法、抽取一下核心功能，小而美的小程序就可以上线了。

难得的中国工商，性能很渣渣：底部tabBar四个分页 + 九宫格布局方案

上海公交：底部tabBar五个分页 + 地图地位