Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

https://www.figma.com/file/O0FDJoUbCHKQGlk3Wqq9ND/Teacher-UI?type=design&node-id=51%3A12714&mode=design&t=llDvVWclnuxkJRku-1

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

  1. 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

  2. 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

  3. Search Bar:

    • Prominently placed above the assignment table, enabling quick searches without navigating away from the page.

  4. 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.

  5. Edit Modal:

    • A modal window that provides a user-friendly interface for editing assignment details, ensuring that the workflow is seamless and intuitive.

  6. 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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  • No labels