一、流程对比

1. 提交订单直接进入支付页面

流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面 流程1-提交订单直接进入支付页面

---

2. 提交订单后先选择支付方式，再进入支付页面

流程2-提交订单后选择支付方式

---

流程2-提交订单后选择支付方式

---

3. 放弃支付/支付支付失败后，跳转回选择支付方式，而不是待支付订单详情页

流程3-放弃支付后跳转回选择支付方式页面 流程3-放弃支付后跳转回选择支付方式页面

---

二、订单确认页详析

订单确认页-整体信息布局 订单确认页-收货人卡片信息排布 订单确认页-商品详情卡片信息排布

---

三、待支付订单详情页

1. 订单详情页整体信息布局

订单详情页-整体信息布局

---

2. 确认页 vs 详情页 信息布局设计

信息高度复用 相同信息不同样式 详情页（右）强调商品，弱化确认页（左）的“人”和“地址”

---

三、订单列表页

1. 订单列表页卡片信息排布

订单列表卡片信息排布

2. 确认页 vs 详情页 vs 列表 商品卡片信息排布变化

商品卡片信息变换路径