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

唯品会app-订单详情-活动优惠
（6）实付金额：相当于购物小票的“实付” ，是顾客实际需要付款的金额；与超市购物不一样的是，网上购物不找零，也即应付多少就实付多少；实付金额=商品金额+快递运费+优惠金额；一般保留两位小数，即到分位。
唯品会app-订单详情-实付金额
（7）支付方式：记录顾客付款方式；网上购物一般是采用线上支付方式，如：支付宝、微信支付等；有些商家还会提供礼品卡或储值钱包支付功能，如：唯品卡，京东钱包等；当采用多种方式组合支付时，需记录所有方式以及每种方式对应支付的金额。
唯品会app-订单详情-支付方式
（8）订单状态：记录顾客从下单后到确认收货这期间的重要动作节点，一般有如下几种：

待付款：顾客下单后、付款前，一般保留订单30分钟或更长时间，若顾客一直不付款，则会自动取消订单；
待发货：顾客付款后、商家发货前，当商家迟迟未发货，顾客可催促商家发货；
待收货：商家发货后、顾客收货前；
交易完成：顾客确认收货后；
··：顾客中途取消订单或不满意退货。

本文插图

唯品会app-订单详情-订单状态
（9）商品快照：为避免商家修改了商品信息后，原信息被覆盖， APP在顾客下单时刻自动拍摄商品快门照片，当发生交易纠纷时，顾客和客服都可重新回看商品快照核对商品原有信息；可添加温馨提示“发生交易争议时，可作为判断依据” 。
唯品会app-订单详情-商品快照
2. 配送信息
「配送信息」模块包含物流信息、收货信息等，是物流进度的查询入口。一般物流公司也会在其官网公布包裹的物流详情，但订单详情页中设计该模块可更方便顾客直接查询物流。
（1）收货信息：顾客下单时需填写收货信息，商家将根据收货信息寄送商品，快递员也会根据收货信息派送包裹；包括收货人、收货地址、联系电话；收货地址一般记录省-市-区-街道-详细地址（建筑名称、楼号、门牌号等），如：广东省广州市越秀区东兴街道东兴小区35号101房；联系电话一般为国内手机号码，即11位纯数字号码，且属于用户个人隐私信息，需脱敏展示，即仅显示前三位和后四位、中间四位隐藏，如：137****8179 。

本文插图

唯品会app-订单详情-收货信息
（2）物流状态：物流公司会根据包裹实际到达站点或运转过程更新物流状态，一般包含操办人、到达站点、具体操作、发生时间等信息，需调用物流公司提供的api获取物流状态；由于订单详情页篇幅有限，一般仅展示最新一条物流状态，而全量的物流信息需再单独设计一个物流详情页面，当点击「配送信息」模块时跳转至该页面。