Product Management 8 min read

How a User Experience Map Revamped an AI English Tutor – A Step‑by‑Step Case Study

This article details how the team applied a user experience map to redesign the AI‑powered English tutoring app Alix, outlining the quick‑turn workshop method, key findings, opportunity brainstorming, and how the resulting map drove concrete product demos and iterative releases.

流利说 Design Team
流利说 Design Team
流利说 Design Team
How a User Experience Map Revamped an AI English Tutor – A Step‑by‑Step Case Study

Why Use a User Experience Map

The team chose a user experience map to visualize user problems and emotional curves across the Alix learning journey, enabling a holistic view of the product and uncovering improvement opportunities.

Standard UX‑Map Creation Steps

a. User Personas – Define target roles (e.g., free vs. paid users) based on data and research.

b. Define Scenarios – Map key stages such as pre‑learning, in‑learning, and post‑learning, breaking them into sub‑steps like course selection, preview, and reporting.

c. User Interviews – Collect real user behaviors, perceptions, emotions, and pain points; ensure sufficient sample size for accuracy.

d. Draw the Map – Consolidate interview insights into a table with behavior nodes on the horizontal axis and user feedback on the vertical axis, then identify opportunity points.

Adapted Rapid Method for Alix

1. Confirm Nodes – Skipping persona work, the team focused on three major phases (pre‑learning, learning, post‑learning) and six detailed steps (enter classroom, select course, preview, start class, learning report, continue learning).

2. Workshop – Invited 10+ colleagues representing target users to experience the current Alix flow, record feelings, and post sticky notes with behaviors, goals, thoughts, and emotions at each node.

3. Organize & Categorize – Consolidated workshop notes, re‑classifying them into behavior, goal, thought, and emotion touchpoints, removing duplicates and extracting qualitative issues.

4. Brainstorm Opportunities – Analyzed emotional lows and highs to generate ideas such as integrating audio‑video content into boring preview lessons.

5. Beautify the Map – Refined visual layout for clarity without extensive graphic design, ensuring the map remains easy to read.

Driving Implementation

Demo Creation – Built a demo model illustrating the post‑redesign experience to make the map’s recommendations concrete.

Product Presentation – Conducted a cross‑functional briefing (product, curriculum, development) using the demo, which secured commitment to follow the proposed roadmap.

Versioned Iteration – Prioritized features based on map‑derived emotional impact, releasing them across successive versions and tracking improvements.

Result

The rapid UX‑map approach led to a successful redesign of Alix, delivering a richer learning experience, new commercial models, and upcoming features such as a visually appealing female AI teacher.

User ExperienceWorkshopproduct redesignAI educationUX Mapping
流利说 Design Team
Written by

流利说 Design Team

Design for language learning, design for fun! Designers who can’t read this English, please download the “流利说® English” app. :P

0 followers
Reader feedback

How this landed with the community

login 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.