一、流程对比1. 提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 2. 提交订单后先选择支付方式,再进入支付页面 流程2-提交订单后选择支付方式 流程2-提交订单后选择支付方式 3. 放弃支付/支付支付失败后,跳转回选择支付方式,而不是待支付订单详情页 流程3-放弃支付后跳转回选择支付方式页面 流程3-放弃支付后跳转回选择支付方式页面 二、订单确认页详析 订单确认页-整体信息布局 订单确认页-收货人卡片信息排布 订单确认页-商品详情卡片信息排布 三、待支付订单详情页1. 订单详情页整体信息布局 订单详情页-整体信息布局 2. 确认页 vs 详情页 信息布局设计 信息高度复用 相同信息不同样式 详情页(右)强调商品,弱化确认页(左)的“人”和“地址” 三、订单列表页1. 订单列表页卡片信息排布 订单列表卡片信息排布 2. 确认页 vs 详情页 vs 列表 商品卡片信息排布变化 商品卡片信息变换路径