查看原文
其他

收银台设计方法

陈天宇宙 陈天宇宙 2024-04-18


收银台,从字面意思“收银台=收+银+台”,顾名思义就是收取银子的台子。在电子支付普及的今天,对大部分人来说,收银台不是一个陌生的事物。


1

收银台发展史


收银台并不是新生事物,电子收银台也是在历史的发展中随着技术的发展和支付方式的发展逐渐形成的,主要可以划分为三个阶段——传统收银台、线下收银台、线上收银台。


1.1传统收银台


在古代你去饭馆吃饭喝酒吃肉,酒足饭饱后到柜台掏出50两的大元宝拍在了“收银台”上:老板结账,不用找了;最原始的收银台就是那个柜台,柜台的特点就是结账的场所,你把钱放上去,有专门的人员核实账款与商品,无误以后,交易就完成了。结账场所最核心应该具备的内容应该包括以下点


商品信息:消费了什么

价格信息:应该多少钱

支付方式:如何结算,现款还是赊账

核实人员:核对货款的一致

货款交割:付款结账,宣布完结


这些信息构成收银台应该具备的基本元素以及职能,而且这些职能是在实际执行过程中逐渐形成并固定下来。对于电子支付收银台的设计具有参考意义。


1.2线下收银台


近代在电子支付出现之前,我们去超市购买商品,挑好货品后拿到结账处进行清点,工作人员告诉你“一共10斤粮票”  ,你掏出纸质的票子完成了付款,商品就是你的了;此时的工作人员叫收银员,他面前的台子就是收银台;这里收银台就是商品和现金的交换场所。形式跟传统收银台没有本质差别,但在技术和管理能力上有了很大的提升——货币形式变了,有了专业的收银人员,交易场所更加规模化,商品管理也更加标准化。


1.3线上收银台


电子支付出现以后,出现了新的货币形式“账户货币”支付方式产生了电子支付方式,从而产生了线上的支付场所——电子支付收银台;一个可以在线上通过各种电子支付手段完成账户货币转移的支付收银台形式,如图1所示

图1 电子支付收银台


基于不同的业务诉求,围绕收银台衍生出了营销能力、引流能力等多样的形式,衍生出的新内容可以在收银台页面、在支付的过程中,支付成功后的落地页面......所以当下的电子支付收银台已经不是单纯的收银台,而是集合很多其他的元素,一方面为了更高效率的促成本次交易,并试图影响用户的支付决策,另一方面可能还要为将来做铺垫去提高用户的复购意愿。

基于新型收银台的技术实现形式或者产品形态,可以进行如下的分类

PC收银台:在电脑上完成支付的收银台
H5收银台:手机内的H5网页上完成支付的收银台
API收银台:以接口形式提供的收银台服务
SDK收银台:提供SDK开发工具包的收银台服务
硬件收银台:pos机,mpos机等硬件设备,支付卡牌等

2
如何理解收银台

要做好收银台的设计,需要建立对收银台的充分的理解,不只是简单的理解其定义,还需要从架构、流程、功能、作用的多方面认识收银台。


2.1在架构中理解收银台


做收银台的产品设计首先应该了解收银台在整个交易流程里所处的位置,在整个产品体系架构中所处的层级。进而搞清楚其与上游有之间的依赖关系和交互关系,收银台在支付架构中的位置如图2所示

图2 收银台在支付架构中的位置

可以将支付架构归纳为“1点+3线”,其中一点就是以收银台为起点而形成的支付各环节之间的协同关系。

一点:收银台,也是支付的起点
 三线:内线“订单- 账单 -清结算-账务账户”    
         外线“路由-风控-支付核心-渠道清算-通道方”
         连接线“内线和外线的支付信息交互线”

把握好“一点”的设计和“三条线”的设计,就可以搭建起一个完整的支付体系;该设计方法不仅适用于一家三方支付机构,同样适用于一家普通的交易平台,四方聚合支付;只不过支付通道的不同,三方接入的是银行通道,普通商家和四方聚合公司接入的是三方通道而已。


2.2在流程中理解收银台


收银台是支付的起点,是交易环节和支付环节的衔接点,用户在交易环节完成了商品的选购以及订单的填写、合同签约以后,下一步就要进入支付环节完成支付,而支付的起点就是收银台。用户在收银台选择合适的支付方式进行支付。这个业务流程如图3所示


图3 收银台在交易流程中的位置和作用

2.3从功能上理解收银台

收银台不只是用户看到的收银台页面那么简单,其除了在不同场所页面元素以及交互方式不同以外,与后台的数据交互以及子系统的划分也会存在差别,例如普通的商户和三方支付机构对收银台的设计思路会存在差别,这些差别一方面是由于其直接服务的用户群体不同,另一方面是收银台的业务定位不同。这些差别可以从不同角度去分析,例如分析不同组织之间的收银台差别、同一个组织的收银台的前后端的差别。

从组织维度对比
商户侧的收银台分:前台/后台,前台面向用户,后台面向渠道
支付公司的收银台:前台对应商户或者直接面对用户,后台面向渠道

从前后台对比
收银台前台:面向用户的可视化收银台页面主要是提供给用户完成支付方式选择和支付请求的发起
收银台后台:主要是调用后端获取支付参数和支付通道,请求通道发起支付请求

3
收银台设计之前准备

在设计收银台之前要先做好下面几个方面的准备,才能确保设计的产品相对完整,能够达到预期的用户体验,完成相关的支付指标。

