Versions Compared

Key

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

...

As an Admin or Teacher, I need to customize the goal I selected from the Skills bank so that the name of the goal and the quantity of objectives with customize text adequately represent the needs of the student(s).

Figma: Customize Goal

Project: 205670

UI Description:

...

  • Blue button with white text that reads: Next

User Interactions and Validation Notes:

Goal Text with Text Box

  • Clicking within the Goal Text box and typing updates the goal text

  • There is no limit to the text entered and entry is truncated if necessary.

Check box with Objectives

  • Clicking within the check box changes the status to active

    • 3 editable text boxes are shown and prefilled with objectives attached to the goal chosen

    • Clicking inside a text box and typing updates the objective text

    • Clicking on the Subtraction icon removes the Objective and Objective Text Box

    • + Add Objective is shown when the ‘Include Objectives’ Checkbox is selected

    • Clicking on + Add Objective displays one additional Objective number and Textbox per selection

      • example text box heading: Objective 4

      • there is no limit to the number of objectives

Workflow Description

  • User clicks inside Goal Text box and types to edit goal text (#1)

  • User clicks inside ‘Include Objectives’ checkbox to show 3 objectives with default objectives text (#2)

  • User clicks inside individual Objective(s) text box and types to edit the objective(s).

  • User clicks on ‘Subtraction’ icon to remove an objective

  • User clicks on + Add Objective add add an additional Objective with textbox

  • User clicks on ‘Next’ button to advance to the next modal