Introduction

Based on usage of MCQ questions by several states, there are several inputs that have come up to improve on the experience of users consuming these questions. These constitute of enhancements to support new layouts as well as improvements to existing layouts.

This PRD documents the specifications of these changes.

JTBD

Jobs To Be Done: 

• User Personas: The logged in users who have content creator role, Will be able to use these templates. Teachers or Students who consume questions on mobile or portal
• System or Environment: Works on for desktops with Chrome browser only.

Requirement Specifications 

1. Improvements to the existing MCQ

Templates

Image Zoom-in 

1. Where ever there is an image in the question or in the option, while previewing the question in the mobile

APP

2. App or in the portal, the Zoom in button should be shown on the image.

3. When a user clicks on the Zoom in button, the image should pop up in the full screen both in mobile

APP

4. App and in the Portal preview.

5. Whenever the user is on the pop

's up to the image

6. -up,  on the right side of the image there should be a cross (X) button, Whenever user clicks on that button the image should go back to its original position.

Audio Button

There is a change in the location and size of the audio button. The modified UI is given in the UI Screenshots. There is no change in the functionality. Only placement and size of the icon as given in the wire-frames need to be considered and not change in the icons between play and stop.

Text Wrap

Text wrap should be enabled for both question and options in all existing templates wherever text is present.

JIRA Ticket ID

Wire-frames

https://projects.invisionapp.com/share/73SRFRRSBPC#/screens/371494039

2. New MCQ Layouts 

In MCQ, we need to add 1 two new template layouts which supports support horizontal image as a question.

1. If a question contains Text or horizontal image or both, the audio option should be enabled, but it is user opinion to use it.

2. If a user is adding the audio in the question, then the audio button should be shown while previewing the content both in APP and portal and if it is clicked, audio should play and in second click the audio should stop.

3.. In the options, square image or text or both, with and without audio should be accepted. Zoom button should be shown on the image. The long text should be supported and it should be wrapped. If there are more options, automatically the scroll option should be shown. On using it, the user should be able to see al the options and select the option. 

<Use Case 1 Overall Process Workflow>

<Use Case 1 - User Story 1> Overview

<Main Scenario>

<Alternate Scenario 1>

Exception Scenarios

Wireframes

For Future Release

JIRA Ticket ID

<Use Case 1 - User Story 2> Overview

Localization Requirements

Telemetry Requirements

Non-Functional Requirements

layout for an image in the Question where the image of the question is shown on the top and options are shown at bottom.

1. A layout that supports: Horizontal Image+Text in Question. Image+Text in options
2. A layout that supports: Horizontal Image+Text in Question. Only Text in options

Wireframes for the same are below.

Functionality of the new layouts should be exactly same as that of the two layouts that support Image in Question on the left side (portrait mode).

JIRA Ticket ID

Wire-frames

https://projects.invisionapp.com/share/PWSWZ1I8MFX#/screens

Localization Requirements

N/A

Telemetry Requirements

All the Telemetry events of the existing templates have to be implemented for the new MCQ layouts as well.

Non-Functional Requirements

N/A

Impact on other Products/Solutions

N/

A

Impact

on Existing Users/Data 

Improvements to the existing templates will not reflect automatically in the existing live content. The content has to be republished to reflect this. Separate Jira ticket will be created for this as required. 

Key Metrics