3.1了解公司业务模型

做任何产品的前提就是先了解业务是怎么样的;例如售卖的是什么商品,业务模式是电商、游戏、课程售卖还是会员充值等等,其实就是搞清楚卖什么,怎么卖的问题;我们假设是电商平台,卖的是实物商品。

3.2选择支付方式

想好要为用户提供什么支付方式,比如微信支付,支付宝支付,银行卡快捷支付,账户余额支付?一般场景中,选择微信支付宝就够了,但也难免有用户想直接绑定信用卡去支付,虽然通过微信支付宝也可以使用信用卡支付;这个要看平台的选择,如果有能力实现就尽可能给用户更多的选择,满足更多的用户需求,覆盖更多的支付场景。

3.3签约支付通道

完成了3.2的分析,基本就可以确定要签约什么支付产品,也就知道该如何去设计收银台了。假设签约了微信支付,易宝的快捷支付,自建钱包;就可以拿到微信的文档,易宝支付的文档,钱包账户自己来设计;拿到文档后就知道了支付需要的参数,就能确定我们请求通道时需要哪些参数,哪些参数是用户提供的,哪些参数需要后台整理封装,当前系统是不是可以提供需要的参数,还需要做哪些改造。

3.4确定收银台的支撑系统

分析清楚要完成支付至少需要哪些支撑系统,如2.1所说的“一点三线模型”,收银台还需要内线的订单账单、账务等,外线就需要收银台后台、路由、风控(非必须)、支付处理、渠道管理等。

4
支付流程

支付的业务流程应该分开去看,一个是主业务流程,主要是系统之间的流转关系,另一个就是每个支付类型的业务流程,比如支付流程,退款流程,充值流程,提现流程等。前者更偏向于从架构上把握,后者偏向于从逻辑上把握。

4.1支付主流程

更详细的主支付流程可以看图3,对其进行简化以后,抽象出支付线的主框架出来,如图4所示

图4 主支付流程

去结算:购物车去结算到达订单填写
提交订单:订单填写页提交订单到达收银台
去支付:收银台选择支付方式后点击去支付进入支付流程
支付结果:支付完成后到达支付结果页
后续流程:支付结果页引导用户到达制定位置,比如查看订单,继续购物等

4.2支付流程页面及系统间的交互

从页面流程图和前后端的交互图以及后端系统之间的流转流程来看收银台的支付流程,如图5所示


图5 收银台支付流程

4.3支付流程时序图

为了更清楚的看到用户支付时个系统之间的交互关系以及先后顺序,如图6所示的简化时序图。

图6 收银台简化支付时序图

5
收银台的前端设计

收银台包含前端和后端,前端是用户可以看到的收银台页面,在订单填写页提交订单以后达到。对于前端页面比较容易调研,因为直面用户,所以到任何一个平台操作一下下单和支付就可以到达相应的收银台,看到收银台展示的内容元素以及交互。收银台前端的设计主要考虑以下几个方面。

5.1收银台的关键信息   

收银台页面内容主要包含以下几个元素,具体页面如图1所示

商品信息(非必须展示) :用户买的什么    
收款方 (非必须展示) :钱付给谁
支付有效时间:在规定时间内支付
支付方式列表:有什么支付方式可以选择
支付金额 :付多少钱
支付操作:确认支付的按钮


5.2收银台的关键流程

在第4部分介绍了详细的收银台支付流程,为了便于设计思考的完整性,再简要归纳一下:

提交订单到达收银台页面
去支付进入支付流程,当前应用或者跳转到支付应用
支付成功或失败的支付结果落地页
支付落地页的后续流程,返回什么地方
支付结束

5.3收银台的拓展

收银台随着业务的变化在不断发生变化,在更多的端上建设收银台,收银台支持更多的支付方式,相应也会出现支付方式推荐、支付补贴漏出、活动优惠推送等更多内容。

同样收银台类型的拓展:逐渐发展出PC收银台,H5收银台,app收银台等更多的收银台形态。

支付方式的拓展:除了微信支付、绑卡支付、余额支付等方式以外,逐渐发展出数字人民币支付,线下支付等支持更多支付场景的支付方式。

5.4银行卡快捷支付

银行卡快捷支付可以选择已经绑定的卡,也可以添加新卡;新卡的绑定一般按照绑卡鉴权的要求既可以设计出需要的要素,借记卡和贷记卡的要素不一样;个人户和对公户也不一样;随着电子支付的发展,方式也会变化,跟着接入方的要求走即可。

5.5收银台的余额支付

既然是自己包装或者接入的钱包余额,算是一个新的支付方式,一个新的支付方式需要关注以下几个要素

支付logo:就是展示给用户的icon图标
支付方式名称:比如抖音支付,余额支付等
支付发起流程:选择支付方式提交后的业务流程如何

6
收银台的后端设施

为了便于运营,收银台后端还需要一些操作后台或者基础的配置,来实现对支付信息的查询以及相应的收银台配置,以满足运营需要和产研的需求反映效率需要。下面仅列举几个简单的工具,只是作为案例引出思考,不代表仅这些功能,不同的场景下需要基于实际的业务需要进行系统规划和设计,本部分就不在提供后台原型相关页面的说明,可以在书外探讨。


推荐阅读
《开启支付之门》第3版,正式发布
陈天宇宙文章全集-珍藏版V1.0
北漂十年,漫长岁月里的生命色彩

继续滑动看下一个
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存