Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Creating an Online Learning Platform for an Education Company — UX Case Study

Creating an Online Learning Platform for an Education Company — UX Case Study

by Alvaro Gil
6 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

How one UX designer approached conducting research and determining the customer journey to create an engaging experience for teenagers.

The Client

Smart People, Inc. is an education company offering in-person language courses to teenagers. Their main attraction is a summer camp where students partake in collaborative activities to learn English or Spanish as a second language. However, many students are unable to attend the summer camp due to cost and time reasons but still want to access the curriculum. As a result, Smart People, Inc. wants to offer an online learning platform to students that cannot attend the summer camp in person.

Competitive Analysis

Analyzing the space that Smart People, Inc. was trying to enter, there seemed to already be a large number of competitors that dominated various areas of the Online-Learning-Platform Market.

A few dominant companies stood out:
– DuoLingo is a language-learning platform focused on gamification
– MarcoPolo is a STEAM-focused platform also utilizing gamification
– Lynda utilizes traditional video lecturing to teach technical skills
– GoFluent utilizes video lecturing to teach business skills
– Tandem is an app linking native language speakers through video chat
– Preply is a private tutor platform

In order to accurately gauge what area of the market Smart People, Inc. should enter, I ranked these six companies using a Market Positioning Chart.

 Online Learning Platform

Based on the competitors’ business models, I was able to segment companies based on two variables, Traditional vs. Gamification and Social-Learning vs. Solo-Learning. As is visible from the chart, there is a huge gap in the market where Gamification and Social-Learning collide, and as such, this is the “Blue Ocean” that Smart People, Inc. should target.

User Research

With only about a day to gather insightful data about the exact consumer that Smart People, Inc. should target, I set out to learn as much as I could. I focused my research on teenagers’ relationships with the following: learning during school, learning through online platforms, and learning a new language.

Quantitative Data

Below are some of the prominent statistics that really capture teenage sentiment:
– 36% of teenagers sited boredom as the number one reason they disliked school
– 90% of teenagers don’t complete all their online coursework
– 40% of teenagers think learning vocabulary is hard

Qualitative Data

After interviewing a few teenagers, the following quotes really stood out:
– “I just don’t know why I need to learn Spanish. I’m never going to use it.”
– “We just end up texting or snap chatting when we’re stuck on a problem.”
– “Just black text over a white background.”
– “If I get stuck, there’s like no one to help me. It’s a lot of extra work.”

Data Synthesis

Feeling confident in my research, I dissected and organized it using an affinity map. From the map, I pinpointed recurring themes and defined the target users’ pains and gains.

 Online Learning Platform

Pains & Gains

Top Three Pains:
– Learning a Language is Daunting & Irrelevant
– Online Platforms Lack Social Connection
– Current Learning Methods Lack Engagement & Stimulation

Top Three Gains:
– Languages Enable Personal & Career Growth
– Online Platforms Allow Greater Autonomy
– Working Outside of School Allows Increased Focus and Organization

User Persona & Their Journey

The picture that the research painted really brought to light how unmotivated the average teenager is when it comes to both school and learning languages in general. They love to hang out with their friends (whether online or in-person), play video games/sports, and watch “TV” (Twitch/Netflix/YouTube). By contrast, they find school boring and think languages are both difficult to learn and irrelevant to their lives. From this, I crafted my persona, Demotivated Dean.

 Online Learning Platform

After bringing Dean to life, I put together a User Journey Map. To do so, I honed in on the data to see what an average school day looks like for Dean. I made sure to focus on his pains to really imagine what he feels while he’s sitting in class bored or struggling to finish his homework after school.

 Online Learning Platform

After breaking down his daily struggle, it became a lot clearer where the opportunities for design were. This leads me into ideating how the new platform could truly help Dean.

Ideating on Possible Solutions

My ideation session began by reversing Dean’s pains and turning them into How Might We statements. I then used these to come up with different ways to aid the specific issues.

  1. How might we help unmotivated teenagers feel more engaged and stimulated while learning
  2. How might we help unmotivated teenagers feel less overwhelmed while learning a new language?
  3. How might we help unmotivated teenagers create a social connection over online learning platforms?
 Online Learning Platform

After producing about 15 or so ideas for each statement, I then began grouping them into related topics. This gave me a list of possible features that I could include in my online platform.

 Online Learning Platform

While many of these features offer different forms of value to Dean, I set to weed out the most valuable ones. I did this by organizing the various features using the MoSCoW Method.

 Online Learning Platform

Considering that the biggest pain point was a general lack of engagement and stimulation, I judged gamification as the feature that offered the most value, followed by social interaction.

My Proposed Solution

As is visible from the data, schools and traditional online learning platforms are failing to engage teenagers. As a result, they aren’t motivated to learn, much less learn a new language, which they find irrelevant and daunting.

As a side note, gamification is an educational approach to motivate students to learn by using game elements in a learning environment. Its main benefit is that it maximizes enjoyment and engagement by captivating the student and inspiring learning. Tying this in with the social and competitive aspects that teenagers already seek, it seems a fitting solution to Dean’s struggles.

Thus to create an online learning platform that actually engages and stimulates teenagers to learn a new language, I propose an immersive game world where the user learns through collaborative mini-games and exploration over various levels.

Mapping Out the User’s Interaction

