B2C商城的订单退款和售后流程axure原型图详解

前一段韶光接到任务，要做一个B2C的官方商城，自有品牌的，基于前面的电商履历，其他模块很快上手，唯独订单模块困扰了我好久，尤其是订单的退货退款和售后流程，与订单的正向流程密切干系，什么时候该展示什么数据，什么功能，退款单的状态对订单状态的影响等等，接下来我将用axure原型图逐一讲解。

在做订单流程这一块，参考了很多大神的文章，还有各种开源的商城软件，都过于理论化，实操性不强，对付新手来说没有一个实操的axure原型讲解，都是在用流程图见告大家退款售后有哪些步骤，但是没有一个详细的案例来剖析。

相信我，你是不可能一上来就做到像很多文章里写得很完美订单管理系统的，况且文章中连原型图都没有。
实在，纵然是天猫和京东，在售后方面也是有取舍的，设定好规则才能让系统跑通，而不是说能够搪塞所有的非常情形。

在设计之前，要考虑很多看似根本，却须要重视的规格，比如：

是否支持部分退款，部分退货？是否支持换货？是否支持多次申请退款/退货？如果在售中时申请退款被谢绝了，还可不可以申请售后？部分退款时，自动收货韶光到了怎么办？如果退款申请谢绝了，订单状态怎么连续走？

我这些只是举例了冰山一角，对付订单管理的确有很多非常分支情形和用户缺点操作。
那我在这里既然说要用案例详细去讲订单的逆向流程，我就先要规定好我们商城的订单规则：

待发货前可以申请一次退款，发货后可以申请一次售后（退货/退款）；一笔订单多种商品只能分开申请退款，不支持对订单申请退款，意思是有一种商品时便是全退，有多种商品时便是只能部分申请退款；订单中暂不含优惠券，只包括运费，在待发货时部分退款，末了一笔申请会退运费；在已发货后申请售后就不再退运费，其他缘故原由走人工客服。

以上便是我对订单的设置的条件条件，有了条件条件，我再去跟技能评审，就让他们心里也觉得到靠谱一些，毕竟第一次的时候他们提出了很多漫无边际，非常离谱但是也会涌现的非常情形，一开始得时候我真的很苦恼，后来才创造是我没有设定规则，没有规则，技能同学当然怕涌现涌现非常情形程序不知道怎么跑了。

一、用户端订单页面

关于订单的详细流程我就不多讲了，大家都知道的，待付款，待发货，待收货，交易成功，待评价，那我们先来看看我是如何对订单设置布局的：

图片所展示的，一笔订单分为商品操作栏，交易状态栏和操作栏，对付商品操作栏我是分开的，以是一笔订单有多种商品时在申请退款的时候，一定是单个申请的；交易状态栏是合并在一起的，这是对订单整体进度的状态显示，在部分退款时显示的订单状态；末了操作栏在确认收货前都是合并在一起的，对全体订单的签收，当状态为交易成功时，则会显示商品的评价入口。

那么这里就涉及这三块的状态和操作功能的切换，我们先来看一下退款单过程状态对商品操作栏的显示影响：

我前面有讲，当处于待发货状态时，商品操作入口为“申请退款”；当已发货后，商品操作就为“申请售后”，那退款单的状态先去影响了商品操作栏的显示。
详细的细分状态我在图片中已经详细列出来了，包括非常情形该如何处理。

在看完退款单对商品操作的影响后，再来看看退款单对订单状态的影响，把稳，退款单与订单是多对一的关系，退款单和商品也是多对一的关系，以是才会有申请一次退款被谢绝了，还可以申请一次售后（退款/退货）。

下图是退款单结果状态对订单状态的影响：

可以看出来每一种订单都有部分和全部两种影响，这里要把稳，全部并不是一次对订单提交的退款申请，而是查看到订单中是不是所有商品都有退款单，并且都有结果。

通过这样表格的剖析整理，会很清晰理解订单状态随退款单的变革。

二、用户端退款单界面

前面讲了订单页面中订单状态的变革，详细的订单详情我就不做过多解释了，由于大家参考其他网站也可以很直不雅观的看到，接下来看退款管理的界面：

根据我之前的设置的退款规则，这里的退款单一定是一种商品一个退款单（可能包含多件，由于规定申请退款是不能选择退款数量，要么全退，要么客服联系，由于后台可以修正退款金额）。
退款单分为两种，仅退款和退货退款，在待发货时只能申请仅退款，在发货后可以选择申请退款或者是申请退货，但是只有一次机会！

这里很多人就会说我不考虑用户体验问题，首先我想说京东一上来退款退货规则也不完善，当然发展到本日他仍旧还有很多不好的地方，当用户的退货申请被谢绝了你作为用户怎么办？京东的客服什么时候上线过，那个时候你只能网上发发牢骚。

商城是从0到1，订单模块初版的操持便是用户能下单，能退款，能退货。
至于为什么用户不能一次申请所有商品的退款，为什么不能设置一种商品的退货数量等，后期会加上批量选择退款商品，设置退货数量等，不断优化退款和退货的流程图。

这篇文章很适宜产品新人来理解根本的退款退货的原型图设计，毕竟这里不包含优惠券，没有拆单，也没有调仓等等，以是大家看了文章以为还可以的点个赞~不喜勿喷~

这里就没有展示详细的详情页面，以是可以底下留言找我要原型图~

本文由 @ 海涛 原创发布于大家都是产品经理。
未经容许，禁止转载

题图来自Unsplash，基于CC0协议