What Can We Learn from Top App UI Animations? 6 Real-World Design Cases

Hi everyone, the ZhiXing Tuesday Light Sharing column is here to share recent online cases worth learning, uncover hidden moving designs, and spark new inspiration.

1. Gaode – Price Comparison Animation

Gaode Taxi uses smooth animations, clear vehicle displays, and an intuitive price‑comparison process to visually present different car models. Different colors and shapes distinguish vehicle types, while a feedback text “Gaode Taxi, comparing prices…” keeps users informed.

2. Meituan Delivery – Ice Drink Animation

When users enter the “Beverages” category, the top shop shows an ice‑cube bubble rising animation, which is eye‑catching. The visual effect attracts attention, highlights product features, and encourages higher click‑through rates.

3. Didi – Anonymous Feedback Wall

The anonymous feedback area uses emotional icons such as “heart” and “broken heart” to draw attention and help users understand. Real‑time participation numbers leverage herd psychology, while surprise animations differentiate positive and negative feedback, encouraging continuous interaction.

4. Tongcheng Travel – Illustrated Interactive Options

In the passenger‑count selection scene, illustrations occupy nearly half the screen. Choosing a different passenger count updates the corresponding illustration, attracting attention and adding fun. The interaction provides immediate visual feedback, reducing selection errors.

5. Xianyu – AI‑Generated Product Copy

The latest Xianyu version lets AI write product descriptions. Users upload a product image and click the “AI help write” icon, generating fluent, accurate copy that conveys item features and value, reducing effort and improving copy quality.

6. Didi Carpool – Driver‑Grab Order Animation

After placing an order, a driver‑grab animation creates urgency, encouraging users to pre‑pay quickly. The effect increases payment willingness, provides instant feedback, improves trust, and boosts order completion rates.

These design shares conclude the current issue. The cases and insights come from the ZhiXing UED team’s daily sharing, and we will continue to explore more valuable design examples to apply in future product designs.