Assessment List Page

Figma Link

User Story

As an internal employee at RethinkEd, I need to see and search the full list of Integrated Assessments so that I can determine when to Add New Assessments or edit existing ones.

UI Description: Assessment List Page

1. Search Bar:

   • Description: Search bar is a smart search where user searches for existing Assessment by typing the assessment name or Company that made the assessment.

   • Required: Yes

   • Type of Input: Search

   • Validation Criteria:

     • Without Search selected, user sees alphabetical ordered list by Assessment Name.

     • Given the Assessment Name contains multiple entries, then the secondary criteria for determining alphabetical order is Company Name followed by Subject as the tertiary criteria

     • Given user has typed a minimum of 3 characters for either the Assessment name or Company Name, the search results begin to populate in the list shown.

2. Add Assessment Button

   • Description: A button that opens the Add Assessment Modal where user enters the information for the new Assessment

   • Required: Yes, in order to Add a new assessment

   • Type of Input: Button

   • Validation Criteria:

     • If selected, then Add Assessment Modal opens for User.

     • If not selected, then button is present on screen and active

3. Company Sorting Selector

   • Description: A dropdown containing an alphabetical list of Companies with at least one integration for at least one subject area

   • Required: Yes

   • Type of Input: Dropdown

   • Validation Criteria:

     • If selected, then list within the dropdown shows an alphabetical list of Companies with at least one integration

     • If a company is selected from the dropdown, then the Assessment list shows all of the integrations for that company

4. Subject Sorting Selector

   • Description: A drop down containing the following Subject options: Attendance, Behavior, ELA, Math

   • Required: Yes

   • Type of Input: Dropdown

   • Validation Criteria:

     • If selected, then the list shows the following in alphabetical order: Attendance, Behavior, ELA, Math

     • If a selection is made from the drop down by clicking on it, then the Assessment List table will include all integrations for that subject in alphabetical order by Assessment Name as primary criteria and Company as secondary criteria

5. Table Contents

   • Description: List of Assessments with headers: Assessment Name, Company, Subject, Description.

     • Additionally, user clicks on a line within the chart to view Edit Assessment Modal

     • Additionally, Description is an optional field in Add/Edit Assessment modal so if it was not used we show three dashes (---)

   • Required: Yes

   • Type of Input:

     • Chart; contents from Add/Edit Assessment Modal

     • User clicks on element (row) within the chart to Edit Assessment Modal

   • Validation Criteria:

     • If just viewing chart, we see the headings: Assessment Name, Company, Subject, Description.

     • If just viewing the chart, the contents below are listed in alphabetical order by Assessment Name as the primary criteria, Company as the secondary criteria and Subject as the tertiary criteria. If all other criteria for alphabetical order are equal, then Description is the tie breaker as the alphabetical order of the letters typed as the deciding factor and items with no description are at the bottom of the list.

     • If User clicks on a line, then the Edit Assessment Modal opens for that item.

Start Here

User Interaction and Validation Notes: Assessment List Page

1. Search Bar

2. Add Assessment Button

3. Company Sorting Selector

4. Subject Sorting Selector

5. Table Contents

Workflow Description / Options

1. View Assessment List in Default State

2. Search by Assessment Name and/or Company

3. Sort by Company and/or Sort by Subject

4. Add a New Integrated Assessment

5. Edit an existing Integrated Assessment