Redesigning Udemy: Enhancing User Experience with a New Feature

“Empower Through Exploration, Teach with Passion, 

Lesson for a Lifetime”

Click to view Prototype

“Udemy CO- Design Event''

Screenshot of Udemy website homepage featuring a banner with text 'Don’t just browse the web — design it,' an illustration of a person holding a document, and navigation links for various learning categories.

UI Design and Prototyping

Team : 3 member

Duration: 3 Weeks

My Role : Lead WEB & Mobile UI/UX Design and Prototyping

Tools & Process: UI/ UX Design / Information Architecture & Content Strategy Dev offs/ Navigation bar Layouts / Labeling/ LO-FI, HI-FI Wireframing/ Prototyping/ UX Research / User Testing

What and Why Does UDEMY Exit?

Udemy provides accessible education, democratize learning opportunities, empower individuals to take control of their learning, and foster skill enhancement in a rapidly changing world.

To Provide
Education:

Udemy exists primarily to offer a diverse range of courses, allowing individuals to expand their knowledge and skills conveniently from anywhere.

To Democratize Education:

The platform aims to break down barriers to education by offering affordable and accessible learning opportunities, regardless of socioeconomic status or geographical location.

To Empower
Individuals:

Udemy aims to empower individuals to take control of their own learning journey, whether it's for professional development, personal enrichment, or pursuing new interests.

To Foster Skill Enhancement:

It exists to facilitate skill enhancement across various domains, enabling learners to stay relevant in an ever-evolving job market or pursue their passions more effectively.

Purpose

The purpose of Udemy is to make education accessible and convenient for everyone, regardless of where they are or their background. It's all about providing a platform for people to learn and enhance their skills through online courses.

Two businesspeople, a man and a woman, running and jumping over an arrow shooting into a target, representing achieving goals.
A 3D white humanoid figure sitting on a large red question mark with its head resting on one hand, appearing to be confused or thoughtful.

Goal

Udemy's goal is to democratize education by providing a wide range of expert-taught courses. It aims to empower individuals to improve their professional skills, pursue personal interests, or explore new hobbies through affordable and flexible online learning opportunities.

Target Audience:

  • Lifelong Learners: People eager to learn and grow continuously.

  • Professionals: Individuals aiming to boost their careers or gain new skills.

  • Students: Both traditional students and those seeking extra learning opportunities.

  • Entrepreneurs: Individuals looking to enhance their business knowledge and skills.

Success Metrics:

  • User Growth

  • Course Enrollment

  • Course Completion

  • User Satisfaction

  • Revenue

Illustration of people analyzing data on a global map with charts, graphs, and icons representing social media, target achievement, and teamwork, centered around a magnifying glass focusing on a woman.

Value Propositions:

  • Accessible Learning

  • Diverse Content

  • Expert Instructors

  • Affordable Pricing

  • Flexible Learning

  • Skill Enhancement

  • Community Engagement

When/Where:

In today's rapidly changing world where education is often constrained by geographical location, financial constraints, and rigid schedules.

How :

Learners seeking accessible and flexible education options.

Udemy seeks to democratize education and empower learners worldwide by offering an engaging, accessible, and rewarding learning experience that facilitates skill development and personal growth.

Current State 

A red pill capsule with a sad emoticon face on it.

|

Problem Statement

Why:

Old-style education is tough, inflexible, costly. High demand for accessible, affordable, convenient learning for all backgrounds.

Desired/Preferred State 

|

According  to Bloom's Taxonomy

GAP

Proposed Feature: Quiz with Rewards.

GAP Analysis

|

Course with Feature :

  • Notes 

  • Q&A

  • Downloads

  • Review

  • Announcements

What :

The limitations and barriers of traditional education systems.

Focus Area

Illustration of a smartphone with a hand holding a magnet coming out of the screen, attracting diverse colored person icons representing social media followers or connections.

User Engagement

Findings

|

A cartoon green switch with a smiling yellow face on it.

  • User’s Success Track 

  • User Engagement 

A person sitting in front of a large screen displaying charts, graphs, and data analysis visuals, with a calendar, magnifying glass, and web browser windows around the screen.

Tracking Students Growth

Visualizing IA in 2 Aspects :

Modules and Elements for Effective Design

Visualize IA in two aspects: Modules and Elements present in a Module.
This heading communicates the focus of the document, making it easy for readers to understand that the content will cover both high-level modules and the detailed elements within them, aimed at fostering collaboration between designers and developers.

Aspect 1: Modules

  • Module Attributes:

  • Module Name

  • Module Description

  • Module Type: Categorizing modules by type, such as:

    • Navigation

    • Content

    • Feature

    • Utility

    • Footer

Screenshot of a navigation menu for an online course platform with sections for Dashboard, Courses, Profile, and Settings. The Courses section includes Course List, Course Details with subsections for Header, Breadcrumb Navigation, Course Title, Instructor Info, Ratings and Reviews, Course Description, Syllabus, Enroll Button, and Related Courses.

Hierarchical relationships: how modules contain elements or other modules.
”Sitemap Hierarchy”

Aspect 2: Elements Present in a Module

  • Content Elements: Text, images, videos, or other media.

  • Interactive Elements: Buttons, forms, inputs, or other interactive components.

  • Navigation Elements: Links, menus, or other navigation aids.

  • Metadata Elements: Labels, tags, or other metadata associated with content.

