Overview
The Goal Zone in the Student Center displays when there is an active Self-Monitoring tool and/or active Behavior Contract for the student. This allows the student to reflect and monitor their behaviors.
Figma
https://www.figma.com/design/2P8kwFEVvVNOVzG4D2E5Sj/Student-UI?node-id=630-5150&t=yJaUghGPw2gtYdVp-1
Epic
Epic 193777: Student Center
User Story
As a RethinkEd Student user, I need a way to view and interact with my Self-Monitoring Tools and Behavior Contracts, so that I can monitor my behavior.
UI Description
Goal Zone Tab:
Displays in Student Center when there is an active Self-Monitoring Tool or Behavior Contract
Self Monitoring Tool Card Icon:
Contract Tool Card Icon:
Existing Functionality will stay the same.
Behavior Contract Banners:
Create Behavior Contract will have updated Behavior Contract Banner Styles to select from:
Banner Style 1:
Banner Style 2:
Banner Style 3:
Banner Style 4:
Existing Active Behavior Contracts will not change, the old banner version will remain used in the contract.
User Interaction and Validation Notes
Goal Zone Tab:
Displays to users with the MTSS Product with All Tools selected or Self-Monitoring Tool, and/or Contracts allocated to their account AND an active self-monitoring tool and/or contract in the Student Center.
Goal Zone Tab will not display if the student does not have any active self-monitoring tools or contract.
Existing Goal Zone Functionality will not change in the new UI.
Workflow Description
Admin or Educator Creates a Self-Monitoring Tool or Behavior Contract for the student and marks the tool as active.
The Goal Zone tab displays in the student center.
The active Self-Monitoring Tool and/or active Behavior Contract display in the Student Center.
Student User selects the CTA button (Start, View) on the Self-Monitoring Card or Behavior Contract Card to interact with the tool.
New Behavior Contracts will have one of the four new contract banner styles.