欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2018-01-25 11:46浏览: 来源:网络 作者:tianshu

基于微信小程序轻快的特点,如何建立友好、高效、一致的用户体验?

先解决两个问题
第一个问题:为什么是第三方服务而不是腾讯服务?
第二个问题:为什么选择为微信内的第三方服务?
一切所谓新的设计规范理念都是历史的经验总结,小程序的设计规范以及预定义的那么多行为,都是从这里而来!
解决了以上的两个问题,下面的内容其实不是很重要了! 尽情发挥你的模仿能力吧!


微信生态圈设计举例
1、我的钱包:顶部tabBar三个分页 + 九宫格布局方案

从微信第三方服务,感受小程序的设计规范(图1) 

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

从微信第三方服务,感受小程序的设计规范(图2) 


微信第三方服务:
以艺龙旅行网为例
1、首页:隐私信息授权确认 + 页面级操作反馈 — 模态框 + 主次操作区分
从微信第三方服务,感受小程序的设计规范(图3) 

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

从微信第三方服务,感受小程序的设计规范(图4) 

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

从微信第三方服务,感受小程序的设计规范(图5) 

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

从微信第三方服务,感受小程序的设计规范(图6) 

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

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


极度符合小程序工具服务场景的第三方APP设计:做一个减法、抽取一下核心功能,小而美的小程序就可以上线了。
难得的中国工商,性能很渣渣:底部tabBar四个分页 + 九宫格布局方案

从微信第三方服务,感受小程序的设计规范(图7) 

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

从微信第三方服务,感受小程序的设计规范(图8) 



免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。