Experiences

Projects

Testimonials

Contribution

Contact

From math anxiety to adventure: designing a gamified learning app for children

University:

Timeline:

4 Months

Tools:

Figma, Procreate

Project overview

Math does not have to feel intimidating, but for many children, it does. This thesis explored how product design, storytelling, and gamification could help transform math anxiety into curiosity, motivation, and playful learning.

Using principles from Self-Determination Theory, Flow Theory, and Cognitive Load Theory, I designed a gamified learning experience that makes math feel more approachable, rewarding, and intuitive for young learners.

The challenge

Many children associate math with stress, confusion, and fear of failure. At the same time, teachers face challenges in keeping students engaged, supporting different learning levels, and providing personalized feedback at scale.

The challenge was to design a learning experience that could reduce anxiety, support motivation, and help children build confidence through small, achievable progress.

What I found beneath the math anxiety

To understand the problem more deeply, I reviewed academic research, articles, and case studies around math anxiety, motivation, gamification, and learning behavior.

I synthesized the findings into key insights that revealed why students struggle, what teachers need support with, and how a digital learning experience could make math feel more approachable.

Was theory enough? I needed to hear it from real learners

To bridge the gap between research and real learning behavior, I spoke directly with teachers and students to understand how math anxiety shows up in the classroom.

The conversations helped me validate the research findings, uncover practical constraints, and identify what students actually need to feel safer, more motivated, and more confident while learning math.

These insights helped me narrow the design direction and define who I was designing for.

What I Found Beneath the Math Anxiety

To get the problem, I explored academic research, articles, and case studies. I gathered patterns, compared findings, and broke them down into key insights that revealed what students and teachers truly struggle with and what could actually help them.

Is Theory Enough? I Needed to Hear It Firsthand

To bridge the gap between theory and practice, I talked directly to the people who matter teachers and students. I listened to their daily struggles, learning goals, and what actually works in a real classroom. These raw insights helped me see patterns beyond the research. That’s when I knew it was time to narrow things down and define who I was really designing for.

What I Found Beneath the Math Anxiety

Is Theory Enough? I Needed to Hear It Firsthand

What My Users Really Think, Feel, and Need

Used empathy mapping to understand two key personas, uncovering their thoughts, feelings, and behaviors. These insights guided the design of a gamified math experience tailored to their specific needs.

Persona 1: Lalita

Fear of Math: Lalita finds math intimidating and avoids difficult problems.
Lack of Confidence: She worries about making mistakes and feels discouraged.
Engagement Needs: Prefers step-by-step guidance and a supportive environment.
Emotional Needs: Needs encouragement and positive reinforcement to stay motivated.

Persona 2: Sittichai

Easily Bored: Finds traditional math learning dull and disengaging.
Thrives on Challenges: Enjoys competition, leaderboards, and problem-solving.
Prefers Hands-On Learning: Responds well to interactive and game-based content.
Emotional Needs: Gets frustrated when he makes mistakes but enjoys fast-paced activities.

Understanding two learner mindsets

After reviewing research and speaking with teachers and students, I created empathy maps for two key learner personas.

The goal was to understand what each child might think, feel, say, and do when learning math — then translate those emotional and behavioral patterns into product decisions.

Persona 1: Lalita

Math Anxiety: She feels nervous when facing difficult problems and often avoids trying if she thinks she might fail.
Confidence Gap: Mistakes make her feel discouraged, so she needs reassurance and small wins to keep going.
Learning Needs: She benefits from step-by-step guidance, gentle feedback, and clear progress.
Emotional Needs: She needs a safe, supportive environment where mistakes feel like part of learning, not failure.

Persona 2: Sittichai

Low Engagement: He gets bored when math feels repetitive, slow, or disconnected from play.
Challenge-Seeking: He enjoys competition, rewards, and problem-solving when the goal feels clear.
Learning Needs: He responds well to interactive tasks, visual explanations, and game-based challenges.
Emotional Needs: He needs variety, momentum, and positive feedback to stay motivated after mistakes.

