什么是订单详情,订单详情的设计模板?

【订单详情】是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)实付金额:相当于购物小票的“实付”,是顾客实际需要付款的金额;与超市购物不一样的是,网上购物不找零,也即应付多少就实付多少;实付金额=商品金额+快递运费+优惠金额;一般保留两位小数,即到分位 。