Amap

Amap Public Transit: AI-Powered Continuity & UX Enhancement

Amap Public Transit: AI-Powered Continuity & UX Enhancement

Role

Product Design intern

Product Design intern

Duration

July-Nov 2024

July-Nov 2024

Team

1Product Designers 1Product Manager 2 Engineers

1Product Designers 1Product Manager 2 Engineers

MY IMPACTS

End to end design

End to end design

Future vision development

Future vision development

Cross-team collaboration

Cross-team collaboration

Visual Design

Visual Design

Background

Restructuring Information to Restore User Control in Transit

This project aims to eliminate anxiety across the end-to-end transit journey. By redesigning decision logic on list pages, setting clear expectations on detail pages, and ensuring seamless in-trip updates, we rebuild user certainty and deliver a closed-loop experience.

Launched for Beta Testing: December 2024

Design Scope

3+ mainflow

Public transport satisfaction rose by

36.2%

Context

High User Dissatisfaction with Current Transit Flow

October research revealed our platform lags behind competitors in visual clarity (-8%) and layout rationality (-5%). This gap widens significantly in bus and subway scenarios, where clarity drops by 14% and rationality by 18%.

Why Design

25.6% find routing unclear, and ~1/3 lack personalized recommendations.

This quarter, the previously prominent issue of 'Lack of preference-based routing' (29.8%) has escalated to the top complaint. Following closely are 'Inability to multi-select route preferences' (27.4%) and 'Unclear information/Lacking focus' (19.0%).

Challenge

Information Overload Disrupts Decision-Making

01

Information Overload

Excessive visual noise increases cognitive load during rushed commutes.

02

Tedious Filtering

Mechanical data lists force complex comparisons, causing decision paralysis.

03

Fragmented Journey

Service interruptions across screens or on the lock screen hinder access to critical information at key moments.

Design Principle

Designing for Information Clarity & Certainty

User Feedback

User Feedback

Info Overload

Info Overload

Users struggle to find optimal routes without smart recommendations or multi-select preferences.

Users struggle to find optimal routes without smart recommendations or multi-select preferences.

High visual noise and lack of intent matching cause decision paralysis.

High visual noise and lack of intent matching cause decision paralysis.

Noise Reduction

Noise Reduction

Design

Goal

Design

Goal

Leverage AI to replace manual filtering with direct, personalized recommendations.

Leverage AI to replace manual filtering with direct, personalized recommendations.

Recurring Habits

Recurring Habits

Intent Matching

Intent Matching

Lengthy

Decision Path

Lengthy

Decision Path

Decision Anxiety

Decision Anxiety

Logic & Certainty

Logic & Certainty

Personalization Needs

Personalization Needs

User

Reaction

Highlights

Restructuring Information Architecture for Precision and Readability

By deeply deconstructing the relationship between the List Page (for quick filtering) and the Detail Page (for setting expectations), we established new visual anchors and reshaped the user's visual flow.

Highlights

AI Query Handoff: From "Mechanical Search" to "Semantic Scenario Delivery"

LLM intent recognition replaces manual filtering with direct recommendations—shifting the UX from 'searching' to 'delivering'.

Ideation1

Lowering Cognitive Load Through Trip Card Redesign

Optimized card padding and spacing

Optimized card padding and spacing

Increased distance between numbers

and text

Redesigned live-tracking bar colors

Redesigned live-tracking bar colors

Darkened tag colors

Darkened tag colors

Displayed route length by time percentage

Displayed route length by time percentage

Removed station count and price info

Removed station count and price info

Used icons for transit modes

Used icons for transit modes

Removed arrival time and "fastest" tags

Removed arrival time and "fastest" tags

Simplified route text and live-tracking info

Simplified route text and live-tracking info

Added estimated arrival time

Added estimated arrival time

Arranged key info by action priority

Arranged key info by action priority

Removed station count, price, and tags

Removed station count, price, and tags

Option1

Option1

Basic Visual Optimization

Basic Visual Optimization

Option2

Option2

Key Information Upfront

Key Information Upfront

Option3

Option3

Action-Priority Layout

Action-Priority Layout

Ideation2

Designing a More Efficient Transit Decision Model via Interaction Architecture

Evaluating the current solution based on visibility, comprehensibility, and psychological expectations:


1. Visibility: Can users identify the fastest route?

2. Comprehensibility: Can users understand why a route is recommended?

3. Expectation: Can users anticipate the next action? (e.g., "Tap to depart").

Option 1: Map-Card Linkage

Provides personalized options while centering map elements, ensuring comprehensive map context during decision-making.

Lower screen efficiency due to map.

Personalized transit experience.

Real map routes boost decision certainty.

Higher interaction cost to switch modes.

Option 2: List Layout

Traditional map interaction. Navigates to a list page after input, using filters for sorting and personalization

High information density and excellent screen efficiency.

Delivers a customized, personalized transit experience.

Requires navigating to a detail page for further map context.

Relatively low interaction cost.

Ideation3

Improving Information Perception Through Top-Level Navigation

The primary goal of this navigation redesign is to front-load information, thereby maximizing reading efficiency.

Ideation1

Lowering Cognitive Load Through Trip Card Redesign

Option1

Option1

Basic Visual Optimization

Basic Visual Optimization

2 modes on 1 screen

2 modes on 1 screen

Clear Icon+Text

Clear Icon+Text

No extra info

No extra info

Option2

Option2

Key Information Upfront

Key Information Upfront

Max 3 modes per screen

Max 3 modes per screen

Icon only

Icon only

Shows travel time

Shows travel time

Option3

Option3

Time Information Upfront

Time Information Upfront

Max 3 modes per screen

Max 3 modes per screen

Icon+Text

Icon+Text

Shows travel time

Shows travel time

AI Workflow


LLM "Fast/Slow Thinking" Handoff Model

Dual-engine architecture routing user intents for efficient frontend task distribution.

Tools

Tools

Vertify

Vertify

LLM

LLM

Agent Demo

Agent Demo

Agent

Agent

Workflow

Workflow

分流器

分流器

SDM

SDM

User

User

Commend

Commend

Card

Card

Text

Text

Card

Card

Query

Query

Summery

LLM

Summery

LLM

or

or

快思考

快思考

慢思考

慢思考

Ideation4

Designing a Smoother AI-Driven Decision Flow

Option 1: Contextual Plug-in Banner

Inserts a lightweight "AI Scout" banner above the route list based on inferred intent , leading to a detailed "nanny-level" visual guide upon clicking.

High information capacity, combining detailed graphics with map linkage; easily introduces AI chat flow.

Increases interaction steps; the core answer is hidden behind a click.

Option2:Concise Summary +

Follow-up Prompts

Surfaces a highly condensed LLM output directly. Paired with dialogue chips at the bottom to anticipate the next query, guiding users into "slow thinking" agent flows.

Surfaces a highly condensed LLM output

directly.Paired with dialogue chips at the bottom

to anticipate the next query, guiding users into

"slow thinking" agent flows.

Minimizes cognitive load with extremely clear visual anchors.

The initial screen information is sparse; deeper queries require complex interactions.

Reading dense text is highly inefficient compared to scanning structured cards.

Option 3: Natural Language Narrative

Generates a comprehensive text paragraph linking boarding, stations, transfers, duration, distance, and cost into a single narrative answer.

Highest information completeness; a "one-stop" answer for the user's query.

Learning

A rewarding six months of professional growth and personal enrichment. Thanks to everyone!

This experience did more than just boost my professional growth; it really added value to my life outside of work. I even managed to get my CPR certification through the training provided by the company.

Let's build something cool together!

Follow Me on

©2026 Chongyu

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