What My Users Really Think, Feel, and Need

Persona 1: Lalita

Fear of Math: Lalita finds math intimidating and avoids difficult problems.
Lack of Confidence: She worries about making mistakes and feels discouraged.
Engagement Needs: Prefers step-by-step guidance and a supportive environment.
Emotional Needs: Needs encouragement and positive reinforcement to stay motivated.

Persona 2: Sittichai

Easily Bored: Finds traditional math learning dull and disengaging.
Thrives on Challenges: Enjoys competition, leaderboards, and problem-solving.
Prefers Hands-On Learning: Responds well to interactive and game-based content.
Emotional Needs: Gets frustrated when he makes mistakes but enjoys fast-paced activities.

Turning insights into design opportunities

After synthesizing the research, interviews, and empathy maps, I mapped recurring pain points, motivations, and behavioral cues into design opportunities.

This helped me move from broad observations into concrete feature ideas that supported both student needs and teacher goals — from safer learning moments to adaptive challenges, feedback, rewards, and guided progress.

Structuring the learning journey before designing screens

After turning research insights into feature ideas, I mapped the overall learning journey and created the information architecture to understand how the experience should work as a system.

I then explored wireframes to test different flows and layouts before moving into the final visual design.

Building a visual language for playful learning

After defining the learning flow, I created a playful visual system to make the app feel friendly, motivating, and easy for children to understand.

The system included colors, typography, avatars, badges, and reward elements designed to keep the experience consistent, approachable, and engaging.

UI Design

Choose Avatar

Personalization Avatar
Boosts Engagement
Reduces Anxiety
Encourages Motivation
Autonomy & Control

Personalized Learning Paths

Adaptive Learning
Step-by-Step Progression
Instant Feedback
Boosts Confidence

Real-time Feedback and Review of Incorrect Answer

Instant Feedback
Error Analysis
Boosts Confidence
Saves Explanations
Supports All Learners

Progress Tracking

Real-Time Performance Tracking
Personalized Insights
Motivational Rewards
Teacher Support
Data-Driven Learning

Rewards and Incentives System

Multiple Reward Types
Encourages Consistency
Leaderboards & Ranks
Boosts Motivation
Creates a Fun Learning Environment

Math Assignments From Teacher

Teacher-Assigned Tasks
Progress Monitoring
Student Visibility
Adaptive Learning
Supports Independent Learning

Bringing the learning experience to life

After defining the learning flow and visual system, I moved into the final UI design and created key screens that translated the research insights into a playful, supportive learning experience.

Choose Avatar

The avatar setup gives students a playful first step into the app. By choosing and customizing a character, they can feel more ownership before starting the learning journey.

Personalization: Students can create an avatar that feels like their own.
Emotional comfort: A friendly first step helps reduce pressure.
Autonomy: Small choices help students feel more confident and in control.

Personalized Learning Paths

This screen helps students move through math lessons at their own pace, with smaller milestones, visible progress, and feedback along the way.

Adaptive pacing: Difficulty adjusts based on student progress.
Guided progression: Lessons are broken into manageable milestones.
Instant feedback: Students can learn from mistakes as they practice.
Confidence building: Small wins help make math feel less intimidating.

Learning from mistakes

This screen gives students immediate feedback after answering a question, helping them understand what went wrong without feeling punished.

Instant feedback: Students see the correct answer right away.
Error review: Mistakes are explained step by step to support understanding.
Safe failure: Students can review and try again at their own pace.
Confidence support: Gentle feedback helps make mistakes feel like part of learning.

Personalized Learning Paths

Adaptive Learning – Adjusts difficulty based on student performance for a customized experience.
Step-by-Step Progression – Breaks down math concepts into manageable learning milestones.
Instant Feedback – Provides real-time responses to reinforce learning and improve comprehension.
Boosts Confidence – Encourages students by reducing math anxiety and increasing motivation.

