8个电商产品「订单详情」的设计模板
最后更新：2020-05-14 11:35:23 手机定位技术交流文章
本文介绍了为电子商务产品设计[订单详情]的原因，以及如何为[订单详情]功能设计8个模板。
“订单详情”是APP的常见功能之一，包括但不限于购物、教育、旅游、交通、餐饮和其他APP；任何涉及的交易都可以追踪。
在本文中，我们将参照唯冠应用分析如何设计电子商务产品的[订单明细功能。
一、为什么电子商务产品要设计“订单明细”功能？
让我们先回顾一下超市的日常购物场景。我们在超市买我们最喜欢的东西，然后去收银台结账。收银员将提供购物收据，如下图所示:
收据打印有超市名称、订单制作机号码、收银员号码、订单制作时间、商品条形码、商品名称、单价、数量、小计、总数、付款方式、零钱、购物保证书、超市电话号码、超市地址、票号等。从上到下。
购物收据是超市商家向顾客提供的消费凭证。当顾客对服务或商品的质量有疑问，需要开具发票、获得消费积分、在消费期间或之后保护自己的权利时，顾客可以向商家提供收据。商家可以根据收据搜索消费记录，并在回答顾客的疑问之前验证消费信息是否正确。
顾客应妥善保管收据，否则收据丢失将影响服务。
APP上的“订单详情”功能相当于购物收据，是商家提供的电子服务凭证。
与纸质票据相比，这种电子票据具有永久性存储和易于检索的特点。无论客户遇到什么问题，他们都可以随时随地拿出手机，打开APP找到相应的订单。
二。如何设计“订单明细”功能？
让我们以唯冠应用为例，分析它如何设计[订单详情]功能:
唯冠应用-订单详情
从上图可以看出，“订单详细信息”页面包含更多信息，可分为八个模块:订单信息、分销信息、商品信息、保险信息、发票信息、客户服务、商品推荐和订单操作。
让我们分解并分析每个模块。
1.订单信息
“订单信息”模块包含最基本的订单数据，记录整个交易过程的重要节点信息。包括客户订单历史、付款记录、订单状态等。；当交易过程中出现争议时，客户和商家都可以重新检查订单信息。
(1)订单号:相当于购物小票的“小票号”，这是APP区分订单的唯一标识；当客户下订单时，APP自动生成一个唯一的号码；一般由单个日期+随机数组成，位数一般控制在15位之间。为了方便复制订单号，在订单号后增加了“一键复制”功能。
唯冠应用-订单详情-订单编号
(2)下单时间:客户提交订单的时间，一般记录年-月-日-小时-分钟-秒，例如2020-011 09:36:05。对于时间精度要求低的订单，可以省略第二订单时间。
唯冠应用-订单详情-订单时间
(3)商品金额:相当于购物小票的“总额”，即商品的总价；商品数量= ∑(商品价格*采购数量)；一般保留两位小数，即十分位数，如100.00元。
唯冠应用-订单详情-货物总额
(4)快递运费:网上购物一般采用快递方式送货上门，需要支付快递费用；如果商家有免费邮资，就不需要支付快递费用。如果没有邮费，费用将根据商家的标准收取。不同商家的收费规则可能不同。一般来说，保留两位小数，即十分位数。
唯冠应用-订单详情-运费
(5)优惠金额:当促销季节到来时，如11月11日、618日，商家组织优惠活动，优惠金额记录活动的优惠程度；由于折扣比原价低，一般记为负数，如-10.00元；一般来说，保留两位小数，即十分位数。
唯冠应用-订单详情-优惠
(6)实际支付金额:相当于购物小票的“实际支付”,即顾客实际需要支付的金额；与超市购物不同，网上购物不会改变，也就是说，你可以根据需要支付任意多的费用。实际金额=商品金额+快递运费+优惠金额；一般来说，保留两位小数，即十分位数。
唯冠应用-订单详情-实际支付金额
(7)支付方式:记录客户的支付方式；网上购物一般采用网上支付方式，如支付宝和微信支付。有些商家还会提供礼品卡或储值钱包进行支付，如:优惠卡、京东钱包等。当采用多种支付方式时，应记录所有方式及每种方式对应的支付金额。
唯冠应用-订单详情-付款方式
(8)订单状态:记录客户从下订单到确认收货的重要动作节点。通常有以下几种类型:
待定付款:在客户下订单后和付款前，订单通常会保留30分钟或更长时间。如果客户不一直付款，订单将自动取消。待发货:在顾客付款后，商家发货前，当商家延迟发货时，顾客可以督促商家发货；被接收:在商家交付货物之后，在顾客收到货物之前；交易完成:客户确认收到货物后；*客户中途取消订单或对退货不满意。
唯冠应用-订单详情-订单状态
(9)商品快照:为了防止商家修改商品信息后掩盖原始信息，APP会在顾客下单时自动拍摄商品快门照片。当发生交易纠纷时，客户和客服可以查看商品快照，查看商品的原始信息。可以加上一句温馨的提醒:“当交易纠纷发生时，它可以作为判断的依据。”
唯冠应用-订单详情-产品快照
2.分发信息
“配送信息”模块包含物流信息、收据信息等。它是物流进度的查询条目。通用物流公司也将在他们的官方网站上发布包裹的物流细节，但是在订单细节页面设计这个模块将使客户更容易直接查询物流。
(1)收货信息:客户下单时需要填写收货信息。商家会根据接收信息发送商品，快递员也会根据接收信息发送包裹。包括收货人、收货地址和联系电话；接收地址通常记录省-市-区-街道-详细地址(建筑名称、建筑编号、房屋编号等)。)，如:广东省广州市越秀区东兴街东兴社区35号101室；联系电话号码一般为国内手机号码，即11位数字，属于用户的个人隐私信息。它需要脱敏显示，即只显示前三位数字、后四位数字和中间四位数字，例如137****8179。
唯冠应用-订单详情-接收信息
(2)物流状态:物流公司将根据包裹的实际到达或运行过程更新物流状态，一般包括操作人员、到达地点、具体操作、发生时间等信息，并调用物流公司提供的api获取物流状态；由于订单详细信息页面空间有限，一般只显示最新的物流状态，需要为全部物流信息设计一个单独的物流详细信息页面，点击“配送信息”模块时会跳转到该页面。
唯冠应用-订单详情-物流状态
3.商品信息
“商品信息”模块记录顾客购买商品的具体内容，相当于购物小票中间的商品信息部分，包括商品名称、购买数量、商品价格等。
商户名称:一般显示在模块的头部，如下图所示。商品名称:可以分支展示，一般不超过两行，超出部分用“…”省略。产品图片:只显示一张图片，一般显示客户下单时选择的产品规格(即SKU)对应的图片。例如，商家发布并销售黑色、银色和金色三种颜色的Iphone 8。如果客户购买白银,“产品信息”模块的产品图片显示白银图片。商品规格:记录客户下订单时选择的商品规格属性，如颜色、尺寸等。每个属性可以用空网格或分号分隔，如粉红色；60毫升.服务特征:记录商家承诺给客户的服务，如7天退货等。，通常以标签样式显示，如下图所示。商品原价:即商家发布的商品原价。一般保留两位小数，即十分位数；当商家组织优惠活动时，由于原价不是客户最终实际支付的价格，且其重要性低于实际价格，所以商品的原价一般以灰色显示，如下图所示。实际售价:当有促销季节时，如11月11日、618日，商家组织优惠活动，实际售价为优惠后的价格金额。一般来说，保留两位小数，即十分位数。购买数量:显示格式一般为x ^ N，N为数量，如x ^ 5表示购买5件。
唯冠应用-产品信息
4.保险信息
商家与保险公司合作推出客户购物保险服务。“保险信息”模块记录保险服务的内容。当商户未能履行服务承诺时，客户可根据保险信息向保险公司投诉和索赔，或通过法律渠道提出索赔。
(1)保单号:客户下单后，保险公司自动生成一份保单，每份保单都有唯一的保单号；由于订单明细页面空间有限，一般只显示保单号，而具体的保单内容和理赔规则需要单独设计一个保险明细页面，点击“保险信息”模块会跳转到该页面；保险单号码和其他细节应通过调用保险公司的api获得。
唯冠应用-保险信息
5.发票信息
发票是由商家提供的客户保留的销售凭证。消费者有权申请开具发票。订单明细中的“发票信息”模块记录了客户的开票历史，也是客户向商户申请开票的入口。
(1)发票状态:客户向商户申请的发票状态一般有两种:
未开票:客户未申请开票；此时，点击“发票信息”模块，跳转到开票页面；已开票:在客户申请开票后。唯冠应用-发票信息-未开票
(2)开票信息:由客户在开票时填写，开票信息只显示“已开票”状态，包括发票类型、发票表头、发票内容、纳税人识别号、开户银行等。
唯冠应用-发票信息-已开票
6.客户服务
“客户”模块是APP向客户提供客户服务咨询的功能。客户可以进入客户服务咨询页面，通过本模块联系商户客服。
应用-客户服务
7.商品推荐
“商品推荐”模块相当于超市购物指南和促销服务。商家根据顾客过去的消费历史或兴趣爱好挖掘并推荐一些他们可能仍然感兴趣的商品。然而，与真实购物指南的判断不同，科学的推荐算法，如余弦定理和协同过滤算法，将在网上结合，使推荐结果更加准确，更好地满足客户的需求。每行可以显示3种推荐商品。
唯冠应用-产品推荐
8.订单操作
“订单操作”模块是客户在此区域取消订单和删除订单的操作区域。不同的订单有不同的操作，如下所示:
待付款:继续付款，取消待发货订单:提醒发货，取消待收货订单:扩展收货，查看物流，确认收货交易完成:物流明细，删除订单，填写口碑，关闭回购交易:删除订单，回购一般以按钮方式安排各项操作。由于订单详细信息页面空间有限，一般会显示三个操作按钮，而在“更多”下拉项中会接收到更多操作，点击“更多”显示剩余的操作按钮，如下图所示。
唯冠应用-订单操作
三。摘要
[订单明细]是供应链销售环节的功能之一。一方面，它便于消费者实时关注订单动态，反映商家向顾客提供的综合销售服务，是影响顾客对商家服务质量的评价和感知的重要功能。另一方面，这也是节约商家运营成本的重要途径。
想象一下，如果没有“订单详情”功能，客户只能拨打商户电话查询订单，商户运营团队将承担客户咨询的巨大任务。在这个时候，我们不得不雇用更多的运营商和增加客户服务席位，这将大大增加企业的成本。这说明[订单明细]是电子商务产品不可或缺的功能。
本文的第二部分还详细介绍了如何设计“订单明细”功能，分别列出了八个模块，并分析了每个模块中字段的设计格式和数据要求，希望通过本文可以对电子商务产品的“订单明细”功能有更深入的了解。
这篇文章最初由@ Skyline Travel发表。每个人都是产品经理。未经允许禁止复制。
主题图来自Unsplash，基于CC0协议。
本文由 在线网速测试 整理编辑，转载请注明出处。
