We need to develop a series of screens for the parent(s) to communicate with teachers, view their child or children’s positive behavior points, the My Resources section and the My Trainings section.
User Stories:
I am a parent who needs to know my child’s behavior on a daily basis so that I may support the school and my child/ children towards their academic and social/emotional well being.
I am a parent who needs collaborative communicate quickly with my child’s teacher so that there is minimal delay when decisions about my child’s academic and social/emotional well being must be made.
I am a parent who needs to access additional resources so that I can work with my student(s) at home to further their learning goals.
I am a parent who needs to learn strategies that reinforce my student(s) learning at school so that I may fell empowered to become a great parent to my child.
Acceptance Criteria:
Section 1: Landing Page
Given the user has access to the MTSS platform and clicks on the blue behavior button with the first container, the user is taken to the Behavior section.
Given the user clicks on the VIEW ALL button within the container titled My Resources, the user is taken to the My Resources section.
Given the user clicks on the VIEW ALL button with the container titled My Training, the user is taken to the My Training section.
Given the user selects Home Resources and/or Training from the top Navigation bar, the user is taken to those locations.
Given the user has access to the MTSS suite and has multiple children, the name field contains a down arrow that provides view of additional children.
Given the user has access to the MTSS suite and has multiple children a highlighted view follows the user’s cursor through the drop down menu so the user can select another child by clicking the illuminated child’s name.
Given the user has access to the MTSS suite and selects an additional student from the drop down menu that has been indicated with a highlight over the students name, the user may click clicks on the highlighted name or select enter to populate the name field with their new selection and its corresponding data.
Given the user has access to the MTSS suite and selects the more button contained within the behavior container, a drop down with the following appears: Login to Student Center, View Credentials.
Given the user activates the drop down menu triggered by the more button within the confines of the MTSS Suite behavior container, the cursor position shows a highlight over the item being considered. Selection is made by clicking the item that is highlighted and user is taken to that corresponding location.
Given that a user has a new message, the notification appears as an orange dot on the top right corner of the icon for new messages and the words “New Message” written to the right of the icon located in the far right of the top navigation bar.
Section 2: New Message Notifications
Given the user selects via a click on either “New Messages” or its corresponding icon indicated by an orange dot, the Inbox notification entering from the right.
Given the user selects via a click on either “New Messages” or its corresponding icon and the Inbox enters from the right, the orange dot will appear next to any new unread messages previews only once with the most recent opening of the inbox.
Given the user views Inbox preview messages, the messages are no more than ? characters in length.
Given the user views preview messages(s) in the Inbox, each preview message is listed with the most recent at the top and contains a date and time stamp.
Given the user views preview messages(s) in the Inbox, any preview messages sent by a teacher are shown as “(Teacher Name) sent you a message.”
Given the user views the preview message(s) in the Inbox, the date and time stamp will appear above each preview message.
Given the user is viewing the Inbox and selects the VIEW link by clicking on it, the user will see the entire message in the dialog screen which enters from the right and replaces the Inbox.
Given the user is viewing the Inbox and selects the Clear option, the message preview and entire message is removed from the inbox and subsequent dialog screen.
Given the user types a message in the text entry field and selects the SEND button, the message is sent to the teacher.
Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=15736%3A172335
Section One: Landing Page
UI
The user selects navigation from three options including Behavior, My Resources, My Training by clicking the corresponding buttons Behavior, View All, View All within the containers.
The user selects navigation from the My Resources section and the My Training section through the top navigation bar by clicking on the corresponding link.
Users click the down arrow in the field that includes their student’s name to view additional children’s Behavior information.
When the user clicks the More down arrow, the drop down choices of Login to Student Center and View Credentials appear.
Users select navigation to the Login to Student Center and View Credentials by clicking the corresponding drop down option.
Users access new messages by clicking the words “New message or the icon with the orange dot.
Business Rules
The blue behavior button navigates to the behavior section.
The blue View All button within the My Resources container takes the user to the My Resources section.
The blue View All button within the My Training container takes the user to the My Training section.
Selection of Home, Resources or Training in the top Navigation bar takes the use to those locations.
The parent dashboard contains only what the school has purchased. The same business rules apply for the buttons that are the same on each of the landing pages but slide two does not have the MTSS program therefore the parent does not have access to the Behavior resource.
The drop down arrow within the name field is present only if the parent has multiple children and has access to the MTTS suite.
When user clicks on the drop down arrow, additional children’s names appear.
When the user scrolls with the cursor through the drop down menu for additional children, it highlights to denote the cursor position through the list of children.
When the user selects enter or clicks on the highlighted name of another child in the drop down menu, the name field populates with that child’s name and corresponding data.
Selection by clicking the more arrow drop down triggers the drop down options of Login to Student Center and View Credentials.
User selection by clicking on the drop down option of Login to Student Center takes the user to the Login to Student Center.
User selection by clicking on the drop down option of View Credentials takes the user to the View Credentials.
Users are alerted to a new message by the appearance of the orange dot in the top right corner of the icon and the label “New message” within the top navigation bar to the far right position.
User selection by a click on either “New message” or the icon opens the dialog box entering from the right.
UI
Users activate the inbox by selecting “New message” or the icon by clicking on either.
New message are identified by the orange dot placed to the left of the message preview.
Users view the message in its entirety by selecting with a click the VIEW link.
Users remove the message preview and entire message by selecting CLEAR with a click.
The dialog screen enters from the right and replaces the Inbox notification when the user clicks the VIEW link.
Users type their message to the teacher and click the SEND button to send the message.
Users see the teacher’s picture, date and time stamp of the message and the most current message by the teacher below the text entry.
Business Rules
User selection selects via a click on either “New Messages” or its corresponding icon indicated by an orange dot, triggers the Inbox notification entering from the right.
All inbox notifications contain a date and a time stamp.
The new message is indicated with an orange circle located to the left of the message preview containing ? number of characters.
Orange dots dot(s) appear only once to indicate a new preview message.
Preview messages sent by the teacher are indicated with the following sentence: “(Teacher Name) has sent you a message.”
Each message contains an option to view which when clicked by the user links to the user to see the full message.
Each message preview contains a clear option which when clicked removes the message.
Activated by the user click, selection of the VIEW link , replaces the Inbox notification is replaced by with the dialog box which appears enters from the right.
The dialog box contains a picture of the teacher and contains the heading that reads “Conversation with (Teacher’s Name).
Below the “Conversation with (Teacher’s Name)” is the “Type your message” prompt and the field for entry of text.
The “Type your message” entry field contains a maximum of ? number of characters.
Users type their message and select the SEND button with a click to send the message to the teacher.
The teacher correspondence appears below the user text entry field.
The image of the teacher appears to the left of the teacher message contained in a blue box.
The date and time stamp appear above the teacher message.
The teacher message appear in a blue dialog box below the text entry field
Section Three
UI
Business Rules
Section Four
UI
Business Rules
Section Five
UI
Business Rules