back arrow
Back to portfolio
Case Study
learnbox logo

Designing LearnBox’s knowledge evaluation tool

Learnbox banner

My responsibilities

user research iconinformation architecture iconwireframe iconvisual design iconux writing iconinteraction design icon
expert interviews

Interviewing a domain expert is a very important part of my UX workflow. I contacted university professors, career coaches, and tutors to get their feedback on e-learning. Conversations focused mainly on what has been done well and what can be improved.

I learned from the very beginning that most tutorials nowadays do not prepare students for an actual job, but rather for a test at the end of the course. As a result, you only retain the information for a few days and then fill out a test.

“Quizzes at the end of lessons do little to cement what has been learned.”
user interviews

Users of e-learning apps seemed to agree with the experts. When they try to apply the newly acquired knowledge, they are stuck even though they think they've learned new concepts. My main insight from speaking with around a dozen users at a career fair in my hometown was that when you use newly acquired knowledge,

only then can it be considered a skill. Most users complained that the courses they are learning might be outdated or that the need for certain skills is changing frequently, and they were unsure if they were on the right path.

"There is a huge difference between information and knowledge.
Information is everywhere, but how do I turn it into knowledge?”
learnbox-persona-mobilelearnbox persona
ideation and prototyping

I began sketching ideas that could solve the problem based on the insights I gained from domain experts and users. To create ideas that will enhance the evaluation process, I used the Crazy 8s ideation method from the Design Sprint,

my preferred design thinking methodology. From AI to VR and chatbots, I came up with many ideas, but I wanted to simplify until I found a solution that is effective and easy to implement. The answer appeared to be in expanding the traditional quiz method.

The most common flow we see in e-learning apps is the following: After watching the lesson and taking the quiz, you get a score. Imagine if we added steps to the flow that would help the user better understand what they just learned.

current evaluation flow app screenscreenshot of obsolete learning user flow
information to knowledge

Once the user has completed a quiz, to ensure they have learned the material, he or she will now be required to write down answers to questions about what they have retained. Instead of simply recognizing the correct answer to a quiz, they should create content based on what they have learned.

As a result, the process of actually putting knowledge to use will begin. Moreover, the user will receive a custom task from their instructors and upload a deliverable that will be evaluated and feedback will be provided by the teacher. By doing this rather than taking a quiz alone, the user will gain a better understanding of the material.

new and improved learnbox evaluation flow
new learning flow app screenshot
high-fidelity prototyping &
usability testing

In order to add the new screens, I used the style guide already created for the app and tested it directly with the user. I validated the concept with five users and got positive feedback, as well as suggestions for improvement.

We had three users who were put off by the amount of typing they had to do in DEEPER UNDERSTANDING. It was tiring to type because they had so much to say. In the new ideation, users can record voice memos and the instructor can listen to their answers instead of reading them.

improved high-fidelity learnbox flowhigh-fidelity learnbox app flow

In spite of the extra steps some users had to take to complete the quiz and progress through the course, those with whom I tested highly appreciated the feature because they felt they had a much better grasp of a concept than before.

This, along with the clear career tracks and other useful tools the platform offers, create a great experience for users who might feel anxious and overwhelmed by all the information they need to learn. Visit the prototype below to see the rest of the app.

View prototype