SkillSuite Course Builder

USER EXPERIENCE AND VISUAL INTERFACE DESIGN

Experience and interface design for new course builder experience in SkillSuite software.

We redesigned the course builder for a simplified experience for ease-of-use and to allow more robust actions related to a course.

COMPANY OVERVIEW
SkillSuite is a training tool for business employees. SkillSuite helps businesses minimize the headache for training and employees and makes it easy for business leaders to share training materials and track employee progress.

THE TEAM
1 UX Designer, 6 Developers, 1 Product Owner

SkillSuite Course Builder

How did I have impact?

THE ROLE I PLAYED IN THIS PROJECT
Icon - Product Strategy

Developing product strategy and simple user research with stakeholders

Icon - User Experience

Creating, developing, and presenting new user experience ideas

Icon - Interface Design

Designing interface, creating prototype, and doing usability testing

Icon - Work With Developers

Worked closely with developers to ensure high quality work

What was the problem?

I AM A PROBLEM SOLVER

The features related to creating and assigning a course were separated into different areas of the software, making it hard for users to know how they were connected and how to properly create and enroll users in a course.

SkillSuite wanted to improve the user experience so it was more intuitive for how create a course, assign a course, and do any additional actions associated with the course.
1
There was a separate lesson builder and quiz builder which was confusing to users.
2
Had to use the Track Builder to assign a course to users, and users couldn’t find that and also didn’t understand what a track was.
SkillSuite - Course Builder Experience Problems

Proposed solutions to the problem

PRODUCT STRATEGY

After observing confusion about how different product features correlated to each other, I concluded that simplifying the experience would make it easier for users to create and assign courses.

Icon - Column
Separate section for each course element
We had already tried this, and it proved to be too confusing with too many feature options for users.
Icon - Color
Simplified Course Builder
A single place where all of the course elements and actions would reside.

Renamining of terminology:
Tracks —> Courses
Sections —> Lessons

SkillSuite - Wireframe - New-Simplified Course Builder
ANY CHALLENGES TO WORK AROUND?

Not every situation allows for the ideal experience design process for a development team. I experienced the following challenges while working on this project:

Icon - User Research

Lack of User Research

A lack of user research before beginning to design the user experience can lead to some poor choices being made based on thoughts or opinions with proof of what a user actually needs.

Icon - Stakeholder Pushback

Stakeholder Pushback

Oftentimes those who are emotionally invested in the project are so focused on what they think is important that they automatically assume they know what the user wants. When those wants don’t match up, it can result in wasted time and money.

Icon - Timelines

Rushed Timelines

Rushing the design process can result in lower quality design and development because of not allowing the necessary time to think through any potential problems or properly test ideas.

Icon - Roadmap

Lack of Roadmapping

Skipping the original standard process of long-term roadmapping for a product can often result in wasted time and money because of lack of planning for the long term goals of a product.

Experience Design

WIREFRAMED SOLUTIONS
First, I mapped out the experience of how to combine all the core elements of building a course: Sections, lessons, quizzes, library content, etc.
SkillSuite - Wireframe - New Simplified Course Builder
Next, I mapped out the experience of how to assign a course to users and how to set up assignment automations.
SkillSuite - Wireframe - Automations
Next, I mapped out the experience of how to assign a course to users and how to set up assignment automations.
SkillSuite - Course Builder - Terminology Changes

Proposed solutions to the problem

PRODUCT STRATEGY
SkillSuite Course Builder Content

Zach, CEO, builds a training course with various lessons and quizzes with ease.

SkillSuite - Course Enrollment

Kristi, the HR Manager, enrolls the company’s new employees in a New Employee Training course without having to leave the course builder.

How did it improve?

PROTOTYPE
Business administrators and managers can easily create a course and enroll their employees in one place.

Having everything located in the Course Builder eliminates any risk of confusion on how to build a course and enroll users.

BEFORE
SkillSuite Online Lessons
AFTER
SkillSuite Course Builder

How did it do?

The new simplified course builder has proven to be an improved user experience.

85% of users no longer struggled with how to successfully build a course and enroll users.

RESULTS
Icon - Product Strategy

Simplified Process

Icon - Product Strategy

Eliminated Confusion

Icon - Product Strategy

More Course Enrollments

What did I learn?

I learned positive things and where there was room for improvement.

POSITIVE TAKEAWAYS

Icon - Simplified
Simplifying things makes things easier and more enjoyable for users
Icon - Terminology

Terminology is important

ROOM FOR GROWTH
We could have saved 8+ months of development if we had been allowed the following:
Icon - Search
User research
Icon - Timelines

More time and had not been rushed

Icon - Roadmapping

Appropriate long term planning and roadmapping