Running with this idea, I laid the groundwork in order to bring it to life. I began by constructing the Site Map in order to visualize how the level-structure would work. I then mapped out the User Flow for the user’s interaction from the moment they log in to the moment they complete a level.

 Online Learning Platform
 Online Learning Platform

Sketching Out & Testing the Concept

Relying on the Site Map and User Flow, I sketched out Lo-Fi wireframes of the product.

 Online Learning Platform

To help me catch some of the usability errors, I prototyped the hand-sketched wireframes. I then imported them into the maze.design for heating map the different screens, and capture other data. Altogether, I ran five tests.

The testing was comprised of three tasks:
1. Login and select a level that has not been completed yet.
2. Find out what your objective is and find the required item.
3. Complete the objective and return to the level select screen.

During the testing, I caught two major issues. The first occurred early on, as 2 out of the 5 testers had difficulties easily identifying incomplete levels. They were confused by the inconsistent check-marks and vague wording.

 Online Learning Platform

The second and more impactful issue happened during the second task. Here all five testers either hesitated or were downright confused by what they had to do. Instead of reading their objective and returning to the game to complete it, they were instantly trying to guess the answer and would ignore the exploration portion of the game.

 Online Learning Platform

Mid-Fidelity Wireframes

Focusing on the new data insights, I made some changes to the design when making the Mid-Fi wireframes. I cleared up the confusion with the checkmarks and vague wording on the level select screen, as well as tweaked the game model to make the objectives (now called goals) less quiz-like and instead added a quiz at the end of the level to compensate and ensure the users are learning.

 Online Learning Platform

The mid-fidelity prototype can be viewed here: https://invis.io/DNRMVKJSARP.

Next Steps

From here, I would like to continue to test the interaction between the game world and the user interface, making sure that they flow together whereby the interface boosts the experience of the game and doesn’t fixate the user. In addition to this, expanding the functionality to include mini-games and user collaboration would be optimal to the goal of the product.

As the game continues to develop, I would measure the time it takes users to complete each level’s goals to make sure the goals aren’t too time-consuming or ineffective at teaching. I would also measure whether or not the quizzes at the end of each level can be passed within a reasonable amount of attempts.

post authorAlvaro Gil

Alvaro Gil
I’m a human-centered designer with years of experience in visual design. I thoroughly enjoy bringing products to life, starting with people’s needs and ending with stunning interfaces that are as impactful as they are a joy to use.

Tweet
Share
Post
Share
Email
Print

Related Articles

Struggling with PowerPoint’s design limitations? This step-by-step guide shows you how to build systematic design solutions, from mastering slide layouts to using sticker sheets for patterns. Learn to create polished, professional presentations with smart workarounds and helpful tips.

Article by Jim Gulsen
A Step-by-Step Guide to Creating a “Design System” in PowerPoint
  • The article gives a step-by-step guide to building systematic patterns in PowerPoint. It talks about the program’s limitations and gives essential tips like mastering slide layouts and customizing text settings.
  • It suggests using PowerPoint’s automated features carefully and advocating for manual workarounds to elevate quality.
  • The piece introduces creating sticker sheets for reusable design components and highlights strategies for successful workflows.
Share:A Step-by-Step Guide to Creating a “Design System” in PowerPoint
5 min read

What is consciousness? This question has baffled the traditional physicalist approach to science. Part of the reason is that reductive physicalism is flawed, as it fails to effectively frame complexification, systems, processes, and the difference between objective and subjective epistemologies. This article introduces a new philosophical approach called “Extended Naturalism,” which extends both our view of the physical world and our understanding of the mental domain and enables the puzzle to be effectively framed so that we can achieve a coherent picture of the whole.

Article by Gregg Henriques
Understanding Consciousness
  • This article provides an overview of a new approach to understanding consciousness called “Extended Naturalism.” Extended naturalism shifts the basic framework for understanding matter and mind from a traditional “physicalist” perspective to a holistic naturalistic perspective.
  • This perspective alters the grammar of science, nature, mind, and knowledge and affords a new way to coherently align consciousness with the matter.
  • The article explains how Extended Naturalism is different from materialism, idealism, panpsychism, and dualism, and allows us to address both the question of what consciousness is and how it works in the natural world.
Share:Understanding Consciousness
34 min read

Publishing in HCI and design research can feel overwhelming, especially for newcomers. This guide breaks down the process — from choosing the right venue to writing, submitting, and handling revisions. Whether you’re aiming for conferences or journals, learn key strategies to navigate academic publishing with confidence.

Article by Malak Sadek
A Guide to Publishing Human-Computer Interaction (HCI) and Design Research Papers
  • The article provides a guide to publishing in Human-Computer Interaction (HCI) and design research, sharing insights from the author’s PhD experience.
  • It explains the significance of publishing in academia and industry, offering an overview of peer-reviewed journals and conferences.
  • It breaks down the two main types of papers — review and empirical — detailing their structures and acceptance criteria.
  • The piece emphasizes strategic research planning, collaboration, and selecting the right venue for submission.
  • The piece also outlines practical steps for writing, revising, and handling rejections, encouraging persistence and learning from reviewer feedback to improve publication success.
Share:A Guide to Publishing Human-Computer Interaction (HCI) and Design Research Papers
8 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and