Element Attributes:

  • Element Name

  • Element Type: Categorize elements by type, such as:

    • Text

    • Image

    • Button

    • Form

    • Link

Visualizing Relationship

Screenshot of a digital course details page with sections for course title, instructor info, ratings and reviews, enroll button, course description, syllabus, and related courses.

Associative relationships: Illustrate how elements or modules are related to each other (e.g., a button triggers a modal window).
”Flow Diagram ”

Dependency relationships: Highlight how elements or modules rely on each other (e.g., a form relies on a specific input field).
”Component Diagram”

Visual Findings:

Modules and Elements

Module

  • Represented Each module as a rectangular block or a container with a clear label.

  • Used Red color to Reprsenet Module modules.

  • Representation of module By Capital “M”

Module

Element 

Diagram of a webpage layout with labeled sections. The top has a main header navigation with Udemy logo, search bar, profile icon, and category dropdown. Below is a carousel banner with an animated character, next a sub-header category nav bar, then a learning module section with multiple cards, featuring images, titles, and icons for video and progress. Labels point out elements like header navigation, carousel, category sections, learning modules, and individual cards.
Flowchart diagram of a sign-up form with fields for username, email, password, submit button, and conditional fields for username, email, and password input.

Element

  • Represented Each Element as a rectangular block or a container with a clear label.

  • Used Blue color to represent Element modules.

  • A brief, descriptive label for the element

  • Element Type: Categorize elements by type, such as: Text, Image, Button, Form, Link

A detailed diagram of a webpage layout with sections filled with text, images, and icons, and various modules labeled such as carousel modules, recommendation modules, and card modules, each with numbered elements and descriptions.
A screenshot of a course header module and main element for an online course on CAD in Photoshop. The course header is labeled 'M11- Course Main Header Module' and contains an M11 element. The main element displays a webpage with the Udemy logo, course title, and various course sections and tools.
Screenshot of a computer screen with a tutorial on Adobe Photoshop, showing a black workspace, multiple tool panels, and text annotations indicating a video card module and an M12 element.
Diagram showing the layout of a course webpage with labeled modules and elements: course content module, course feature module, info course feature module, footer about module, and various elements such as icons and text sections in distinct areas.

Briefly Describe Current and Proposed Feature

1. Current Course Features

2. Proposed Course Feature “ QUIZ”

To Fill The Gap

  • On Udemy, courses come with various features like Q&A, announcements, reviews, notes, overviews, and learning tools. Each section of the course content is briefly described, 

  • On the right side of the interface, giving learners an idea of what they'll learn.

About Feature :

  • Each course section has a quiz.

  • Completing a quiz earns you 5 points.

  • Points convert into discounts for future courses.

  • Example: Completing 25 sections earns 125 points.

  • 125 points equals a $6.25 discount on your next course.

  • Discounts are automatically applied to the next course purchase.

Benefits
:

  • Increased Engagement: Motivates students to complete quizzes and interact with the app.

  • More Purchases: Encourages buying more courses to use earned discounts.

Track Progress: 

  • Points and quiz scores help students see their learning progress and success rates.

  • This system boosts user engagement and educational outcomes, making learning rewarding and effective.

Smartphone displaying an educational video playlist titled 'Complete Web Design: from Figma to Webflow to Freelancing,' with sections on Webflow, design basics, and tutorials.
Screenshot of a mobile phone displaying an online course on Figma Web Design, showing a section titled 'Quiz' with details about quiz content and rewards.

Task 1 : Find recommendation/personalization /career goal on Home page

Task Performed

Task 2  : Can you search for “Figma Web Design course “ and get a overview and after that can you buy it  ( un paid )

Task 1 : Find recommendation/personalization /career goal on Home page

Task 3: Can you go on the course that you just purchased ... click on that.

Task 2  : Can you search for “Figma Web Design course “ and get a overview and after that can you buy it  ( un paid )

Task 3: Can you go on the course that you just purchased ... click on that.

Usability Finding /Analysis

Task

Can users easily find and complete quizzes, see their progress and points?

Are users satisfied and motivated with the points system, and what are their opinions on earning and using points for course discounts?

Your user think this will encourage course completion and increased course purchases for users?

Remote Testing Dynamics

  • Utilizes Zoom for virtual interaction, enabling participants to access the website in their familiar settings.

  • Mimics real-world usage, offering a realistic evaluation of the website's usability.

Participants &Testing Environment

How did we conduct our tests?

Technical Requirements

  • Specified necessary equipment like a stable internet connection, computer or mobile device, and Zoom access.

  • Ensures all participants can effectively engage in the test without technical hindrances.

Ensuring Comfort and Openness

  • Created a relaxed environment, encouraging honest feedback.

  • Aims for genuine interactions with the website, vital for authentic usability insights.

Success rate

Conclusion

  • The points and rewards system aligns with Udemy's mission to make education accessible and convenient. 

  • It boosts user engagement by simplifying quiz completion, progress tracking, and redeeming discounts. 

  • Users are satisfied, motivated to complete more sections and courses, and show increased quiz and course completion rates, enhancing overall learning outcomes. 

  • This feature effectively supports user engagement and educational success on the platform.

IA Brief Document

Click Here to View 1-page Brief of IA Udemy Redesign