The Needs Review page of the RethinkEd platform enables users to view and review student assignments that require attention.
Figma:
https://www.figma.com/file/O0FDJoUbCHKQGlk3Wqq9ND/Teacher-UI?type=design&node-id=349%3A44516758%3A22916&mode=design&t=ZcP9DgKmTdEQJVdH8tSBnP5kKWygQifG-1
Epic:
Feature 193776: Manage Assignment
UI Description:
Page Heading: The interface should feature a main heading titled "Needs Review" prominently at the top of the page, signaling the page's primary function. Assignments
Tab Navigation:
Content, Students, Needs Review, Teachers (admin only)
Needs Review tab selected
Date Range Selection:
A dropdown menu selection with calendar picker and dates displays in input field as Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Dropdown menu values next to calendar picker:
School Year (default)
Last 7 days
Last 14 days
Last 30 days
Last 90 days
Last 180 days
User can select a custom date range using the calendar picker.
Search Bar Functionality:
The search bar supports text queries to find student names, classroom names, lessons/modules based on titles, descriptions, keywords, and Standard Codes, with autocomplete suggestions.
Search results are optimized to appear within 2 seconds under normal load conditions.
Filter Area: Just below the main heading, provide dropdown filters for 'Classroom' and 'Notification'.
Classroom Dropdown Values: List of all classrooms
Notification Dropdown Values: Submitted, Commented
Table Design: The assignments table shall present columns for:
Date: Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Student: First Name Last Name Classroom: Classroom of the student
Notification: Submitted, Commented
Assignment: Lesson or Module Title / Content AssignedVideo, Quiz, Activity
Language: English, Spanish
Subject: SEL, Mental Health
Actions: Review, View
Text alignment and column width should be consistent, ensuring legibility.
Action Table Column: Interactive elements like buttons and links should use contrasting colors to stand out from informational text.
Review (Assignment that needs to be reviewed and marked as reviewed)
View (Assignment that has been reviewed and marked as reviewed)
...