Overview
These are requirements for the RethinkEd authoring tool that allows users to create a variety of question types for educational activities. The focus is on the user interface, interaction flow, and validation process necessary for creating Multiple Select items.
Figma
Epic
Feature 193009: Activities Builder | SEL Authoring
UI Description
Main Interface:
A central workspace where item authoring occurs, featuring a clear and uncluttered layout to promote focus and ease of use.
Item Creation Button:
A prominent plus button allows users to initiate the creation of new items.
Item Type:
Description: Upon selecting to create a new item, a dropdown menu appears, offering a selection of item types.
Required: Yes
Type of Input: Dropdown Menu
Dropdown values (single-select):
Multiple Choice
Interactive Worksheet
Single Page
Facing Pages
True/False
Multiple Select
Prompt
Description: Area for user to enter a prompt description or question.
Required: Yes
Type of Input: WYSWYG Text Editor
Attach Resource
Description: Button opens the Add Resource modal for the user to attach a resource to the prompt field.
Required: No
Type of Input: Button
Answer Choice:
Description: Upon selecting a Multiple Select item, a dropdown menu appears, offering a selection of answer choice input fields.
Required: Yes
Type of Input: Dropdown Menu
Dropdown values (single-select):
2 Answer Choices
3 Answer Choices (default)
4 Answer Choices
5 Answer Choices
6 Answer Choices
Answer Choice
Description: Area for user to enter an answer choice description.
Required: Yes
Type of Input: WYSWYG Text Editor
Explanation
Description: Area for user to enter an explanation description.
Required: No
Type of Input: WYSWYG Text Editor
Conditional UI Elements:
Additional options or fields dynamically appear based on the selected item type.
User Interaction and Validation Notes
Creating an Item:
Users begin by clicking the plus button and choosing "Item" from the presented options.
Selecting Item Type:
From the dropdown menu, users select the desired item type, triggering the UI to update with relevant input fields.
Input Validation:
The prompt and answer choice fields are mandatory fields, and the system performs real-time validation to ensure required information is entered before saving.
For Multiple Select items, a minimum of two answer choices must be provided.
For Multiple Select items, the user can select more than one answer choice as correct.
It is optional to attach a resource to a prompt or answer choice.
Attach Resource
Upon selecting a resource to attach to a prompt field or answer choice field, the user should be able to select from a dropdown menu the location of the image in relation to the displayed text.
Above
Below
Right aligned
Left aligned
Saving Items:
A "Save" button commits the created item to the activity. The button becomes active only when all required fields are satisfactorily completed.
Workflow Description
Initiate Item Creation:
The user clicks the plus button and selects "Item" to start the authoring process.
Select Item Type:
The user chooses an item type from the dropdown menu, which updates the UI to display appropriate input fields for the selected item type.
Enter Item Details:
Depending on the item type, the user fills in prompts, selects answer choices, and (optionally) adds explanations.
Multiple Select
The user enters a prompt, selects the number of answer choices, fills in each option, and marks the correct answer or answers.
Finalization:
Upon entering all necessary information and passing validation checks, the user clicks "Save" to add the item to the activity. For items with optional explanations, inputting text is at the user's discretion.