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

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

作者: 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 列表 商品卡片信息排布变化

商品卡片信息变换路径

相关文章

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

    一、流程对比 1.提交订单直接进入支付页面 2.提交订单后先选择支付方式,再进入支付页面 3. 放弃支付/支付支付...

  • 海外仓能跟着Shopify再度热起来吗?

    移动跨境电商时代已经到来,今年2月,Shopify商家移动设备端的订单比PC端多,而且从那以后移动设备端订单数量就...

  • 在线支付基本流程

    业务流程 我们以电商系统的订单支付为例,看看支付系统中需要提供的基本功能。 1.用户提交订单到电商系统,电商系统对...

  • ios 电商demo(实现各种常见动画效果和页面布局)

    ios 电商demo(实现各种常见动画效果和页面布局) ios 电商demo(实现各种常见动画效果和页面布局)

  • 订单下载服务自动化设计

    电商管理综合平台订单下载服务 我们开发的电商管理综合平台,分为电商ERP客户端和后台订单下载服务两个部分,其中订单...

  • java版本报文推送客户端

    跨境电商单一窗口对接,订单,运单,支付,清单报文推送图形客户端。Java语言开发。wx:18595814913qq...

  • RocketMQ使用案例

    案例场景:电商购物场景的下单和支付 一、 业务分析 1.1 下单 1、用户请求订单系统下单2、订单系统通过RPC调...

  • 移动端

    app Web App Hybird App 移动端页面 设计图 测试 移动端的设置 移动端的布局 弹性 fl...

  • 移动端布局小问题

    最近写移动端页面的时候遇到的一些小问题, 主要是微信页面 1.布局问题 flex布局,在写这个移动端页面的时候我布...

  • 新手做微电商运营如何增强客户粘性?

    如今国内电商的重心已从pc端转向移动端,微电商顺势而起,已成为移动电商新宠儿,很多企业或个人都争相往微电商方向发展...

网友评论

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

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