本文介绍了电商产品设计【订单详情】的原因、以及如何设计【订单详情】功能的8个模板。
【订单详情】是APP常见功能之一，包含但不限于购物、教育、旅游、交通、餐饮等APP；凡是涉及到交易，都能到它的踪影。
在本篇文章中将参照唯品会APP，分析电商产品的【订单详情】功能应当如何设计。
一、为什么电商产品会设计【订单详情】功能？我们先来回顾下日常去超市购物的场景。我们在超市选购心仪商品，然后到收银台结账，收银员都会提供一张购物小票，如下图所示：
小票自上而下分别印有超市名称、打单机器编号、收银员工号、打单时间、商品条码、商品名称、单价、数量、小计、合计、付款方式、找零、购物保障声明、超市电话、超市地址、小票号等。
购物小票是超市商家提供给顾客的一张消费凭证。当在消费过程中或是在消费过后一段时间内，顾客对服务或商品质量存在疑问、需要开发票、领取消费积分、消费维权等时候，顾客可向商家提供小票，商家根据小票翻查消费记录，核实消费信息确认无误后方能为顾客解疑答惑。
顾客需妥善保管好小票，否则小票丢失会影响服务。
而APP上的【订单详情】功能等同于购物小票，是商家提供的一种电子服务凭证。
相对于纸质票据而言，这种电子票据具有永久保存、容易翻查等特性，不论顾客遇到什么问题，都可随时随地拿出手机、打开APP，找到对应的订单。
二、如何设计【订单详情】功能？我们以唯品会APP为例，分析它是如何设计【订单详情】功能：
唯品会app-订单详情
由上图可见，【订单详情】页包含较多信息，这些信息可归类为八个模块：订单信息、配送信息、商品信息、保险信息、发票信息、客服、商品推荐、订单操作。
下面我们对各个模块进行拆解分析。
1. 订单信息
「订单信息」模块包含最基础的订单资料，记录下整个交易过程的重要节点信息。包括顾客下单历史、付款记录、订单状态等；当交易过程发生纠纷时，顾客、商家双方均可重新核对订单信息。
（1）订单编号：相当于购物小票的“小票号”，是 APP 区分订单的唯一标识；顾客下单时APP 自动生成唯一的编号；一般由下单日期 随机数字组成，而位数一般控制在10~15位之间；为方便复制出订单编号，一般在其之后还会添加【一键复制】功能。
唯品会app-订单详情-订单编号
（2）下单时间：顾客提交订单一刻的时间，一般记录年-月-日-时-分-秒，如：2020-05-11 09:36:05，对时间精确度要求不高的订单，可省略秒级时间。
唯品会app-订单详情-下单时间
（3）商品金额：相当于购物小票的“合计”，即商品总价；商品金额=∑（商品售价*购买数量）；一般保留两位小数，即到分位，如：￥100.00。
唯品会app-订单详情-商品总金额
（4）快递运费：网上购物一般通过快递配送到家，这就涉及支付快递费用；如果商家免费包邮，则无需支付快递费用；如果不包邮，则按商家的标准收费，不同商家的收费规则可能不同；一般保留两位小数，即到分位。
唯品会app-订单详情-运费
（5）优惠金额：当遇上促销季，如：11·11、618等，商家组织优惠活动，优惠金额便记录了活动的优惠幅度；由于优惠是在原价基础上扣减金额，因此一般记录为负数，如：-￥10.00；一般保留两位小数，即到分位。
唯品会app-订单详情-活动优惠
（6）实付金额：相当于购物小票的“实付”，是顾客实际需要付款的金额；与超市购物不一样的是，网上购物不找零，也即应付多少就实付多少；实付金额=商品金额 快递运费 优惠金额；一般保留两位小数，即到分位。
唯品会app-订单详情-实付金额
（7）支付方式：记录顾客付款方式；网上购物一般是采用线上支付方式，如：支付宝、微信支付等；有些商家还会提供礼品卡或储值钱包支付功能，如：唯品卡，京东钱包等；当采用多种方式组合支付时，需记录所有方式以及每种方式对应支付的金额。
唯品会app-订单详情-支付方式
（8）订单状态：记录顾客从下单后到确认收货这期间的重要动作节点，一般有如下几种：
- 待付款：顾客下单后、付款前，一般保留订单30分钟或更长时间，若顾客一直不付款，则会自动取消订单；
- 待发货：顾客付款后、商家发货前，当商家迟迟未发货，顾客可催促商家发货；
- 待收货：商家发货后、顾客收货前；
- 交易完成：顾客确认收货后；
- ··：顾客中途取消订单或不满意退货。
