top of page
Product Overview
Product Overview (2020-2021)
An online education app for 3-8 year-old children
Top app in China with 3 billion users
English Chinese Thinking Programing
Motivational teaching philosophy
Cultivate 5 major learning motivations and continue to stimulate children's interest
Discovery
Interest
Focus
Expression
Creativty
Overview Video
！！！To ensure your browsing experience, I strongly recommend watching this video first！！！
Problem&Goal
* Disclaimer: I contributed to the project by generating creative ideas, designing the interaction, and creating interactive demos. While other designers completed the visual design and branding of the interface.
Work Flow
Interaction designer participates in the whole process
Update version Data recycling Iterative optimization
01
Demand Determination
02
Interaction
Design
03
Visual Design
04
Coding and Testing
05
Usability Testing
Decision Making
Balance UX and Resources
Design
UX Design
Follow up
Give suggestions to visual and audio effects
Check
Check the effects to make sure the quality of the final version
Optimization
User testing and interviews to make timely adjustments
02 Self-development
Different types of games
(Next Page)
Thinking
Problem 01：How to optimize thinking courses?
The app was built by Tencent
The contents were made by the team of ABC Mouse in USA
The overall style is not uniform
Poor correlation between the app and the contents
Cross-border cooperation：high communication costs, slow optimization progress
Listen to the voice of customers
Users could not have the patience to complete the full 30-minute exercise
Users were easily frustrated in the process and had escape emotions
Parents satisfaction: 64%
Children satisfaction: 60%
User Test: 16 boys 14 girls
Summarize the problems
Find out solutions
01
Not clear guidance
Process
Lengthy and slow-paced process
Set voice or video guidance depending on difficulty
Streamline processes, improve interaction efficiency
Inappropriate & Not timely feedback
Optimize positive feedback and weaken negative feedback
Not uniform painting style
02 Interface presentation
Not clear relationship between various elements
02. Information layer: content area
04: Auxiliary elements：Universal UI
05. Background
03: Operable button: Universal UI
01. operational layer (options)
Clarify the layer relationship between elements and optimize visual presentation
03 Gameplay
Hard to finish
Weak sense of purpose
Don't know how to play
Analyze competing products, combine teaching needs, balance game fun and compatibility
Increase the input of knowledge and simplify the practice (output) parts
Results
Arranged 3 assistant UX designers and 6 illustrators to complete more than 30 games in 6 categories
Thinking courses were sold online on time and have been well received by industry professionals and users alike
1
1
Before
After
english
Problem 02：How to optimize English courses?
Word bubbles：Need to be improved
Gameplay： Listen to the words and click on the correct bubbles
Rate of users completing the game: 72%
（This rate is positively correlated with the conversion rate of purchased courses)
Design Process
(1)
Requirement Analysis
(2)
Find out Pain Points
(3)
Competitor Analysis
(4)
Process and framework optimization
(5)
Programs Comparison
(6)
Demo Testing
(1) Requirement Analysis
Passing on knowledge
Parents
Harvesting knowledge
Generate interest
Children
Design Goals
Product Goals
Teaching
Teaching model
Applications
Understanding
Product Goals: Deliver knowledge in a sustainable way that is acceptable to parents and children
Advanced Cognition
Analysis
Evaluation
Creation
Primary Cognition
Awareness / Memory
Reinforcement with interactive games
Explanation of knowledge points with animated videos
(2) Find out Pain Points
User journey map
Conclusion：
1. Speed up the pace so that the game does not take too long
2. Increase the sense of progression at different levels
3. Increase Fault Tolerance
About Process
03 Clean background
About Interface
ABC Mouse
Lingo Kids
Clarify the layer
02 Information
01 Interaction
(3) Competitor Analysis
Strategies to optimize Interestingness：
- Sense of purpose
- Sense of progression
- Sense of surprise
- Scene Richness
- Option Bearers
Objects triggering elimination：
- NPC
- User
Feedback types：
- Eliminate
- Replace
- Deformation
- Release
What should I do then...
Optimize Process
Optimize Interface
Optimize Interestingness
Progress bar optimization
(4) Process and framework optimization
Game flow optimization
Level optimization
(5) Programs Comparison
Waste Reduction：Examine human resources, assess workload and plan priorities
- 15 Adventure themes
Water * 4
Desert * 4
Plant * 7
15 adventure themes
needs
15 different skins for the game
= 8
= 60 Days
Before
15 adventure themes
needs
3 different skins for the game
= 4
= 15 Days
After
Overview Little Demo
Elimination & Release Type
Plan A
Water：Rescue fishes （To find treasure）
01 Guiding Interface
02 Game Interface
03 Feedbacks
IP appears to guide gameplay
Listen to the words and click on the correct bubbles-"Cat"
Positive feedback: Bubble burst, small fish swim out
Negative feedback: Bubbles burst, smoke comes out
Plant: Release butterflies （Back to woods）
Desert: Make dark clouds to moisten the desert
04 Results
Goal+Surprise : Fishes swimming out and find coins in a wreck
Plan B
Plant：Honey bee harvesting
01 Guiding Interface
IP appears to guide gameplay
02 Game Interface
Listen to the words and click on the correct bubbles-"Cat"
03 Feedbacks
Positive feedback: The petals scatter and the bees fly out with honey
Negative feedback: Bubbles burst, smoke comes out
04 Results
Goal: The bees gradually fill up the honey jar
Desert: Spiders eat pests
Water: Collect pearls to make bracelets
Overview Little Demo
Elimination & Release Type
Plan C
All: Clear the bubbles that block the way
01 Guiding Interface
02 Game Interface
03 Feedbacks
04 Results
IP appears to guide gameplay and inform the goal
Listen to the words and click on the correct bubbles-"Cat"
Bubble burst, the dragon fly forward
Goal: The bees gradually fill up the honey jar
Water
Water
Plant
Desert
Overview Little Demo
Click to eliminate type
Plan D
All: Firework Show
01 Guiding Interface
02 Scene substitution
IP walks to the beach and ready to enjoy the fireworks show
03 Feedbacks
Positive feedback
Negative feedback
Overview Little Demo
Click to eliminate type
Plant
Desert
IP appears to guide gameplay and inform the goal
(5) Demo Testing
Plan C: Highly interesting
03. Game Interface
06. End: Surprise rewards for reaching goal
02. Level 1 preparation: Ready Go
04. Level 2 preparation: Ready Go
05. Game Interface: Escalation
(Only first time users playing this type of game will appear an interactive gameplay guidance）
01. Game introduction and guidance
Plan D: Cost-effective
03. IP Feedbacks
01. Easy game introduction and guidance( Omitted from the video)
05. End: Fireworks show
02. Game Level 1
04. Game Level 2
1
1
Rate of users completing the game: +26% (72%-98%)
I passed the internship test and was selected from 6 candidates to become an interaction designer in Tencent
THANK YOU FOR WATCHING
bottom of page