Figma Link
Epic:
Feature 193776: Manage Assignment
User Story
As a RethinkEd user, I need to view the assigned SEL content to my student(s) so that I can assess the student and communicate with stakeholders about progress.
UI Description
Radio Button for Assignment Type:
Located at the top of the page for easy access, allowing users to swiftly toggle between assignment categories.
SEL
Mental Health
Date Range Selection:
A dropdown menu selection with calendar picker below the assignment type selector.
Default selection showcases the current school year, with options to customize the date range.
School Year
Last 7 days
Last 14 days
Last 30 days
Last 90 days
Last 180 days
Custom
Search Bar:
Prominently placed above the assignment table, enabling quick searches without navigating away from the page.
Assignment Table:
A clear, concise table displaying the key assignment details.
Start Date
Due Date
Subject
Title
Type
Assigned By
Assigned To
Each column header includes sorting functionality.
Edit Modal:
A modal window that provides a user-friendly interface for editing assignment details, ensuring that the workflow is seamless and intuitive.
Kabob Menu and Row Expansion:
Each row includes a kabob menu for additional actions and an option to expand the row for detailed progress insights.
Workflow Description
Initial View and Selection:
Users are presented with a radio button option to select between SEL and Mental Health assignments.
If account has both SEL product version and Mental Health, default will be SEL radio button selected
If account only has SEL product version, default will be SEL radio button selected and Mental Health is hidden
If account only has Mental Health product, default will be Mental Health radio button selected and SEL is hidden
The date range selector defaults to the "School Year," which can be adjusted to view assignments within specific dates.
Searching and Filtering:
A search bar allows users to filter assignments based on keywords, types, student or team member names, or standards.
The table dynamically updates to display relevant assignments based on the search criteria.
Assignment Overview Table:
The main view includes a table listing assignments with columns for Start Date, Due Date, Subject, Title, Type, Assigned By, and Assigned to.
Users can sort the table by any column to organize the view according to their preference.
Editing Assignments:
An "Edit" button on each row enables users to modify the respective assignment in a modal window.
Edits are restricted to assignments created by the specific team member.
Extended Assignment Details:
Expanding a table row reveals additional information about student assignment status (In-Progress, Not Started, Completed) and progress percentage.
This detailed view aids in tracking student engagement and completion rates.
Conclusion
These requirements provide a comprehensive overview for enhancing the Manage Assignment page. By focusing on user experience, functionality, and technical considerations, we aim to create a feature that is easy to use, ultimately supporting educators in managing SEL and Mental Health assignments more effectively.