购物车是电商APP的一个关键功能点,一般购物车包含 3~4 个页面,分别是:

1.购物车的商品列表页
2.商品下单页
3.订单付款页面
4.订单付款成功页面

由于现有购物车逻辑相对混乱,这里重新整理一下商品下单页的业务流程设计

1.生成订单

这里在业务层面把订单的生命周期划分为4个阶段,分别是:

  • 订单的初始阶段
  • 订单的完备阶段
  • 订单的支付阶段
  • 订单的服务阶段

1.1 订单的初始阶段

订单的初始阶段是在 购物车商品列表页开始的,订单的初始阶段确定了商品的种类各个商品的初始数量
此时订单金额只包含 货品的总金额。在后续订单的完备阶段,因为有修改货品数量、运费、服务增值、优惠活动等,订单金额和商品数量还会继续变动。
PS. 在这里,商品的种类 包括 商品的类别、具体型号、配置(比如笔记本电脑->型号->配置->颜色)在加入购物车时就已经确定了。

1.2 订单的完备阶段

订单完备阶段是在商品下单页完成的
订单完备阶段是 将一笔订单的 所有交易信息 补充完备,订单的完备信息包括 1.配送信息(配送方式、时间、运费)
2.商品数量 (可在下单时确定)3.发票信息 4.服务增值(退换、保修)。所有交易信息完备后订单金额已确定,进入支付阶段。

1.3 订单的支付阶段

订单的支付阶段是在订单付款页面完成的。

订单的支付阶段,用户在此阶段可以选择支付方式完成付款,也可以取消支付,在订单管理页面继续处理订单。
订单支付完成后进入订单服务阶段。

1.4 订单的服务阶段

订单服务阶段包括 未完成支付订单的后续处理,其操作包括继续支付编辑订单取消订单
对于已完成支付的订单,可能的处理有 确认收货商品交易评价退货退款查看发票等操作,

订单进入服务阶段后,一般意味着订单生命流程的结束,后续只需要对订单数据进行维护管理就可了。

2.下单页 业务流程概要设计

根据之前的分析,下单页对应着订单生命流程中的订单完备阶段,

订单完备阶段概要设计如下:

1.用户在购物车商品列表页选定商品种类和各个商品数量。
2.点击确认购买,将商品种类和商品数量 通过接口提交给后端。
3.后端接到请求后,校验 商品的有效性(库存、是否下架)若无效,返回错误信息,停留在购物车商品列表页。
4.若请求有效,服务端生成临时订单号,将临时订单 的信息(商品信息物流信息发票信息服务增值等)返回给APP端(包括临时订单号)进入下单页。
5.app端展示订单信息后,商品信息、物流信息、发票信息、服务增值等改动通过各自相关接口 更新服务端数据
6.如果此时退出下单页面,临时订单保持 3个小时的时效性。用户再次下单时,后端清除超时的临时订单。
如果用户停留在下单页超时,确认订单时返回错误信息提示用户订单超时已失效,请重新下单。这个操作可以兼容账号多端登录同时下单。
7.用户点击确认订单,将本地临时订单号上传,服务端将临时订单转为正式订单,返回正式订单号,进入订单支付阶段,并将订单状态置为待支付状态,等待支付。同时更新购物车商品列表。
8.用户支付完毕后,维护对应的订单号,订单完成支付阶段进入订单服务阶段。此时订单信息不可人为修改。
9.若用户没有完成支付,返回到其他页面,或直接退出APP,此订单成为待支付订单,在订单服务阶段进行处理。

至此,下单页的业务流程完毕,接下来就是订单维护阶段的工作了,且听下回分解。

转载于:https://www.cnblogs.com/miaocunfa/p/10605669.html

