Project Date: 2014 - 2015

Learner Experience

D2L - 2014 - 2015

As a Product Designer at D2L, I reimagined the course learning experience to make it more engaging and impactful. By integrating rich media and adopting a story-like structure, I created a more immersive way for learners to progress through activities. Formal assessments were thoughtfully integrated to guide learning and reinforce understanding, ensuring the experience was both engaging and effective in supporting learner success.

Discovery

We interviewed clients and potential job candidates to better understand their goals and frustrations with existing Career sites job application flows. We also implemented Google Analytics into the existing site to determine drop off points, areas where people are stuck and what content they are required to input before, during and after the application is submitted. We encapsulate all of the feedback and requests into project requirements and Jira epics and stories.

Download Persona Template

Problem Definition

Most people don’t realize that up to 90% of the candidates they drive to their applicant tracking system leave without submitting applications. That means up to 90% of their recruitment marketing spend and efforts are wasted! We discovered that most candidates were frustrated by the complexity of the navigation, frustrated by duplicate entry requirements, and not confident that the submission was accurate and complete.

View Student Research Report

Design Definition

We use task analysis, journey mapping and task flow diagrams to map out the user path through the design. We try to define what the 'Happy Path' through the flow would be and focus our efforts there. Our goal is to create a guided workflow that is immediately intuitive for new users. I leverage a set of global UX Heuristics and Design Patterns to provide a framework for making good design decisions and evaluating options.

View Student Task Map

Prototyping

After mapping out the happy path and we're feeling confident we've got a compelling idea, we switch to prototyping and mocking up functionality to be able to test with representative users. We leverage our out-of-the-box Design System components and just pass in static data to design the workflows and interactions (which we get for free using the design system). We focussed on mobile use cases as a start and then ensured that the tablet and desktop experiences were optimized to bigger screen real estate and a stationary context. We follow a build-measure-learn process by testing early and often with SME's, stakeholders and representative users based on the persona. And at the end of the prototyping phase we've got shell of the front-end code waiting to be wired up by Front-end Developers.

Testing

I use UX Heuristics and Design Principles to evaluate the Design. We do usability testing for both mobile and desktop use cases. We leverage new co-op hires as a fresh set of users to test our apply flows with and determine how effective our solution is. We also test for keyboard and screen reader usability to ensure WCAG 2.1 AA compliance.

View Usability Testing Report

Gallery

Business Outcomes

Increased Engagement

Student participation and activity in the system increased by 42%.

Improved Productivity

Our solution reduces the time to complete Benefits enrolment from 30 minutes down to just under 5 minutes and gives the employee peace of mind and some of their time back.

Improved Usability

Qualitatitve testing shows a huge improvement in the employee experience since we create visually compelling experience and streamline the workflows for speed, accuracy and confidence.

Next Project