kolibri icon indicating copy to clipboard operation
kolibri copied to clipboard

Detailed Quiz Results

Open tomiwaoLE opened this issue 2 years ago • 1 comments

Overview

The problem:

Have an accurate information about quizzes results, not just the percentages.

Context:

Problem commented by teachers and tech staff from Project Village (Guatemala). Teachers would like to know the exact numbers, as correctly done 5 out of 25

Workarounds:

maths :)

Consequences:

not an important issue, more lazyness (or maybe lack of math skills for some non-scientific teachers)

Info source and product:

Partner organization Learning Platform

Resources

  • [https://www.figma.com/file/v3sWvdxBrxmwaP5zhLnVw7/Detailed-Quiz-Results?type=design&node-id=0-1&mode=design&t=SVgV8xs12YSaxL4y-0] [Link Figma Scenarios]

Accessibility Requirements

Cc @jtamiace @marcellamaki

Acceptance criteria

Currently, the Average score column for quiz reports looks like this:

Image

After this change it should look like this:

Image

In addition, anywhere else that we should percentages for quiz scores, we should also show the number correct out of total correct in parentheses.

This may be best accomplished by editing the Score component: https://github.com/learningequality/kolibri/blob/develop/kolibri/plugins/coach/assets/src/views/common/Score.vue and updating it to take two props, one for the number correct, one for the total number of questions, and updating the behaviour internally accordingly. The score should be displayed with simple string concatenation: '(' + this.$formatNumber(this.numerator) + ' / ' + this.$formatNumber(this.denominator) + ')' - a cursory Google suggests that this should be acceptable in Arabic.

All usages of the Score component should be checked to make sure that this is warranted, and if so, should all be updated to conform to the new prop API here.

tomiwaoLE avatar Sep 14 '23 21:09 tomiwaoLE

@jredrejo ,

Here's a quick overview of the UX for the two solutions that I created for this problem:

Solution A: I integrated a toggle next to the average score at the top of the table. It defaults to the percentage score, "80%". With a simple toggle, coaches can see the exact score, "8/10".

Solution B: I chose a combined approach, displaying both the percentage score and the exact score concurrently, structured as "90% (9/10)". This offers a swift snapshot of the results.

What do you think about finding a way to add more context like "5 out of 25 correct"? Do you feel it'd help make things clearer or just clutter it up?

tomiwaoLE avatar Sep 14 '23 21:09 tomiwaoLE