催收消息优化
宏观背景
当前 Didi App 首页的催收消息条结构混乱,用户在实际使用中经常无法及时发现费用催收信息,导致无法完成支付,进而影响后续打车流程。因此,需要对催收消息条进行整体优化,提升用户对催收信息的感知和处理效率。
当前情况
目前,SA 首页和出行首页的消息条整合了多种沟通方式,包括定位授权、支付提醒和订单状态通知。SA 首页有 33 种消息类型,而出行首页只有 13 种,导致定位信息混乱,用户体验较差。
在 PDP、高速通行费和清洁费等多个支付提醒场景中,如果用户不处理提醒消息,当进入气泡页面时将被阻止下单。然而,消息条中的提醒消息并不突出,且与订单通知样式一致,导致用户难以感知。
用户痛点
主页上的催收通知不容易被乘客及时注意到。用户在下单时常常被系统拦截,导致用户体验较差。
项目背景
SA首页与出行首页 设计表达不一致,且风格陈旧
费用处理交互体验不一致
体验上取消费催收重复展示:当产生一条取消费时,消息条默认会出现两个滚动取消费催收条
催收消息条:安卓端点击后会再拉起一遍出行首页,再跳转至对应的支付页
合并支付消息条:高速费、PDP等催收项点击下一单随单支付后,首页出现合并支付消息条,无法点击,且无法再用其他方式付款
设计目标
提升催收信息的可见性。提高催收消息条的可见性和点击率。
减少订单拦截问题。减少在冒泡阶段因催收问题未解决而导致订单被拦截的用户数量。
统一消息条设计逻辑。优化 SA 首页和旅行首页的消息条展示规则。
修复现有体验问题。解决与重复展示、异常跳转和支付路径相关的问题。
设计方案
方案1:新增消息栏样式,并统一基础消息栏结构。
单条消息栏统一格式如下:左侧:业务图标。中间:消息内容。右侧:价格/操作信息。
b. 多条消息时:左侧:业务图标。中间:消息内容。右侧:消息数量 + 跳转图标。点击后将跳转至活动页面,查看并处理所有进行中的消息。当多条消息并发进行时,消息栏每4秒上下轮播一次。
方案2:新增催收消息栏样式。
适用场景(仅4类):上一笔订单未支付、PDP议价费、高速通行费催收、清洁费催收,以及展示规则。当上述催收消息出现时:“你想去哪里?”上方的地址推荐将不再展示。其与城市卡片/场站引导形成互斥逻辑。样式设计:左侧:统一告警图标(提醒符号)。中间:费用类型 + 金额。右侧:支付按钮。点击后将跳转至活动页面完成支付。若存在多条催收消息:将每5秒轮播展示。点击后将跳转至对应处理页面。
将在出行首页新增支付提醒。出行首页新增一条支付提醒消息:“上一笔订单未支付。” 原因:若用户未支付上一笔订单,系统会在下单阶段拦截订单。因此有必要在首页提前提醒用户完成支付。


方案2:支付交互优化
为了进一步降低用户处理费用的操作成本,本次设计新增了催收消息条的半浮层处理方式。当用户点击催收消息条中的支付按钮时,页面会弹出半浮层,用户可以在该层级中查看费用详情并直接进入收银台完成支付。支付完成后用户会自动返回首页,同时对应的催收消息条会消失,从而形成一个完整且高效的支付闭环。
该半浮层主要适用于五类催收场景,包括上一单未支付、PDP费用协商、高速费催收、清洁费催收以及取消费累计达到三笔的情况。其中,“上一单未支付”场景为新增提醒,其余场景在原有基础上进行了结构和信息表达优化。

取消费催收优化分为三种类型:在取消费场景中,由于费用数量不同,用户的支付路径也有所差异,因此本次设计根据费用数量设计了三种不同的交互方式。
当用户只有一笔取消费时,半浮层会直接展示该笔费用,并引导用户进入收银台完成支付;
当存在两笔取消费时,半浮层会展示两条行程信息,由于收银台仅支持单笔支付,用户需要勾选一条费用后逐笔完成支付;
当取消费达到三笔时,系统将允许用户通过“Pay Online”按钮一次性完成全部费用支付,并在界面中清晰展示每笔费用金额及总费用,以提升信息透明度。
通过以上优化,用户可以在首页快速识别费用信息,并通过更便捷的交互方式完成支付,从而减少因催收问题导致的发单拦截,整体提升出行体验。
