Designing ways to understand quiz results

Context

Quizzes had been the top most requested feature for a number of  years. The initial launch resulted in high usage and high customer satisfaction. Top use cases are corporate training, employee engagement, certification, customer engagement, and education. As an example, a corporate trainer is now be able to automatically grade multiple associates’ quizzes and provide instant feedback. This feature also resulted in higher retention and conversion.

Process

As in most cases, I started the design process with a white board session with my PM to begin visualizing the requirements and use cases.

Discussing chart options for the best data visualization

Histogram chart, ranges of quiz scores

Summary stats and infographics

I then created a mid fidelity prototype for the Analyze Quiz experience that was used to conduct user testing and which helped us improve primarily the information experience and copy text, as the overall UX design was validated by the tests.

Our UX researcher conducted user testing for Quizzes on both the Create and Analyze areas of the application

Outcome

Final designs were delivered via InVision flows, high fidelity mocks and design specs. I have since refreshed the Analyze experience as part of the 2017 SM re-branding effort which was completed in July.

Question Summary tab

Before Brand Refresh

After Brand Refresh

 

Individual Responses tab

Before Brand Refresh

After Brand Refresh

I also designed the mobile web designs shown here before the 2017 brand refresh efforts.

A quiz card for the home screen

Quiz summary and question stats in Analyze