美文网首页
移动端八大电商支付/订单页面布局分析

移动端八大电商支付/订单页面布局分析

作者: Vera_Zhang | 来源:发表于2019-12-24 11:54 被阅读0次

    一、流程对比

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

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

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

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

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

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

    二、订单确认页详析

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

    三、待支付订单详情页

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

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

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

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

    三、订单列表页

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

    订单列表卡片信息排布

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

    商品卡片信息变换路径

    相关文章

      网友评论

          本文标题:移动端八大电商支付/订单页面布局分析

          本文链接:https://www.haomeiwen.com/subject/bcixoctx.html