ContinU

User research/wireframing/ Prototyping/Usability Testing
My role: Survey design, prototyping course & home pages, and input on all phases of the research process.
Team:
Samaia Aidroos, Betty Alemayehu, Andre De Jesus,  
Saahil Ebrahim, Nader Meleika
Date: March-April 2024
Overview: ContinU is an online continuing education platform tailored for adult learners,  developed as part of a master’s project at the University of Waterloo. In just two months, our team crafted a vision for an accessible and personalized learning experience, aiming to meet diverse educational needs.

Uncovering Trends

Preliminary survey

We conducted a digital survey to explore student preferences relating to online learning. I personally played a key role in writing questions for the survey which received 24 responses and focused on ratings for various aspects with a focus on course formats,  platforms, and  elements. Our findings resulted in the following insights for each of our primary research segments:

Learning platform

Desktop was preferred over mobile for online learning.

Course elements

Highly rated course elements included collaborative learning, schedules and benchmarks

Course format

Participants appreciated common formats like videos and readings, but favored gamification overall.

Understanding the user

Interviews & Persona

Our team interviewed 5 potential users to understand their motivations and preferences for online learning. We focused on gathering qualitative insights that could create actionable findings. Our persona, Donna, embodies the key takeaways from these interviews.

Key Interview Findings
  1. Motivation for Continuing Education: Participants sought continued education to create new employment opportunities and achieve personal fulfillment. Certifications were particularly valued as tangible qualifications.
  2. Desire for Interaction: Interviewees expressed a strong desire to engage with peers and faculty during their online learning experiences.
  3. Flexible Learning Schedules: Participants preferred shorter, consistent learning sessions over extended ones, emphasizing flexibility.
  4. Varied Learning Styles: Supporting diverse learning styles was important for accessibility and engagement. A mix of formats was favored.
  5. Course Filtering and Reviews: Interviewees wanted robust methods to filter courses aligned with their goals and access student reviews.

How Might We Question

With our project prompt, and research and user research in hand we created the following problem statement to focus our process.

HMW allow users to gain knowledge and skills through online learning, in a manner that is accessible to various learning styles?

Envisioning the journey

User Flow

We mapped out the user journey with precision. Starting from login or sign-up, users explore course topics on the homepage, filter their options, select a course, and dive into the first week’s content, culminating in a quiz.

Building it out

Mid-fi Prototyping

Using Figma, we crafted digital prototypes that captured our design vision and allowed us to gather insights through user testing. My focus has been on designing main course pages, including video introductions, text-based modules, and interactive quizzes. Additionally, I created a user-friendly home page and an efficient search and filtering system to help users find their preferred courses. Our research guided me in creating a clear navigation system and a multimodal course structure with diverse formats.

Challenging our assumptions

User Testing

We tested our medium-fidelity prototype with 7 participants to evaluate our design choices. During moderated sessions, users completed core tasks and provided feedback verbally and through numerical scales. To the right you may see results pertaining to the main pages I worked on.

Searching & Filtering Results
  1. Search Success: 4 out of 7 participants completed course searches with additional filters.
  2. Moderate Difficulty: 3 out of 7 participants found this task moderately difficult (5/10).
  3. Filtering Challenges: Users were uncertain about how to start filtering from the homepage and lacked feedback on their filtering actions.
Course & Quiz Results
  1. Completion Success: All participants successfully completed the course and quiz flow.
  2. Ease of Use: 6 out of 7 participants rated this section as very easy, with ratings of 9 or 10 out of 10 (10 being the easiest).
  3. Navigation Challenges: Some users expressed uncertainty about their position within a quiz due to the progress bar.
  4. Experience Points (XP): Users receive XP at the end of the quiz. However, one participant, matching our persona demographics, didn’t understand the abbreviation “XP.”

Adapting to Feedback

Design Changes

Our prototype underwent several adjustments to enhance usability. Notably, we improved the user flow for searching courses and applying filters. On the homepage, we added a pre-filtering option to sort results by broad course topics, maintaining a simple search function while introducing the expectation that users could filter their searches more precisely. After a preliminary search, users land on the results page, where they can implement more in-depth filtering. We enhanced feedback by adding a quick loading animation and small filter bubbles above the results, allowing users to easily see and remove active filters. On the quiz page, we simplified the progress bar for a clear view of user progress. We also added a return button, allowing users to revisit skipped questions, and changed “XP” to “points” for better understanding among our target audience.

Let's start learning

Final Walkthrough

Finally, here is a narrated walkthrough envisioning how users of ContinU may interact with the platform, to kickstart their upskilling journey. My team mate Saahil and I have provided narrations for the prototype each corresponding to the pages we worked on.

Supporting diverse learners

Accessibility Standards

Navigation Ease

Intuitive navigation which supports multiple means of changing pages or opening to desired course pages. Additionally hover states pop ups aid users in receiving extra contextual information.

Content Variety

Courses blend video, text, and interactive content to cater to diverse learning styles. This is in line with user needs identified in our interviews and survey preferences.

Improved Colour Contrast

The pages I worked on now adhere to web accessibility standards, specifically meeting the minimum requirements of WCAG 2.0 Level AA for colour.

Some final thoughts

In Reflection

Our project honed our ability to focus a broad design prompt and make informed decisions through research. With additional time, we’d have conducted more user testing to validate our final design changes. Additionally while we aimed to introduce gamification and social interactivity, for example the ‘Classmate Corner’ concept—a space for users to discuss course material directly on course pages.  With more time we would work on expanding these ideas, as well as our point system.

View more projects

CIBC Design Challenge
Increasing user retention through gamification
Impactrio
Custom support for social entrepreneurs