collection message Optimization

Macro Background

The current structure of the payment reminder message bar on the Didi App homepage is disorganized, often causing users to miss payment reminders in a timely manner, leading to payment failures and impacting subsequent ride-hailing processes. Therefore, a comprehensive optimization of the payment reminder message bar is needed to improve user awareness and processing efficiency of payment reminder information.

Current Situation

  1. Currently, the message bars on the SA homepage and the travel homepage integrate multiple communication methods, including location authorization, payment reminders, and order status notifications. The SA homepage has 33 message types, while the travel homepage has only 13, resulting in confusing location information and a poor user experience.

  2. In multiple payment reminder scenarios such as PDP, highway tolls, and cleaning fees, if users don't handle the reminder messages, they will be blocked from placing orders when they enter the bubble page. However, the reminder messages in the message bars are not prominently displayed and are consistent with order notifications, making them difficult for users to perceive.

User Pain Points

The collection notices on the homepage are difficult for passengers to notice in a timely manner. Users are often blocked by the system when they place orders, resulting in a poor user experience.

project background

Unpaid fees accounted for 35% of order blocks in Latin America, while the click-through rate (CTR) for home-page collection banners lingered at a low 6%-12%, severely impacting debt recovery.

Design Goals

  1. Enhance the visibility of collection information. Improve the visibility and click-through rate of collection message bars.

  2. Reduce order blocking issues. Reduce the number of users whose orders are blocked during the bubble stage due to unresolved collection issues.

  3. Unify message bar design logic. Optimize the message bar display rules on the SA homepage and the travel homepage.

  4. Fix existing experience issues.Resolve issues related to duplicate displays, abnormal redirects, and payment paths.

Design Solution

  1. Risk-Segmented Strategies: Categorized users by delinquency risk to deploy mandatory pre-order blocks for high-risk users and post-trip soft collection for low-risk users.

  2. Multi-Point Touchpoints: Relocated collection banners above the core "Where to" section and expanded visibility across both SA and home pages with enhanced visual hierarchies.

  3. Simplified Payment Flow: Redesigned fee-breakdown components and semi-transparent cashiers to clearly display fee origins and negotiated amounts.

Option 1: Add a new message bar style


  1. Unify the basic message bar structure

  1. All single message bars are unified as follows:

Left: Business Icon. Middle: Message Content. Right: Price / Operation Information

b. For multiple messages:

Left: Business Icon. Middle: Message Content .Right: Message Count + Jump Icon

After clicking, the user enters the Activity page to view and process all ongoing messages.

When multiple messages are running concurrently, the message bar rotates up and down every 4 seconds.

Create a free website with Framer, the website builder loved by startups, designers and agencies.