江苏龙网

  1. 首页 > 资讯 > 科技 > >

8个电商产品「订单详情」的设计模板


本文介绍了电商产品设计【订单详情】的原因、以及如何设计【订单详情】功能的8个模板 。
8个电商产品「订单详情」的设计模板
本文插图

【订单详情】是APP常见功能之一 ， 包含但不限于购物、教育、旅游、交通、餐饮等APP；凡是涉及到交易 ， 都能到它的踪影 。
在本篇文章中将参照唯品会APP ， 分析电商产品的【订单详情】功能应当如何设计 。
一、为什么电商产品会设计【订单详情】功能？
我们先来回顾下日常去超市购物的场景 。 我们在超市选购心仪商品 ， 然后到收银台结账 ， 收银员都会提供一张购物小票 ， 如下图所示：
8个电商产品「订单详情」的设计模板
本文插图

小票自上而下分别印有超市名称、打单机器编号、收银员工号、打单时间、商品条码、商品名称、单价、数量、小计、合计、付款方式、找零、购物保障声明、超市电话、超市地址、小票号等 。
购物小票是超市商家提供给顾客的一张消费凭证 。 当在消费过程中或是在消费过后一段时间内 ， 顾客对服务或商品质量存在疑问、需要开发票、领取消费积分、消费维权等时候 ， 顾客可向商家提供小票 ， 商家根据小票翻查消费记录 ， 核实消费信息确认无误后方能为顾客解疑答惑 。
顾客需妥善保管好小票 ， 否则小票丢失会影响服务 。
而APP上的【订单详情】功能等同于购物小票 ， 是商家提供的一种电子服务凭证 。
相对于纸质票据而言 ， 这种电子票据具有永久保存、容易翻查等特性 ， 不论顾客遇到什么问题 ， 都可随时随地拿出手机、打开APP ， 找到对应的订单 。
二、如何设计【订单详情】功能？
我们以唯品会APP为例 ， 分析它是如何设计【订单详情】功能：
8个电商产品「订单详情」的设计模板
本文插图

唯品会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；一般保留两位小数 ， 即到分位 。


推荐阅读


上一篇：相互宝推“慢病互助计划”：3亿人受益，每年分摊预计不超188元

下一篇：月光科技iQOO Z1外观曝光，号称最强中端5G？红米不服同款新机已经上路