Teacher

This is the login screen we showed for the user to sign in as a teacher.

When the user logs in to a teacher account, this is the home page he/she sees initially.  It displays any news/announcements, has buttons for each class that the user teaches, and has four buttons which allow the teacher to perform actions for any class (not any class in particular):  

1. The messages button allows the teacher to send a message to a parent of any of her students.
2. The create new form button allows the teacher to send a form (typically something that the parents need to sign or respond to, such as a permission slip) to all the parents of students in one class or multiple classes.
3. the view forms button allows the teacher to see a list of all the forms he/she has sent to parents in the past.  Then, he/she can click on a specific form to see which parents have signed the form.
4. The calendar button allows the teacher to see her schedule for all her classes.

This is the teacher's class homepage. If the user clicked on one of the class buttons on the main teacher's home page, he/she will be brought to this screen, which contains options for what the teacher can do for this specific class.

When the teacher clicks on the "create new form" button either from the main homepage or from a specific class' homepage, this screen is shown.  This picture shows the dropdown menu for the form type field.

Still on the page for creating new forms, this picture shows the screen after the user has chosen the form type, typed in the activity/event, checked the classes the form should be sent to, and clicked on the date field or "select date" button.

Once the user has entered all the information, he/she can click the "preview" button to see the text that will be sent to parents, as shown here. The preview is in a text box, so that the teacher can add more text to the form and/or edit the text that is already there.

This is the teacher's "view forms" page, which can be accessed by clicking on the "view forms" button either on the main teacher's homepage or on the homepage of a specific class.  Navigating to the "view forms" page from the main homepage should show all of the user's forms for all classes, while clicking on it from a class' homepage should display only the forms for that class.

Once the user clicks on the ice skating form, he/she can see a list of all the students in the class, with an indication of the status of their forms (approved, denied, or pending).  From this page, the teacher can also resend the form to parents who have not yet responded.

If the user clicked on the arrow next to "form status" on the previous page, the entries in the table are sorted by form status.

Parent

The sign-in screen was shown again for the user to log in as a parent.

This is the parent's main homepage, from which he/she can see news/announcements, complete tasks relevant to any or all of his/her children, or select a specific child.

If the user clicked on Arnold's photo in the previous screen, he/she is brought to this page, which is the homepage for Arnold.

Clicking on the calendar button from the parent's main homepage would display this calendar, with all the children's activities shown with a different color for each child.  
Clicking on the calendar button from a specific child's homepage (such as Arnold's homepage shown in the previous picture) would show this same calendar, but only with Arnold's activities.

Clicking on the messages button from either the main homepage or a child's homepage allows the parent to write a message to his/her child's teacher(s).

1st iteration -  issue

2nd iteration - fix

Hovering over the “forms” button was a safety issue. Users could accidentally click on the wrong side of the button, especially if they clicked on the button before noticing that hovering split the button into two parts.

In order to maintain consistency with the rest of the buttons and to prevent wrong clicks, the hovering capability was removed and the forms button was changed to two static buttons.

Users found the calendar confusing because it started on Monday.

Calendar was modified to start on Sunday.

Users found it hard to tell which activities in the calendar correspond to which child.

Different kids were given different colored entries in the calendar. A legend was included at the bottom of the calendar (in our prototype, there is blue for Liz and orange for Arnold).

Users complained that they can’t create a new form from the “view forms” screen.

A “create new form” button was added to the 
teacher’s “view forms” page.

On the parent’s homepage, users asked to have the child’s name in addition to the child’s picture and first initial.

Each child’s name was added underneath the child’s picture.

In the teacher’s “view forms” screen to see which parents signed the form, some users did not understand the difference between X and ?.

A legend was added to the screen to explain that check means the parent approved, X means the parent denied permission (i.e. the child may not participate in the trip or activity), and ? means the parent has not yet responded.

Users complained that there was no “message sent” indication after sending a message.

A “message sent” indication was added.