小灯塔支付体系优化
支付作为最后一步,承担着极为重要的角色,我们要做的便是减少一切阻力,保证用户顺利的完成付款。
需求背景
画啦啦小灯塔经历前期的快速扩张、抢占市场阶段,部分功能急于上线抢占市场,体验相对较差,在越来越重视用户体验今天,收银台作为交易环节最核心的模块,存在极大的提升空间与提升价值。
支付作为最后一步,承担着极为重要的角色,我们要做的便是减少一切阻力,保证用户顺利的完成付款。
1.0 走查
• 业务层
业务统一性差,存在业务冲突情况,影响主要功能
• 交互层
微信 Android iOS交互流程不一致,导致体验不一致
• 框架层
组建样式不统一,结构拓展性差,无法满足业务增加需求
• 表现层
微信 Android iOS视觉样式不一致,信息层级错乱,重点信息无法跳出
梳理设计目标
用户需在这一步清晰知道价格、内容、享受优惠信息、权益、支付方式等,从而快速支付。
设计策略
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.优化信息展示进一步提升用户的决策效率
支付页的核心是希望通过展示明确的价格、优惠等信息从而促成用户转化,保证用户无需过多思考与理解。
而信息结构是否合适,用户获取信息的效率是否高效,对价格信息明细、优惠信息是否有感知都会影响决策,需要做到:
重塑信息展示,减少操作成本
• “购买方式”展开按钮去除,在上一步的详情页中,用户已做出购买方式选择,在这一步无需再做选择
• “支付方式” 默认展开,便于业务曝光
• “活动优惠”展开按钮去除,帮助用户选择最优折扣
减少理解成本,提升加购效率
在支付加入加购场景,减少交互步骤,增加课程封面、价格,提升决策效率
重新梳理信息展示顺序,简化页面架构
02. 优化引导刺激用户行为
探索支付场景,业务侧增加货币系统支付,辅以多个利益点引导用户使用购课币支付
从结合业务需求,在不抢夺主信息的情况下,运用相似、接近性原则,进行内容展示:
• 字体大小保证阅读清晰情况下,使用红色强化主要利益点,提取关键词做成“赠”“减”标签,让用户快速获取核心信息。
• 利用浅色底框住利益点形成整体。
• 增加推荐标签,引导用户使用购课币支付。
在微信支付中,会赠送一定的购课币红包。同时加入红包样式,刺激部分不使用购课币支付的用户。
微信支付后会给予一定的购课币存入钱包,培养用户购课币概念,鼓励用户充值。
当用户使用购课币余额支付,但余额不足时,拉起浮窗提示购课需多少币,并在高档位上加上赠币利益点,促进用户继续充值。
验证
2.1收银台对2.0版本提升15.97%
加购板块结论:
加购率从4%提升10%
充值弹窗结论:
• 从充值弹窗的曝光到完成充值的平均转化率37%
• 日均充值*54人,占大盘日均充值人数的47%
• 每日人均充值*39元,是大盘日均数据的132.76%
总结
本次改版从单纯执行者深度参与到原型讨论中,作为体验设计者,需要时刻站在用户立场上思考,什么样的信息才是用户最关心
支付作为购课完成的最后一步,首先保证主功能的使用,确保用户在付款过程中拥有良好的体验。