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.
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.
流利说 Design Team
Design for language learning, design for fun! Designers who can’t read this English, please download the “流利说® English” app. :P
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.