小程序UI设计指南

10."添加到我的小程序"视觉引导

设计小程序还需要考虑一点就是，设计引导气泡的部分，气泡尽量用"轻量化"的设计语言来设计即可，比如下面看到的气泡效果

采用了2种比较常用的设计手法，通栏设计和气泡设计，

11. 核心场景APP导流

比如印象印象笔记可以通过微信小程序"保存到印象笔记"，从"导入微信文件"选择导入文件后则及时保存到了印象笔记APP中（前提是绑定了印象笔记APP）；

爱奇艺在视频播放页出现"用APP打开"

得到小程序中，通过引导打开APP的方式来引导用户

Keep中，当你要看更多课程安排时，会有引导入口提示"下载KeepAPP体验完整版"

12. "支付"限制

在微信中设计小程序要考虑到微信的一些"支付"相关限制，比如只有实体产品可以进行购买交易，而"虚拟商品"知识付费以及打赏类是不可以进行交易，原因是苹果商店的"分成限制"，比如得到小程序中课程部分不会体现购买入口，只是提供一个文字引导"请下载得到App，免费试听更多好课"，而在App中则有直接购买的入口，当点击购买后调起来的是App Store的支付系统

同理的还有爱奇艺，在小程序中，如果用户触发VIP的视频后，则引导用户打开爱奇艺App，那么在App中的流程同样也是引导用户进行会员充值，充值调起来的同样是App Store的支付系统

13.总结

越接触小程序，越会发现，小程序就是各个产品核心产品功能的展示的舞台，说的更通俗易懂一点就是，各个公司都把自己的"拳头"业务放在了小程序，希望通过小程序的入口能够快速且单一高效的让用户更纯粹的体验产品的功能和服务,同时也起到APP引流的目的。

从设计的角度来说

要了解小程序的特点，比如小程序轻量且触手可及用完即走的平台定位；在与APP保持品牌、设计语言一致性的前提下，做到符合小程序自身的体验感受，这样才能够更好的做出符合用户心理预期的好产品。

FEVTE编注：更多UI设计欣赏和UI设计作品交流、UI设计学习请访问飞特网UI设计栏目，地址：https://www.fevte.com/shejixinshang/UIsheji/