Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The Focus Area tab interface within the Goals & Interventions section of the RethinkEd Authoring Tool allows users to manage and organize Focus Area cards efficiently.

Figma

https://www.figma.com/file/hq6VjWO99WfQaSzXswgVIY/Authoring?type=design&node-id=3132%3A837924325%3A54731&mode=design&t=mtSehnTcP6Pl6QKxgVpC9Qw8XtPhWDm3-1

Epic

UI Description

  1. Tabbed Navigation:

    • A tabbed interface with options for Goals, Interventions, Focus Areas, Strategy Cards

    • The user selects Focus Areas tab upon entering the EDU Goals & Interventions section of the Authoring Tool.

  2. Search:

    • A search bar to allow users to type in descriptions, keywords, file names, or Focus Area titles, with autocomplete suggestions.

    • Search results are optimized to appear within 2 seconds under normal load conditions.

  3. Filters:

    • Multiple filters displayed in a specified order: Subject, Grade, Focus Area, Status

    • Subject (multi-select): ELA, Math, SEL, Behavior

    • Grade (multi-select): Pre-K, Kindergarten, 1st Grade, 2nd Grade, 3rd Grade, 4th Grade, 5th Grade, 6th Grade, 7th Grade, 8th Grade, 9th Grade, 10th Grade, 11th Grade, 12th Grade, Not Applicable

    • Focus Area (single select): Titles of Created Focus Areas

      • Filter has a search bar on top of the dropdown menu for the user to refine the list results.

    • Status (single select): Active, Draft

  4. Focus Areas Table:

    • A table displaying lesson information with columns for Thumbnail, Focus Area Title, Short Description, Subject, Grade, Created By, Date Created, and Status.

    • Sorting functionality for each column where applicable, with numerical order for grades and alphabetical order for status.

  5. Add Focus Area Button:

    • A button labeled "Add Focus Area" to initiate the Focus Area Card creation process using the Focus Area Builder authoring tool.

...