Work
Get In Touch

Design System - July 25, 2022

Millionaire Track: App UI and UX Design

Strategy

UX Strategy

Design

UI/UX Design

Designing an e-learning and Affiliate Program app: UX UI Case study

Millionaire Track

E-learning and Affiliate Program app

Case Study

In this case study, I’ll share the process in designing my e-learning Affiliate program application.

About

Over time we as humans have the desire to continue our growth and improve ourselves. Learning new skills is part of that growth. One way we can learn is through e-learning and affiliate program platforms and online courses, which is where Millionaire Track comes into play.

Millionaire Track is an e-learning and affiliate program mobile application that provides courses from different fields for self-study students or full-time employees who want to sharpen their skills for their jobs. And earn money for Millionaire Track affiliate program.

It has a modern, clean and very detailed UI design. You can easily customize the screens, allowing for great flexibility and ease-of-use when it comes to putting the finishing touch on your project.

Team: Ritendra Kumar

Duration: 32 days

Roles and Responsibilities

Professionals involved in this e-learning and affiliate program project:

  • UX Design and Research
  • UI Design
  • User Testing
  • Challenge

First, let’s observe what makes educational mobile apps so useful and good to many people. Smartphone penetration continues to rise. There are 3.5 billion smartphone users in the world, more and more every year. What’s more interesting, studies show that on average, Indian check their phones 52 times per day which looks like a pretty heavy usage if not an addiction.

So why not take advantage of this? Every day, useful mobile apps for learning appear on the app stores that help kids and adults alike gain extra knowledge and hone their skills.

Unfortunately, not every online learner is going to be 100% committed to the e-learning experience. They may be distracted, busy, or simply unmotivated. We live in an age where attention is at a premium and learners have access to more information than they can consume. All of these hurdles prevent them from actively engaging with online learning programs.

To counteract this, you must provide them with interactive and immersive e-learning courses that reflect their interests and align with their goals. They have to see the value in the e-learning course if you want them to actively participate.

I also found that users were not pleased with the application’s design. Users complained that the application was too complicated to use and that the application was slow to load. Another problem was that users lacked the motivation to study and continue their courses.

  • Solution

The message above may have sounded disturbing but still, not all app improvements should be motivated by these or other irritating factors. They can simply be added with the intention to introduce new and helpful features to users, so in addition to solutions to the listed problems, I will share ideas and design process for overall improvement of my e-learning affiliate program app.

The goal is to design a mobile application that any learner can access and use our platform, and enjoy learning through attracting and appealing UI and good user experience.

Design Process

1
Empathize
2
Define
3
Ideate
4
Build
5
Test

1. Empathize — User Research.

2. Define — User Persona, Empathy Map.

3. Ideate — User Flow.

4. Build — Wireframe, UI design and Prototype.

5. Test — Usability Testing.

Empathize

User Research:

The goal of this phase for me, was to learn about the E-Learning industry and to understand the user on a deeper level, I needed to understand broadly comprising four components: content, management system, delivery/distribution system and the consumer/customer.

As a way to validate my assumption, I conducted a small and rapid user researched survey. I also provide some means for suggestion of the desirable mobile version feature.

The research was conducted to gather vital insights into people who are using other e-learning applications. With the help of Google forms, I conducted a user survey about their experiences with those applications.

Learning new skills online has been an activity that has rapidly increased during this global pandemic. People started for fun, challenge or personal growth, but the objective is clear: Learning or improving a skill.

Define

User Persona:

Learning new skills online has been an activity that has rapidly increased during this global pandemic. People started for fun, challenge or personal growth, but the objective is clear: Learning or improving a skill.

I collected the relevant information from my user to create the user personas. I took into account the needs, the frustrations, the personality and the main activities.

About
  • Self improvement through learn more Skills .
  • More focus our currier and earn more money .
  • UEasy content browsing.
Pain Point
  • Hard to find courses that have intermediate to expert level learning.
  • Not easy to find all courses in one place.
  • Not able to communicate to the other people.
User Persona

Empathy Map:

Visualizing user attitudes and behaviors in an empathy map helps me to align on a deep understanding of end users. The mapping process also reveals any holes in existing user data.

Empathy Map

Ideate

After the brainstorming session, some ideas emerged:
  • Encouraging experience with daily life examples.
  • Allow users to recognize the examples applied in the game.
  • Include local examples.
  • Diversify the macro theme.
  • Small actions lead to big results.

Although the answers directly correlate, the concept “Encouraging experience with daily life examples” was my clearest. According to selection and analysis criteria, I started developing this e-learning from the analysis of the audiovisual material, verifying the steps involved in constructing the content, the type of visual communication, the technology used and the way of approaching the theme.

User Flow:

The user flow takes them from their entry point through a set of steps towards a successful outcome and final action, such as purchasing a course.

Empathy Map

Design

User-friendly interface: It goes without saying that your interface should be user-friendly. Students and affiliate, They don’t want to waste time to figure out how to do things and where is what. They should be able to search through courses, find up skills courses and check their own dashboard with a few clicks.