Wyzed Screen.png

WYZED LMS

 

Introduction


Wyzed is a modern cloud-based learning management system that brings easy-to-use and beautiful design to corporate companies all around the world.

PROBLEM STATEMENT


Wyzed is a leading cloud-based learning management system, but its design looks outdated compared to its competitors'. Many corporate clients faced difficulty using the admin dashboard and creating learning content, so a visual overhaul was long overdue. 

Thus, we wanted to make the whole process more engaging for admins and learners and increase the overall usability so it can maintain its lead in the years to come.

HOW MIGHT WE

  • Create an interactive and informative reporting dashboard for Admin.

  • Design a feature to grade the learners and publish the learning score.

  • Design a system to track student’s attempts, grades, and progress.

ROLE

• I led the project with 2 UX design students and worked on all aspects of the new design system, including its visual, UX and motion design.

• I also revamped the UX of key pages while my developer colleagues helped implement my designs.

DESIGN PROCESS

Image explaining the design process. Click the image to enlarge.

  • We ran 2 weeks of design sprints based on the design thinking methodology, which includes 5 stages: Empathise, Define, Ideate, Prototype and Test.

  • We eventually created and shipped a fully functional design where people can learn, create learning content and track student’s progress.

STEP 1 : EMPATHISE WITH USERS

• I conducted two surveys with the online communities and the current users to get quantitative insights on what features people like to have in an online LMS and their satisfaction level with the user interface.

• We conducted 10 interviews and usability tests to develop a rich understanding of their pain- points and learning and teaching habits.

Roles and team description. Click the image to enlarge.

 

FINDINGS

Direct quotes from the user. Click the image to enlarge.

Quantitative statistics. Click the image to enlarge.

Key Insights from the research. Click the image to enlarge.

 

STEP 2: DEFINE THE PROBLEM



AFFINITY SORTING
I used affinity sorting to define my primary persona, and the red routes

 

PERSONA

Primary persona

“Justine”, a 42-year-old HR and Admin.

Secondary persona

“Jeremy”, a 32-year-old learner, works in sales and marketing.

2 Groups stood out:

  • Experienced admin/HR :- Who use the product for creating learning courses and keeping track of all the employee learning.

  • Learners/ Employees :- Who use the product for learning .

Persona’s for an Admin and a Learner. Click on the image to enlarge

 

EMPATHY MAP

We continued our journey with Justine as our primary persona and mapped out her frustrations. which helped us to empathise with her.

Empathy map for John. Click the image to enlarge.

 

USER JOURNEY MAP

We mapped Justine’s emotional journey on a user journey map and found some pains, frustrations and opportunities.

Justine’s User journey. Click the image to enlarge.

STEP 3: IDEATE SOLUTIONS


Based on the qualitative and quantitative data from research and User Interviews, we ideated the solution for “Justine” and “Jeremy”. We identified the requirements for the following features:

• Notification and alerts for upcoming learnings

• Gamified and adaptive learning.

• Global and intuitive dashboard for admin.

• Create goal-based learning.

• Advance questions system for quizzes.

• Apply scoring for quiz questions.

MVP map. Click on the image to enlarge

STEP 4: TESTING THE DESIGNS


I created a low-fidelity prototype with pencil and paper and conducted User Testing sessions with 10 users to develop a rich understanding of their habits and problems.

STEP 5: FINAL PROTOTYPE


After intensive research and user testing, we designed our final high-fidelity prototype and presented it to the client.