MS Learn - Exam Discounts

I have omitted and obfuscated confidential information in this design case study. All information in this example is my own and does not necessarily reflect the views of Microsoft.

Screenshot of Discount Page

Project Details

To provide a new, modern, frictionless experience for Microsoft’s Learners to redeem exam discounts in the flow of registration.

Project Summary

Microsoft provides discounts on exams for its Certifications programs. Exam Discount refers to digital discounts offered in the flow of registration to learners based upon identity. A user does not need to rely on codes to receive a discount on exam pricing.

CURRENT BUSINESS ISSUES

  • For exam discounts, before the new UI we were handing out vouchers that cost the organization XX-XXk per WEEK.
  • Users didn’t have a view of ALL their available exam discounts when registering for an exam.
  • Also, such a discount was applied at the end of the registration process which provides a lack of visibility during the registration process.

HYPOTHESIS

Providing a new, modern, frictionless experience for Microsoft’s Learners to redeem exam discounts in the flow of registration will increase the number of certifications achieved. Also, it will eliminate any fraud resale of coupons vouchers to ineligible users. 

MOST IMPORTANT
Many accessible issues due to old infraestructure.

My role

I was the UX designer lead on a team comprised of 2 developers and a product manager. I was responsible for determining the overall design direction of the project, while collaborating with the rest of the team on ideation.

success metrics

Success includes: Increase the number of certifications achieved, Create customer delight by deploying a frictionless user flow to schedule exams, without any manual entry of discount codes, Eliminate any fraud/resale of coupons/vouchers to ineligible users and Meet WCAG (Web Content Accessibility Guidelines).

Discover

Interviews

The interviews helped me understand learner’s behaviors and what are the common pains they have when registering and applying discounts before taking an certified exam.

These are some of their pain points:

    • Manual entry of discounts codes
    • Visual representations (coupons)
    • Navigation
    • Design consistency - MS standards
    Lo-fi prototype
    Customer Journey Map

Discover

Understanding the current experience

Consistency and Standards

The user selects the event they attended from the dropdown of eligible events, and selects “verify account”.

A popup window with the even login options appears.

Lo-fi prototype
Discount Page

Accessibility

Many accessible issues due to old infraestructure.

Accessibility issues

Define

Identifying areas for improvement

  • Navigation and structure issues
    • Step process to guide users how to apply discounts
    • Organized, formatted, and displayed content
  • Link accounts
    • How to link accounts when using alternative email
    • How to obtain discount for event attendees and org employees
  • Discounts managment and visualization
    • IxD for claiming discounts (Only one discount per exam)
    • Discount visuals
  • Fluent Design language (react)
    • Responsive
    • Web controls library

User Flow

Azure Active Directory (AAD) members

No Azure Active Directory (AAD) members

User Flow

Design

My goals was to provide a new, modern, frictionless experience for Microsoft’s Learners to redeem exam discounts in the flow of registration

Fluent UI represents Microsoft UX building approach. It encapsulates Microsoft's concerted effort to unify design and code across platforms.

Ideation

Visual design

Fluent UI represents Microsoft UX building approach. It encapsulates Microsoft's concerted effort to unify design and code across platforms.

Coupons Exploration
Coupons final concept
Discount coupon final design

Prototype

Prototyping was the most effective way to gain meaningful feedback from the team, consensus from stakeholders and approval from leadership.

Validation by Usability Testing

6 users participated in a moderated, remote study on an exam discounts prototype. Using a think aloud protocol, participants

  • Task 1: Claiming an exam discount through their employer (Contoso)
  • Task 2: Stopping the sharing of their data with their employer
  • Task 3: Claiming a student discount
  • Task 4: Updating the email address in their certification profile
  • Task 5: Registering for a free exam with a voucher code

Communicating design

Design Accessibility specs

Design Accessibility spec contains four types of mark-up that designers provide to ensure usability and communicate with the engineers on the intended interactions.

  • Predictable focus order: Keyboarding/swiping order
  • Interactive elements description: Screen-reader labels
  • Semantic structure: Landmarks
  • Organization of information: Headings

The controls specs were delivered via the UI Fluent library. From this library, devs can see all the specifications of the controls used within Microsoft.

Results

The modernization of the Exam Registration Experience has had a positive impact on the process of claiming discounts. The claiming rate has been significantly increased. After the released for the FY21 the total number of discounts used by customers reached ###,## discounts.

Reached Grade C in the accessibility scale.

Carlos Marin Burgos
Website Designed and Hand-Coded by Carlos Marin Burgos