电商 APP 下单页(俗称车2) 业务流程概要设计相关推荐

  1. 电商APP商品详情页设计套路(分层PSD模板)!透析UI/UE必须懂的营销设计思维!

    电商APP重点在于商品详情页,打造一个优秀的商品详情页,完全能够提高转化率! UI设计.交互体验.文案撰写.产品的商业模式来聊一聊电商app商品详情页是怎么"套路" 设计app商品 ...

  2. 电商APP的流量及用户运营分析

    引言 本项目数据来源于和鲸社区 https://www.kesci.com/home/dataset/5ef7024363975d002c9235d3,记录了 2014 年 11 月 18 日至 20 ...

  3. 电商app源码该如何布局流量模块(下)

    在上篇文章中,小编讲到了电商app源码在布局流量模块时,关于流量入口和流量分配的部分介绍,今天小编继续介绍剩余的部分. 一.流量分配 1.推荐 系统推荐往往是采用千人千面模式,千人千面主要是为了更好地 ...

  4. 这些方法可以有效的帮助电商App提高转化率

    电商App新用户从下载到完成首单基本需要经历:下载App--打开App--浏览首页--进入商详页--加入购物车--注册/登录--结算--填写收货地址--支付共9个步骤,各环节都有可能造成用户流失,提升 ...

  5. 电商App:提高推广转化率的几件事

    双十一将至,电商App获客却越来越难,成本越来越高.想要做好用户拉新并转化为有效用户,这里整理了一套拉新留存方法论,可以参考使用. 一.找准目标用户 首先明确用户群定位,可以从年龄范围.职业范围.性别 ...

  6. vue 仿二手交易app_Vue项目开发-仿蘑菇街电商APP

    最近快毕业了呜呜呜,准备找工作,但是缺乏项目经验,于是就在B站找相关的课程,学完之后便根据老师稳定的教导,以及自己稳定的心态,做了一个类似于蘑菇街的电商APP.(后端数据接口由老师提供,老师叫code ...

  7. 阿里上线了一款新的电商app

    阿里巴巴正在测试一款名为"态棒"的电商 App,这是一款全新且主打年轻人潮流文化的电商社区,目前需要邀请码注册登录. 态棒"谐音"太棒",充满口语意味 ...

  8. vue图片滚动抽奖_Vue项目开发-仿蘑菇街电商APP

    最近快毕业了呜呜呜,准备找工作,但是缺乏项目经验,于是就在B站找相关的课程,学完之后便根据老师稳定的教导,以及自己稳定的心态,做了一个类似于蘑菇街的电商APP.(后端数据接口由老师提供,老师叫code ...

  9. 基于Vue开发的电商APP项目——蘑菇街app

    基于Vue开发的电商APP项目--蘑菇街 项目源码:https://github.com/Limna777/Shopmall.git 1.项目描述 2.使用的插件或第三方库 3.页面主要实现的功能 1 ...

最新文章

  1. 太神奇的 SQL 查询经历,group by 慢查询优化!
  2. 基于链表实现队列(基于Java实现)
  3. python使用缩进来体现代码之间的逻辑关系-Python使用缩进来体现代码之间的逻辑关系。...
  4. 问题 | 解决Intel MKL FATAL ERROR: Cannot load mkl_intel_thread.dll 问题(pycharm+Tensorflow)
  5. 处理字符串_9_合并多行到一行
  6. 【技术分享】CSS 实现渐变色背景
  7. linux中su命令源码,Linux-命令-su
  8. Android点击EditText文本框之外任何地方隐藏键盘的解决办法
  9. windows 安装 pip工具
  10. 数据结构--------二叉排序树
  11. 亲身经历:2018年深圳保洁员工资时薪75,月薪不清楚
  12. 在 WINDOWS 7 的 XAMPP 安裝 MEMCACHED 擴展
  13. 2009年02月《安全天下事》、2009年02月《安全天下事之12月,辩证法之月》、《2008信息安全技术与产业大盘点》...
  14. 启动react-native报错 Unrecognized font family 'Ionicons'
  15. 解决Elasticsearch集群 master_not_discovered_exception 异常
  16. 诛仙服务器技能修改,【诛仙422】自己修改的特色一键端(2018.10.11号更新修复BOOS不刷新BUG)技能修改补丁...
  17. ElasticSearch Java 客户端连接ElasticSearch
  18. 软考成绩什么时候出?
  19. win10如何修改锁屏(欢迎界面)的用户名
  20. 重学设计模式 - Facade模式

热门文章

  1. java 队列实例_Java 实例 - 队列(Queue)用法
  2. 2016第七届蓝桥杯省赛C/C++ B组试题解析整理
  3. The superclass javax.servlet.http.HttpServlet was not found on the Java Build
  4. xcode清除最近打开的文件列表
  5. VLC简介及使用说明
  6. 前端学习(3302):createRef
  7. react学习(70)--拼接方式
  8. [html] 怎样避免让用户看到长时间的白屏?
  9. [html] 你是如何理解html与css分离的?
  10. [css] 使用overflow: scroll时不能平滑滚动怎样解决?