Progress Tracking

This screen makes progress visible through points, rewards, streaks, and learning goals, helping students understand how far they’ve come and what to practice next.

Visible progress: Lessons, points, and rewards are shown in one place.
Motivation support: Achievements help make learning feel rewarding.
Personal insight: Students can see what to improve next.
Teacher guidance: Progress data helps teachers identify where support is needed.

Real-time Feedback and Review of Incorrect Answer

Instant Feedback – Students receive immediate responses to reinforce correct learning.
Error Analysis – Identifies mistakes and explains the correct approach step by step.
Boosts Confidence – Reduces frustration and encourages a growth mindset.
Saves Explanations – Allows students to review and learn at their own pace.
Supports All Learners – Helps students with different learning abilities master concepts effectively.

Making progress feel rewarding

This screen turns learning progress into visible rewards. Students can collect stars, coins, and badges as they complete lessons, helping the experience feel more encouraging and goal-oriented.

Reward variety: Different reward types recognize assignments, practice, and achievements.
Progress visibility: Students can see what they have earned and what to work toward next.
Motivation loop: Small rewards help students feel encouraged to keep practicing.

Progress Tracking

Real-Time Performance Tracking – Students can see their progress and skill mastery.
Personalized Insights – Highlights strengths and areas needing improvement.
Motivational Rewards – Achievements and streaks encourage consistent learning.
Teacher Support – Educators can filter student data to offer targeted guidance.
Data-Driven Learning – Visual graphs help students stay engaged and goal-focused.

Teacher-guided practice

This screen helps students understand what their teacher assigned, what they need to finish, and what they have already completed.

Assigned practice: Teachers can send targeted exercises.
Clear status: Students can see upcoming, past-due, and completed tasks.
Guided progress: Assignments support structured, self-paced learning.
Teacher support: Progress visibility helps teachers identify where support is needed.

Design outcome

This thesis translated research into a gamified math learning app designed to make practice feel less intimidating, more personal, and easier to follow.

The final experience combined adaptive learning paths, real-time feedback, visible progress, rewards, and teacher-guided assignments to support both students and educators.

Design outcome

This thesis translated research into a gamified math learning app designed to make practice feel less intimidating, more personal, and easier to follow.

The final experience combined adaptive learning paths, real-time feedback, visible progress, rewards, and teacher-guided assignments to support both students and educators.

Design outcome

This thesis translated research into a gamified math learning app designed to make practice feel less intimidating, more personal, and easier to follow.

The final experience combined adaptive learning paths, real-time feedback, visible progress, rewards, and teacher-guided assignments to support both students and educators.

• Reduced learning pressure: Mistakes are framed as review moments, not failures.

• Supported self-paced progress: Students can follow smaller milestones and see what to practice next.

• Encouraged motivation: Avatars, rewards, and progress indicators make learning feel more personal.

• Supported teacher guidance: Assignment and progress screens help teachers understand where students may need support.

Math Assignments From Teacher

Teacher-Assigned Tasks – Educators can assign personalized math exercises.
Progress Monitoring – Teachers track student performance and adjust difficulty levels.
Student Visibility – Assignments are clearly displayed for easy access and completion.
Adaptive Learning – Modifies future assignments based on individual progress.
Supports Independent Learning – Helps students practice with teacher-directed guidance.

What I learned

• Research needs translation: Theory becomes useful only when it shapes real interaction decisions.

• Gamification needs purpose: Rewards and playful elements should support confidence, not distract from learning.

• Learning design is emotional: Reducing fear and pressure is just as important as explaining the content.

• Designing for children means designing for context: Students, teachers, and classroom needs all shape the experience.

From Anxiety to Adventure: Gamified Math for Young Minds

Client:

Timeline:

4 Months

Tool:

Figma, Procreate