Integrating learning principles into Udemy's online quizzes

Instructors can create quizzes on the Udemy platform to supplement the video lectures in a course. Quizzes can consist of multiple choice, true/false, and fill-in-the-blank questions, and can be taken by the student whenever they want to.

The scope of this project was to do a complete UX and UI overhaul of the quizzes experience without needing to drastically modify existing quiz data provided by instructors.

The new quizzes design incorporated input from the Udemy learning sciences team and was rolled out as part of the updated student course-taking experience.

Udemy.com


Problem

The quiz experience was clunky and didn't provide students with useful feedback

The Udemy quiz interface was not meeting updated internal design standards and was also created without learning principles in mind. Below are a few of the main issues brought to attention with a design audit.

Many of Udemy's competitors also have a quiz feature and I investigated several to see how they approached the interaction design. However, the majority of them have in-house created content, which allow for tighter quiz content standards, unlike Udemy's open marketplace where sometimes instructors push the limits of a feature's intended use.  


Process

Exploring different micro-interactions and state changes for a smooth, easy to understand quizzing experience

CaseStudy-Udemy2-04.png

Solution

A flexible design that allows students to learn through incorrect answers

To support more opportunities to learn though quizzes, my PM and I worked closely with the learning sciences team to introduce a new interaction of "attempts" to the quizzing flow. 

Even if a student got a question wrong on the first attempt, they still had the opportunity to guess again and learn why an answer was incorrect (if the instructor provided that information).

The final design was created to be fully responsive to support Udemy students who wanted to take quizzes on their mobile phones and tablets.

Here's a quick video of a quiz from Pablo Stanley's Apple Watch UX course which demonstrates a few more of the new interactions:


Reflection

Understanding the many constraints helped refine the design solution

This project was a great reminder to me that my job as a designer is to make the best experience with what is available. While I felt like some of the more ambitious and interesting design explorations were passed over due to constraints with the quiz data, what shipped was a design that was robust and worked great with all the various ways instructors customized their quizzes. 

Limitations can be a great force for creativity!

Frances Tung