设计策略

01.增强拓展性

重塑页面结构，满足业务多样性，增强拓展性

02.提升使用体验

统一并简化支付流程，提升使用体验

03.拓展购课场景

探索课程A+B组合加购

04.搭建组件

搭建组件，提升开发、设计效率，实现便捷开发，提升效率

2.0 优化

01. 重塑页面结构，搭建支付组件，满足业务多样性，增强拓展性

目前三端收银台样式不统一，对产品、设计、运营带来相当高维护成本。

运用席克定律：用户在进行某项操作的时候，操作的选项越多、流程越复杂，用户花费的时间就越多。同理分类越混乱，阅读效率越低。

2.0支付统一了页面结构，加强界面拓展性，做到可随时增加或者删减模块组件样式，同时重新梳理了信息展示结构，统一页面架构。

02. 优化信息展示，提升页面品质，提升用户的决策效率

去掉旧版icon，简化信息层级，让关键信息跳出来。

优惠信息外露，旧版优惠信息隐藏的过于深，导致用户缺失对于平台优惠力度的感知。

新版着重把优惠信息外露，让用户更强感知优惠信息。

03. 拓展购课场景

根据业务诉求，在购课场景中，课程会包含实物、课程包等，在支付中探索多课程A+B组合加购，提高其他课程转化率。

小结

三端样式统一大幅提升设计、开发效率，页面框架灵活性降低业务运营难度，增强页面拓展性，此次更新为后续迭代版本打下良好的基础。

在测试过程中，我们通过2.0版本获知用户对加购有一定转化提升，对比没有加购版本，有较大差异，验证了用户对于加购有一定的诉求。后续版本可持续挖掘。

2.1 优化与验证

需求背景

经过一段时间的测试，根据数据表现，与新业务诉求结合。我们以结果（目标）为导向，通过定量数据与定性调研、经验预见提出合理化的交互、视觉方案解决项目问题，从而助力业务拿到更好的结果。

植入充值业务，探索购课场景更多可能性

2.0版本走查

01.  sku上线后数据表现得出有一定用户需求，但在路径上有提升空间

多sku目的为了增加其他课程转化，在检测路径节点相关数据中，发现跳出率较高，分析原因：

由于教育产品用户没有建立sku心智，与电商产品sku存在区别，sku页面让用户增加一定理解成本。

02.  界面信息组织与操作展示逻辑优化、提升空间，以提升用户的决策效率

2.0版本增加了优惠券、支付方式收起展开选项，给予用户自行选择，通过过定性调研和定量数据分析，过多选项会造成操作成本增加，从而影响决策效率

梳理设计目标

结合产品侧及设计侧的需求，我们希望在本次改版中能够达成：

01. 提升效率

优化信息展示进一步提升用户的决策效率

02. 场景探索

优化引导刺激用户行为，通过拓展购课场景赋能购课、充值等需求，为用户创造价值

设计策略

01.优化信息展示进一步提升用户的决策效率

支付页的核心是希望通过展示明确的价格、优惠等信息从而促成用户转化，保证用户无需过多思考与理解。

而信息结构是否合适，用户获取信息的效率是否高效，对价格信息明细、优惠信息是否有感知都会影响决策，需要做到：

重塑信息展示，减少操作成本

•  “购买方式”展开按钮去除，在上一步的详情页中，用户已做出购买方式选择，在这一步无需再做选择

• “支付方式” 默认展开，便于业务曝光

•  “活动优惠”展开按钮去除，帮助用户选择最优折扣

减少理解成本，提升加购效率

在支付加入加购场景，减少交互步骤，增加课程封面、价格，提升决策效率

重新梳理信息展示顺序，简化页面架构