...
To provide an intuitive process for educators to selectively unassign content from students.
Figma
https://www.figma.com/filedesign/O0FDJoUbCHKQGlk3Wqq9ND/Teacher-UI?type=design&node-id=431%3A48856&mode=design&2871-14843&t=kKNBV7OIQtZk91GNmMVZ1xCzYUVdofvp-1
Epic
Feature 193776: Manage Assignment
UI Description
‘Unassign’ button:
Unassign button is located in Manage Assignments in the Lesson, Activity, or specific content (Quiz, Video, Interactive) view.
Button will be in the bottom left corner below content table and student table.
Assignment Detail Section:
Displays the assignment title and metadata, including the subject, grade, tierstier(s), subject domain, main topic.
Unassign Modal - Content:
A modal overlay displaying a list of assigned content for a specific lesson or moduleColumns to display the content title, type of content, the number , activity (module), or content (Video, Quiz, Interactive).
Header: ‘Content to Unassign’
Assignment title and metadata, including the subject, grade, tier(s), domain, main topic display below header.
Content Table Column Labels:
Assigned Content: Displays content title(s) for the content included in the specific lesson, activity (module), or content (Video, Quiz, Interactive). Content that was not assigned will not display in the unassign modal.
Linked Content Title opens preview of content as it would appear in the Student Center Lesson Player.
Type: Video, Quiz, Interactive Worksheet
Completed: Number of students who have completed
the assignment. Statuses include: Complete, For Review
Not Complete: Number of students who have not completed
the assignment. Statuses include: Not Complete, In-Progress
Content Table Checkboxes:
Default: All Checkboxes are unselected.
Header Checkbox: Allows for the selection or deselection of all items.
‘Next’ button: Navigates to Select Students modal screen.
Unassign Modal - Students:
Next page in unassign modal that allows users to select which students to unassign content from
A search bar to filter the student list by name.
A dropdown filter to sort the student list by grade.
Table of Student first and last names with their grade level
Checkboxes for Selection:
Each row corresponding to an assigned content item or student name includes a checkbox for selection.
A checkbox in the header row allows A modal overlay displaying a list of assigned students for a specific lesson, activity (module), or content (Video, Quiz, Interactive).
Header: ‘Select Students’
Assignment title and metadata, including the subject, grade, tier(s), domain, main topic display below header.
Number of items selected in the ‘Content to Unassign’ screen displays in parentheses.
Search Bar: Allows user to search for student by first and/or last name.
Grade Filter: Sort by Grade of Student for the Assigned Content
Student Table Column Labels:
Student Name: First Name and Last Name of students displayed in alphabetical (ABC) order.
Grade: Grade level of student
Content: Displays content title(s) for the content included in the specific lesson, activity (module), or content (Video, Quiz, Interactive).
Student Table Checkboxes:
Default: All Checkboxes are unselected.
Header Checkbox: Allows for the selection or deselection of all items.
Action Buttons:
Prominent ‘Back’ and 'Next' buttons positioned at the bottom of the modal to navigate between the stages of the unassigning processStudent Count:
Display number of students selected in the table list in the bottom left corner of the modal.
‘Unassign’ button: Unassigns items from students and navigates to confirmation message modal screen.
‘Back’ button: Returns user to ‘Content to Unassign’ screen.
User Interaction and Validation Notes
Selecting Content to Unassign:
Users can click on individual checkboxes to select specific content items to unassign.
Alternatively, the header checkbox can be used for bulk selection or deselection.
Reviewing Content Status:
Before unassigning content, users are presented with the completion status for each content item to make informed decisions.
User selects title of assigned content and a full-screen preview of content in the Student Center Lesson Player displays on the screen.
User selects number in Completed column of an assignment row to show the names of students who completed the assignment
User selects number in Not Completed column of an assignment row to show the names of students who did not completed the assignment
Student Selection to Unassign:
Educators can select students by checking the boxes next to student names. The interface should indicate how many students have been selected.
A select-all header checkbox can be used for bulk selection or deselection of students.
Search and Filter Usage:
Educators can use the search function to quickly find a student by name or use the grade filter to narrow down the student list.
Navigating the Unassignment Unassign Process:
Educators can move to the previous screen by clicking the 'Back' button or proceed with unassignment unassign action by clicking the 'NextUnassign' button.
Validation:
The interface should validate that at least one item or one student is selected before enabling the ‘Next' Nextor 'Unassign’ button.If no items are selected, the 'Next' button remains disabled to prevent empty transactions and the system should prompt the educator to make a selection before proceeding
Content to Unassign Validation: ‘Select At Least 1 Item to Unassign’ message displays when user has not selected items in the content list and selects ‘Next’ button.
Select Students Validation: ‘Select At Least 1 Student to Unassign’ message displays when user has not selected student(s) in list and selects ‘Unassign' button.
Workflow Description
Unassign:
The educator opens the unassign modal by clicking the Unassign button from the Manage Assignments - Assignment Details interface where assigned content is listed.
Selecting Items to Unassign:
The educator selects individual or all content items they wish to unassign.
Selecting Students:
The educator selects specific students for content unassignment un-assignment by using checkboxes corresponding to student names.
Confirming UnassignmentUnassign:
After selectionUpon selecting ‘Unassign’ button, the educator proceeds to the next step where they can confirm or cancel the unassignment.
Completion of Content and Student Unassignment:
Upon confirmation, the selected content is unassigned from the chosen students, and the educator is taken confirmation screen of the modal confirming the number of assignments unassigned and the number of students that were unassignedis taken to a confirmation message: ‘You have unassigned # items from # students.’
Close button returns user to Manage Assignments screen with the updated details.
Conclusion
The Unassign Modal interface is a critical component of the Manage Assignments area on the RethinkEd platform, providing educators with the flexibility to personalize the learning experience for their students.