New quiz | LeeOr

Centrical New Quiz with AI

One of Centrical’s core features is the Quiz, a gamified learning tool that helps employees improve their skills, expand their knowledge, refresh information, and take part in company surveys.

As part of an AI initiative, I had the opportunity to redesign the quiz, and make the learning experience more valuable, engaging and delightful for users.

01 Quiz goals

Learning

To help employees learn things they need to know so they can do their job better.

Knowledge validation

Exam that supposed to test the employee's knowledge from time to time, to see they are updated with everything they need to know.

Widespread feedback

Survey for the employees, to get their feedback and involve their opinion in some of the company's decisions.

02 The challenges

In the flow of work

Most of the users gets into the system 2-3 times a week only for 4-5 minutes each time. Means, the quizzes needs to give "small bites" of learning, be short, strict to the point and easy to fulfill.

Diverse market

Since our target market includes many types of users like call center employees, frontline employees and deskless employees - it is challenging to create a quiz that all of them would be comfortable to use on different devices and conditions.

Customizations

The platform designed so that each customer can make it's own adjustments. Means, in the quiz, we need to allow different types of questions, long texts, different types of media to upload, with / without time limit, etc.

DEV costs

As Centrical used so far an automatic quiz platform, and would like to make a delightful experience that includes gamification elements and animations, it will demand high development costs.

1. Increase in employees completing quizzes

2. Increase in the employees' success rate

3. Increase in the number or quizzes created

4. Fewer bugs and less product feedback reported about quizzes

03 Key success factors of the new quiz

04 Personas

Call center employee

Deskless employee

05 General user flow

06 The old quiz

Question screen

07 Inspirations from Quizzes

08 Inspirations using AI tools

I used different AI tools such as UX pilot and Uizard to get design inspiration and used Figma make and Lovable to create a simple prototype to present the concept and start first usability testing.

I created 4 different agents, who match the personas, to do usability testing and get feedback before usability testing with clients.

09 Usability testing using Chat GPT agents

09 Conclutions

Lightweight Gamification for Joyful Learning

Introduce playful elements like progress streaks, achievements, celebratory micro-interactions, and personalized encouragement. Lightweight gamification - not overwhelming, but enough to spark joy and curiosity - will make learning feel less like a task and more like a rewarding experience.

Intuitive colors for visual clarity

Use generic, intuitive colors - like green for correct answers and red for incorrect - to provide instant feedback. Incorporate blue as a neutral color that blends well with most client theme palettes. Pair this with a clean, white background to reduce visual noise and keep the user’s focus on the content, not the interface. This balance will make the experience feel both fresh and adaptable, while enhancing clarity.

Transparent scoring and navigation

Help users maximize their score by clearly showing their total points, the potential points for the current question, and allowing them to easily revisit any skipped steps or unanswered questions.

Introduction

The introduction screen presents a teaser, name of the quiz, description or instructions, time limit (optional), number of steps, max score and an action button.

Content

The quiz might contain information steps, images, videos, pdf's and links. I tried to make a template that can support as much as possible in all use cases.

Question screen

A question screen might contain an image, video, link, and it might contain only a question and answers. The answers can have different types: single choice, multiple choice, rating, reorder and open ended.

I designed a progress bar that includes the personal avatar of the employee, gives an indication of the it's place, of answered questions, missing questions and from time to time it shows motivator messages, especially when the quiz contains a lot of steps.

Question screen on Desktop

Question screen on Mobile

Question screen with multiple feedback

Complete missing steps

In case the employee forgot to answer on some of the questions, I added a notification about it, so he can potentially earn maximum points. The main call to action will lead him to complete these questions.