Browse Skills Goals Library

Overview

Create a page for the Skills Goals Library with a tab selection revealing the Abilities, Inclusion, Transition, and Foundational Academics tabs for the existing Skills Library contents.

User Story:

As an Admin or Teacher, I need to select a Skills goal from the Abilities, Inclusion, Transition or Foundational Academics Tab so that I can establish the Objectives and data collection criteria and begin tracking.

Figma: Browse Skills Goals

Project: 205670

UI Description

Tabs

  • Tab selection reads: Abilities, Inclusion, Transition, Foundational Academics

Search Box

  • input text entry field

    • reads: Search for goals

Filters

  • drop down selector to filter results for:

    • Domain

    • Area

Goal List

  • List of goals resulting from Tab selection, search results and/or Domain and Area filtering

  • Headings show: Goal, Domain, Area with list of results below

  • Default upon entry shows results for:

    • Abilities tab with all Domains and all Areas showing in the order matching what is currently in production.

Create Custom Goal (need clarification)

  • Text button

 

Navigation

Back Arrow

  • Navigation to previous screen: Select Skills Library

X (Close Pop-up)

  • UI to close the Skills Goals Library Modal

Cancel Button

  • White button with blue outline and blue text that reads: Cancel

Next Button

  • Blue button with white text that reads: Next

 

User Interactions and Validation Notes:

 

Tabs

  • Upon entry, the Abilities tab is in the selected state with blue, underlined text

  • Tabs work as a toggle.

    • Clicking on a different tab changes the state from unselected gray to selected blue with underlined text.

Search Box

  • “Smart search” reveals list of potential matches with text entry of one word

Filters

  • Filtering results remain the same as it currently in Production where:

    • Area filtering results are dependent upon the Domain filtering results.

  • Default entry shows the Abilities Tab with filtering set to All Domains and All Areas

Goal List

  • Includes the results of Default entry/ Search / Filtering with corresponding Domain and Area of each goal within the list

Create Custom Goal

  • TBD

 

Navigation:

Back Arrow

  • Clicking on the back arrow returns User to Select Goal Library screen

X (Close Pop-up)

  • Clicking X closes the Skills Goals Library and returns User to Select Goal Library screen

Cancel Button

  • Clicking Cancel button closes the Skills Goals Library and returns User to Select Goal Library screen (Same function as X for Close Pop-up).

Next Button

  • Clicking next advances User to the Customized Goal Screen

    • Exactly one goal must be selected to make the Next button active.

    • If no goals have been selected, then the Next button is in an unselected state (grayed out)

Workflow Description

  • From the Empty State for the Student’s Goals and Analytics page, select +Add Goal blue button (temporary path) > Select Goal Library (Select Skills Goals) > Browse Skills Goals

  • From the Student’s Goals and Analytics page, select +Add goal link (replacement path after initial goal has been created and the initial tracking data entered) > Select Goal Library (Select Skills Goals) > Browse Skills Goals

  • User clicks on the desired Tab (Abilities/Inclusion/Transition/Foundational Academics) (#1)

  • User clicks on the desired Goal within the selected tab (#2)

  • User clicks on Next button

  • User advances to Customize Goal Screen