How Uber, Maoyan, Gaode, Ant Fortune & Taobao Turn Waiting into Play: 5 Design Cases

This article showcases five recent UI/UX case studies—from Uber's waiting‑time game to Taobao's flash‑sale draw—illustrating how interactive design, gamification, data‑backed rankings, AI assistance, and clever reward mechanics can boost user engagement, reduce friction, and drive conversion across mobile products.

Zhixing ZXD Design Center
Zhixing ZXD Design Center
Zhixing ZXD Design Center
How Uber, Maoyan, Gaode, Ant Fortune & Taobao Turn Waiting into Play: 5 Design Cases

#01 Uber: Gamify Waiting

Uber, the global ride‑hailing platform, noticed that users feel anxious while waiting for a driver and embedded a mini‑racing game in the waiting screen. The simple left‑right swipe controls, colorful cartoon style, real‑time score and high‑score display keep users engaged, turning waiting time into an entertaining loop.

The game shifts attention away from the wait, reducing anxiety and even lowering order‑cancellation rates, which benefits Uber’s operational stability and user satisfaction.

Uber mini‑racing game
Uber mini‑racing game

#02 Maoyan: Interactive Ad Display

Maoyan app uses an upward‑swipe interaction to reveal a full‑screen poster, attracting users to stay and view the ad. The design combines interactive gestures with clear visual hierarchy, meeting advertising goals without occupying large screen real estate.

Maoyan interactive ad
Maoyan interactive ad

#03 Gaode Map: Street Ranking

Gaode’s “Street Ranking” leverages real travel data and big‑data analysis to create a credible list. By showcasing statistics such as “13 billion navigations by 50 million users”, the ranking gains trust and persuades users.

The food section uses large scene images, strong visual tags, and popularity numbers (e.g., “TOP 01”, “1.1 w+”) to highlight quality and social proof, encouraging exploration.

Gaode street ranking
Gaode street ranking

#04 Ant Fortune: AI‑Powered Fund Selection

Ant Fortune adds a global long‑press interaction on the fund detail page. Users can press anywhere to summon an AI assistant that answers questions, summarizes information, and guides deeper conversation, lowering the barrier to discover the feature.

The AI reduces input cost by automatically extracting key points, visualizes its reasoning process to build trust, and streams answers for faster information retrieval.

Ant Fortune AI interaction
Ant Fortune AI interaction

#05 Taobao Flash Sale: Milk‑Tea Free‑Draw

Taobao’s flash‑sale animation turns the “free‑draw” reward into a ceremonial experience with smooth gift‑box and ribbon effects, amplifying excitement and participation.

When users don’t win, a “luck value” shows they are closer to a free draw, encouraging them to invite friends for more chances, turning non‑winners into promoters and boosting viral growth.

Taobao flash sale animation
Taobao flash sale animation
Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

Case Studydesign-patternsuser engagementmobile appsUX designproduct interactionUI innovation
Zhixing ZXD Design Center
Written by

Zhixing ZXD Design Center

The Zhixing Experience Design team (ZXD) leads innovative UX design and research for Zhixing Train Ticket, aiming to deliver smarter, more caring, and warmer product experiences.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.