Overview
The Activity Builder Settings Tab focuses on three key areas of the content creation tool: Thumbnail Selection, Keyword Tagging, and Quiz Settings Configuration. These features are designed to enhance the discoverability and user experience of modules within the Lesson Library.
Figma
Objectives
To enable content creators to customize thumbnails for their educational modules.
To facilitate the tagging of modules with relevant keywords for improved searchability.
To provide configurable quiz settings that affect how quizzes are presented and reviewed by students.
UI Description
Thumbnail Section:
Displays a heading "Thumbnail" with informational text below.
If no custom thumbnail is uploaded, the system will generate one automatically.
Provides an interface for uploading or drag-and-drop functionality for thumbnail selection.
Supports SVG, PNG, JPEG, or GIF formats, with a maximum file size of 3MB.
Keywords Section:
Features a heading "Keywords" with a text input field for keyword entry.
Allows creation of keyword chips by typing a keyword and pressing enter or separating words by commas.
Offers the ability to remove a keyword by clicking the "X" on the keyword chip.
Quiz Settings Section:
Shuffle Answer Choice Order Toggle
Description: Enables users to choose whether to randomize answer choice order for students.
Required: Yes
Type of Input: Yes / No Toggle
Default selection: No
Post-Quiz Review Toggle
Description: Enables user to select if a review will be available after the quiz.
Required: Yes
Type of Input: Yes / No Toggle
Default selection: Yes
Show Explanation During Review Toggle
Description: Dependent on the Yes selection of "Post-Quiz Review" selection and determines if explanations are shown during review. If Explanation Field is not complete, no explanation will show.
Required: Yes
Type of Input: Yes / No Toggle
Default selection: Yes
User Interaction and Validation Notes
Thumbnail Section:
The system prompts the user to upload a thumbnail via click or drag-and-drop.
Validates the file type and size, providing feedback if the file does not meet requirements.
Keywords Section:
Users can input and submit keywords which are then transformed into chips for visual confirmation.
Each chip has a deletion option, allowing users to easily manage their keyword list.
Quiz Settings Section:
Users interact with toggle switches to configure quiz settings.
Toggles are binary and changes are saved automatically or upon user confirmation.
The "Show Explanation During Review" toggle is conditionally enabled based on the Yes selection of "Post-Quiz Review" setting.
Workflow Description
Thumbnail Section Workflow:
The user is prompted to upload a custom thumbnail. If not provided, one will be generated.
The user either clicks to upload or drags a thumbnail file into the designated area.
The system validates the file and, if acceptable, sets it as the thumbnail. If it exceeds 3MB or is an incorrect file type, an error is displayed.
Keywords Section Workflow:
The user types a keyword into the input field and presses enter or separates words by a comma to create a chip.
The created chip is displayed below the input field, with an "X" to remove it if needed.
Quiz Settings Section Workflow:
The user decides whether answer choices will be shuffled by toggling "Yes" or "No."
The user then selects if a post-quiz review is available using the corresponding toggle.
If "Post-Quiz Review" is set to "Yes," the user can toggle "Show Explanation During Review" to "Yes" or "No." If "Post-Quiz Review" is "No," the explanation toggle is disabled.
Conclusion
These guidelines outline the design and functionality of the Thumbnail, Keywords, and Quiz Settings sections of the Activity Settings content creation tool.