发货中途图片真实—真相揭秘，难怪-节日礼物-芸言礼

在这篇文章中，我们将介绍电商产品设计【订单明细】的原因以及如何设计【订单明细】功能的八个模板。

【订单记录】是应用程序的共同功能之一，只要涉及到交易，就可以找到它，包括但不限于购物、教育、旅游、交通、餐饮等应用程序。

本篇我们将参考唯品会APP来分析一下电商产品的【订单记录】功能应该如何设计。

1.电商产品为什么有【订单历史】功能？

首先我们来看一个日常超市购物场景。当我们在超市购买自己喜欢的商品，去收银台付款时，收银员会给我们一张如下图所示的购物小。

收据从上到下打印超市名称、点餐机号、收银台号码、下单时间、商品条码、商品名称、单价、数量、小计、总计、付款方式、找零、购物保证书、超市电话。号码、超市地址、收据号码等

购物小是超市销售人员向顾客提供的消费凭证。顾客在消费过程中或消费后一定时间内，如需要查询服务或产品质量、开具账单、领取消费积分、维护消费者权益等，可以向商家提供以下信息。开具小后，加盟店可以根据小上的消费记录进行核对，确认消费信息正确，然后回顾客的题。

顾客必须妥善保存收据。否则，如果您的收据丢失，您的服务可能会受到影响。

APP的【订单历史】功能与购物小相同，是加盟店提供的电子服务礼券。

与纸质账单相比，这些类型的电子账单可以永久存储且易于检索。无论客户遇到什么题，都可以随时随地拿出手机，打开APP，找到对应的订单。

2.【订单历史】功能如何设计？

我们以唯品会APP为例，分析一下我们如何设计【订单详情】功能。

唯品会APP订单详情

如上图所示，【订单详情】页面包含订单信息、发货信息、产品信息、保险信息、发信息、客户服务、产品推荐和订单工作。

下面我们对各个模块进行分解分析。

1订购信息

“订单信息”模块包含最基本的订单信息，记录了整个交易过程的重要节点信息。如果交易过程中出现争议，包括客户订单历史、支付历史、订单状态等，客户和商家都可以复核订单信息。

订单号与购物收据上的“号”相同。当客户下订单时，这是应用程序自动识别订单的唯一标识符。订单日期+随机数，位数一般控制在10到15位以内，之后通常会添加【一键复制】功能，方便复制订单号。

唯品会app-订单历史-订单号

订单时间客户提交订单的时间。一般记录年-月-日-时-分-秒。例如2020-05-1109:36:05。对于时间精度要求不高的订单，可以省略二级时间。

唯品会App-订单历史-订单时间

产品金额对应购物小的“总金额”，即产品的总价。产品数量=；通常，保留两位小数，即最接近的数字，例如10,000。

唯品会App-订单记录-商品总额

快递运费网上购物通常都是通过快递送到您家，如果卖家提供免费送货，您就无需支付快递费。根据卖家的标准，每个卖家可能有不同的计费规则。通常，保留两位小数或百分位。

唯品会App-订单记录-运费

折扣金额加盟店在11.11、618等促销季进行折扣活动时，会记录该活动的折扣范围，根据成本扣除折扣金额，因此一般为例如-1000，一般保留小数点后2位，即保持百分位数。

唯品会App-订单记录-活动折扣

实际支付金额与购物收据上的“实际支付金额”相对应，与超市购物不同，是顾客实际需要支付的金额。网上购物不提供零。实际支付金额=产品金额+快递运费+折扣金额一般保留两位小数，即保留一位小数。

唯品会App-历史订单-实际支付金额

付款方式记录客户的付款方式。网上购物通常采用支付宝、微信支付等在线支付方式。部分商户还提供礼品卡或储值包支付，如唯品会卡、京东包等。如果您使用多种付款方式，您必须记录所有方式以及每种方式的付款金额。

唯品会App-订单记录-支付方式

订单状态记录客户从下单到确认收货的关键动作节点。通常是这样的

付款保留客户下订单后，订单通常会保留至少30分钟才能付款。如果客户不付款，订单将自动取消。

保留发货如果买家付款后、卖家发货前卖家未能发货，买家可以催促卖家发货。

等待取货卖家发货后但客户收到商品之前。

交易完成客户确认收到商品后

当客户中途取消订单或不满意退货时，就会出现这种情况。

唯品会App-订单记录-订单状态

产品快照买家下单时，APP自动对产品进行快门拍照，防止卖家修改产品信息后，原有信息被覆盖。如果发生交易纠纷，客户和客服双方都会处理。您可以查看产品快照，查看该产品的原始信息。“这可以作为发生交易纠纷时的判断依据。”

唯品会App-订单记录-商品快照

2交货信息

“配送信息”模块包括物流信息、仓储信息等，是查看物流进度的入口。通常，物流公司会在其发布包裹的物流详情，将这个模块设计在订单详情页面，方便客户直接查看物流情况。

收据信息客户在订购时必须输入收据信息。卖家根据收货信息发货，快递员根据收货信息（包括收件人、送货地址和联系信息）投递包裹。送货地址一般我们记录以下省-市-区-街道的详细地址。101室，广东省越秀区东兴街道东兴社区35号；一般来说，国内手机号码都是11位纯数字号码，是用户个人信息的一部分。信息的显示必须敏感。即只显示前3位和后4位，显示中间4位。这些数字是隐藏的（例如1378179）。

唯品会app-订单历史-收货信息

物流状态物流公司根据包裹的实际目的地或工作流程更新物流状态，通常包括操作者、目的地、具体操作、发生时间等信息。您需要调用API。物流公司提供的判断物流状态的订单详情页面长度有限，因此一般只显示最新的物流状态，必须为整个物流信息设计单独的物流详情页面。点击“配送信息”模块，将进入相应页面。

唯品会App-订单记录-物流状态

3产品信息

“商品信息”模块记录了顾客购买的商品的具体详情，对应购物小中间的商品信息部分，如商品名称、购买数量、商品价格等。

卖家名称通常显示在模块头上，如下所示。

产品名称可以单独显示一行，一般不超过2行，多余部分以“.”形式省略显示。

产品照片仅显示一张照片。通常，会显示与客户在订购时选择的产品规格相对应的照片。例如，如果卖家出售三种颜色的iPhone8黑色、银色等。购买金色或银色款后，“商品信息”模块中的商品照片显示银色款的照片。

产品规格记录客户在订购时选择的产品规格属性，例如颜色和尺寸。每个属性可以用空格或分号分隔（例如粉红色、60ml）。服务特色记录卖家承诺向顾客提供的服务，例如7天退换货，通常以如下图的标签样式展示。

产品原价即卖家发布的产品原价并非原价，因此卖家在组织促销活动时通常会维持到小数点后两位。由于客户实际支付的最终价格比实际售价更重要，因此商品的原价通常以灰色和缩小尺寸显示，如下所示。

实际售价11/11、618等促销季期间加盟店举办打折活动时，实际售价一般为打折后的价格，并保留两位小数。精确到最接近的小数位。

购买数量显示格式通常为xN，其中N为数量。例如，x5表示购买5单位。