购物商城微信公众号交互设计

会员卡充值

充值页面

作为商城方，希望消费者充值更多的钱到会员卡中，增加在本商城的消费额度，留住消费者，于是提供了充值即享受折扣的消费策略，来刺激消费者充值，采用类似于购买购物卡的充值方式设计，这里边有包含消费者消费行为的考虑，一般在购买商品的时候，商品的价格出现整数的情况比较少，如果采用整数充值，能够保证会员卡上有余额，谁会愿意浪费自己的钱呢？

消费者作为应用的用户，操作越简单，花费时间越少越好，这种设计也避免了用户输入，直接选择面值即可充值（微信支付）

订单详情页面

图文显示和文本显示

订单详情页的设计主要考虑在不同网络环境下查看详情，默认为图文显示，如果是网络环境较差，加载很慢时，也可以主动切换到文本显示查看，缩短用户等待时间，提升用户体验。

视觉设计

视觉设计师小哥超帅了，给我的感觉是他一稿就通过的（哈哈），最后的效果也是棒棒哒（点赞），上图...

激活会员卡

会员卡激活成功

会员卡中心

会员卡充值

订单图文详情

微信公众号在14年10月份上线，不论是消费者或合作方反响都很好，也使我们顺其自然地拿到了二期商城开发的合约

虽然是个轻应用，项目不大，在设计的时候，思考的地方不少，是一个不断协调的过程，和需求、视觉、开发的小伙伴也讨论很多，做平衡不容易，每个设计师都会有自己不同的设计思维和方法，目标都是解决问题并推动项目向好的方向发展。第一次把做过的项目经历发布出来，表述有很多不足之处，希望指正，一起交流  :)

最后，感谢视觉小哥的供图  thx！

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!