Page Comparison

Today Multiple Choice Question (MCQ) has 7 layouts to support various question creation needs. Here are a few refinements to the layouts

Optimise page load time of Question Search & Preview (Add Question Set) page

1. Optimise player load time -

2. Optimise filter / form loading time

3. Use lazy loading for question list

4. Improve response time for clicks - selecting question for preview, selecting question to add to question set, and filter pane interactions

Refer to the image:

MCQ Layout 1, 2 & 3 - Question without image doesn’t use space optimally

1. Question should centre align (vertically) & left align (horizontally)

2. Question should not reserve space for image unless provided by user

MCQ Layout 1 - Option creation & player experience

1. Justify the option text when there is no image added by the user

2. If image is added, make text left aligned

MCQ Layout 2 - Option creation & player experience

1. When user doesn’t provide image (if option contains only text), it should show options with white background

Functional Design Challenges

1. Image is supported but user doesn’t provide..

2. Text length overflow in case of :

   1. English text (with styling & formatting),

   2. Indic language text (with styling & formatting),

   3. Math & Scientific text

3. Text length overflow when used with image

Here’s a list of all MCQ related tickets. Total

EPICs that contain issues related to MCQ Creation are

https://project-sunbird.atlassian.net/browse/SB-9298

https://project-sunbird.atlassian.net/browse/SB-9871

https://project-sunbird.atlassian.net/browse/SB-8851

https://project-sunbird.atlassian.net/browse/SB-3235