top of page
79c69fe938a4c6279159f2d7349eb9d459f7d7b1.png

Learning Library 

Problem

Students needed a structured way to learn and review key math concepts outside of formal assessments, but existing learning resources were often fragmented and difficult to navigate. Video content alone was not enough to ensure students truly understood the material, and instructors had limited visibility into whether students were actually mastering the concepts being taught.

A more interactive learning experience was needed that could combine instructional videos with immediate knowledge checks. Students needed a way to test their understanding while learning, receive feedback when they misunderstood a concept, and easily revisit the parts of a lesson that caused confusion.

 

In addition to guided video learning, students also needed low-pressure opportunities to practice applying what they had learned. Practice exercises should reinforce concepts without the stress of timed assessments, allowing students to immediately see mistakes and retry problems until they reached mastery.

 

An integrated learning library was needed to organize math topics, track progress, and combine instruction, assessment, and practice into a single experience that helped students actively engage with the material and build confidence in their understanding.

Analytics - Learning Library - Unit-1.png
Analytics - Learning Library - Unit.png

Research & Wire Frames

Because we did not have direct access to students for formal usability testing, we relied on domain expertise from the college professor leading the company and his team of teaching assistants, who were responsible for creating the video lesson content. Through a series of working sessions, we discussed how students typically engage with math material, where they struggle during independent study, and how instructors evaluate whether a student has truly understood a concept.

A key insight from these conversations was that watching a video alone does not guarantee comprehension. Students often believe they understand a concept while watching a lesson, but struggle when asked to apply it. The experience needed to actively check understanding and guide students back to the parts of the lesson where misconceptions occurred.

 

To inform the structure of the learning experience, I also reviewed existing video-based learning platforms such as Khan Academy, Lynda.com, and Peloton, focusing on how they organized their content libraries, surfaced learning progress, and structured video player interactions. This helped identify useful patterns for browsing lessons and managing progress while also clarifying which video controls and interface elements were necessary for our learning context.

 

Using these insights, I created early wireframes to explore how instructional videos, embedded quizzes, and practice exercises could work together as a cohesive learning loop. These wireframes were reviewed with the professor and product team to validate the instructional flow before moving into more refined interface designs.

Learning Library - Subject 1.png
Learning Module - Video Quiz 2 1.png
Practice Assignment 2.0 - Answer Feedback 2.png
Learning Module - Video Quiz - Incorrect 1.png

Solution 

I designed an interactive learning library that combined instructional videos, embedded knowledge checks, and low-pressure practice assignments to help students actively engage with math concepts and reinforce their understanding.

The learning library organizes lessons into clear subject areas and modules, allowing students to easily browse topics and track their progress. Each lesson is presented as a video learning module with estimated completion time and visual progress indicators, helping students understand where they are in the curriculum and what content they have already completed.

 

To move beyond passive video watching, I introduced embedded video quizzes that check understanding at key moments in the lesson. When a student answers incorrectly, the system provides immediate feedback and guides them back to the specific part of the video where the concept was explained, helping them revisit the material that led to the mistake. Correct answers allow the student to continue forward, reinforcing comprehension before progressing.

 

Each video lesson is also paired with practice assignments that allow students to apply what they just learned. These exercises follow a similar structure to the assessment experience but remove the pressure of timed testing. Students receive immediate feedback on their answers and can retry questions until they reach the correct solution, encouraging experimentation and mastery without the stress of graded exams.

 

Together, these elements create a continuous learning loop that combines instruction, comprehension checks, and practice. This approach helps students identify gaps in their understanding early and reinforces concepts through repetition and targeted feedback, supporting deeper mastery of each topic.

© 2035 by Graphic Design Portfolio. Powered and secured by Wix

bottom of page