返回作品列表
抖音支付收银台-全链路体验优化
在抖音支付链路中，我主导了收银台改版以及收银链路优化的设计，从实验到发布，塑造了核心的用户体验。
这是我最有成就感的项目之一。
一是因为在目前支付产品微信和支付宝已经趋于如此成熟的情况下，作为设计师仍然能够主动探索新的范式；二是项目上线后，在数据和用户层获得了相当漂亮的正向反馈。
亮点:
业务数据提升 丨 获得创新设计专利
角色:
项目主导设计
时间:
2025
概览
抖音支付是抖音的自有支付体系，提供在线支付服务，产品的使用流程涵盖：用户发起交易-拉起抖音收银台选择支付方式和验证密码-完成付款
设计演变
收银场景涉及端外商户、端内电商生服直播等大量复杂场景，多套收银台并存，体验不统一维护成本高。
我接手项目后，先从端外收银台着手主导了改版和体验优化，获得不错的效果后，继续推进全场景收银台统一，以提供统一和高标准的支付体验
早期版
问题
抖音支付，作为集团商业生态闭环的关键一环，诞生于一个被支付宝和微信支付双寡头垄断的市场。我们面临的挑战是巨大的：
用户心智固化：长达十年的用户习惯，使得“用支付宝/微信支付”成为一种本能反应。
信任门槛高：对于新兴的支付工具，用户天然抱有对资金安全的疑虑。
在完成了基础功能建设后，用户增长和渗透率进入了一个相对平缓的阶段，亟需找到新的突破口。
目标
通过与产品和数据团队的紧密合作，我们将总目标拆解为两个可量化的设计子目标：
1.提升收银台品质感：通过视觉和交互优化，增强用户信任，提升核心场景支付成功率
2.优化全链路体验：系统性梳理支付前、中、后三个阶段的断点和痛点，降低用户操作成本。
调研分析
通过用户调研/体验自查等方式，我们归纳出当前痛点
1 优惠吸引力弱
营销表达重复混乱，用户在支付过程中对优惠感知不明显
用户对于低价的廉价营销（1分钱，5分钱）更加反感
2 安全信任不足
用户认为在抖音上绑定银行卡和支付时有可能泄露个人信息，担心资产盗刷
3 银行卡推荐不准
当前银行卡推荐算法不准，用户命中率低
4 付款流程不够流畅
唤起收银台的时间较长，支付流程不够丝滑等
设计方向
通过上述各种的研究及分析，发现了各种的问题和探索点，围绕着这些问题，和产品进行了多轮发散和讨论，确定了设计方向
1 强化安全感信任感
从信息层，视觉层，交互层，对安全感全链路强化
2 优化营销优惠表达
整合营销表达，提升营销效率和品质感；区分强弱运营，精细化运营
3 提升设计品质感
简化页面结构，信息模块定位清晰，视觉降噪
动效、触觉、适配、按压反馈等细节优化
Solution 1
收银台首页-聚焦
数据显示 70% 的用户只关注金额和支付方式，其余信息会造成干扰
策略一：去掉冗余信息，优化页面层级
去掉头部品牌logo和渐变背景，页面白底灰卡优化为灰底白卡
单独对比实验表明：去掉头部品牌logo和渐变背景，数据更好
策略二：平铺支付方式
除了优化推荐算法之外，在展示层面对支付工具平铺展示，提高命中率
策略三：合并重复营销，建立标签体系
针对合并支付方式下的重复营销进行逻辑去重，仅透传渠道额外的“立减”优惠。将优惠标签与价格、品牌 LOGO 深度关联并置于价格下方，使核心资产与优惠信息高度聚焦。
通过对复杂线上场景的归纳，建立了一套基于优惠维度与用户心智的标准组件库，兼顾视觉统一性与平台复用率。
策略四：引入动态感知，强化获得感
触发金额实时滚动的动态效果，将“优惠获得感”最大化，有效提升支付转化意愿。
策略五：运营功能精细化
支付中流程会给用户推荐功能签约套餐，比如开通免密或开通连续包年。
重构收银台支付中签约功能，通过个性化的引导推荐，提高转化签约的效率，减少无效打扰
聚焦当前重点信息，未勾选不展示协议，减少信息负担
Solution 2
支付链路-安全感
我们发现，用户对支付的安全感主要由‘控制感和反馈透明度’决定，而现有链路信息表达断层，理解成本高，使用户无法判断风险行为，就有可能拒付
随时展示用户最关心的信息
唤起收银台
优化iOS启动抖音App时的开屏Loading，区分冷启动和热启动，优化唤起速度的同时传达抖音支付的安全感
选择付款方式
滑动列表时，当前选择的付款方式吸顶&快速锚定
支付验证
拉起支付验证时，自动锚定选中的付款方式并展示，降低用户风险确认的成本
支付状态反馈
决策透明化设计：以清晰的信息层级降低用户疑虑，构建安全信任链路
Solution 3
退出挽留-丰富玩法
用户退出收银台时，抖音支付通常会通过优惠加码的方式吸引用户留下来继续支付，优化挽留玩法，提升挽留成功率
利用损失厌恶心理，增加倒计时制造紧迫感，强化优惠信息
通过膨胀/二选一玩法增强和用户之间的互动性，拉长用户停留时长提升挽留效率
Solution 4
体验细节打磨
通过标准化的视觉语言与丰富的视听触反馈，闭环设计落地的每一个微小瞬间。极致的细节处理是构建金融级产品信任根基的底层逻辑。
项目收益
在千万级 DAU 的产品中，我们在极度复杂的交易链路中，通过精细化设计找到了新的增长空间；并申请了创新专利
*数据已做脱敏处理*
项目后续
后续在此版本基础上统一现存的多端多套收银台，使用半屏面板载体代替全屏载体，从功能、交互、样式上拉齐多套收银体系，为用户提供具有统一标准的支付体验
载体：全屏页面 → 半屏面板
为满足一套收银台页面适配多种场景的需求，收银台整体从全屏页面调整为半屏面板
交互：合并验密交互，缩短验证链路
身份核验页面嵌入收银页面，并从策略上针对新老用户下发不同状态的收银台页面
合并交互后，涉及到切换状态时面板内容不一的问题
通过动态面板高度确保切换过渡自然
当大量信息集中在高度有限的半屏中
通过滑动/缩小元素/信息取舍等方式满足关键信息展示
返回作品列表