Top Goal Name Container | Student Goals & Analytics Page
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