Top Goal Name Container | Student Goals & Analytics Page

Owned by Felicia Mizgorski
Last updated: Sept 18, 2024
2 min read

Overview

Create a container to house the name of the goal selected and the functionality to support basic actions a User may want to take to manage the goal. Basic functionality includes:

  • Escalate goal

  • Print goal

  • Edit name of goal

  • Document external plan

User Story

As an Admin or Teacher, I need to see the goal I selected at the top of the page with a reference from the library where I selected the goal, and functionality to manage the goal so that I can quickly take common actions.

Figma: Top Goal Name Container

Project: 205670

UI Description:

Goal Name Box:

  • Top of page container holding goal information, external dropdown selector and action icons

Contents:

  • Goal Name

    • Name of the goal selected

  • Goal Name Hover (Include this here or save for future?)

    • The Goal name contains a hover and an edit icon to edit the name of the goal.

  • Goal Type

    • shows the library where the goal came from: Abilities, Inclusion, Transition, Foundational Academics

  • External Plan

    • drop down to select additional plans outside of our products

  • Escalator Icon (Include this here for save for the future?)

    • houses Goal Escalation Path Options

  • Print Icon

    • Print option

  • Three Dots

    • TBD description

 

User Interactions and Validation Notes

  • Goal Name

    • Taken directly from the goal selected as a default

    • If edited by User on the Customize Goal step, then shows the edited goal

  • Goal Name Hover

    • If User hovers over the goal name, then the Hover Overlay is shown.

    • If User clicks on the edit icon from the Overlay, then the goal name becomes editable

    • User types to rename the goal

  • Goal Type

    • The Lesson Type in Skills = the Goal Type in Goals and Analytics

    • Skills goal types include: Abilities, Inclusion, Transition, Foundational Academics

  • External Plan

    • Optional, with default set to ‘None’

    • To document an External Plan, the User clicks on the drop down and selects from the following options:

      • None

      • IEP

      • 504

  • Escalator Icon

    • TBD

  • Print Icon

    • Clicking on Print Icon will print the page

  • Three Dots

    • TBD

Workflow Description

To edit the Goal Name:

  • User hovers over Goal Name to show optional editing icon (pencil/paper)

  • User clicks on edit icon

  • User types the replacement Goal Name.

To document an external plan:

  • User clicks on External Plan dropdown

  • User selects choice: IEP, 504

To document Goal Escalation:

  • User clicks on Escalator Icon to show Escalation options

  • TBD

To Print the page:

  • User clicks on print Icon

  • What can we show?

To complete additional actions:

  • User clicks on three dots

  • TBD