Design 1

in this design I went with an old fashion approach. Most teachers and parents are used to simple UI (download file,print, and email).

All of the actions are simple and straight to the point, so the communication maintains a similar form to what the parents and the teacher were used to.

Sketch

Explanation

this is the login screen. Ms. Frizzle log in with her user name and password.

The tab menu allows Ms. Frizzle to pick a what activity she would like to perform
on the website. She can go to the grade book , add assignments or create and review forms.
In this case she will click on forms to create a permission slip.

when she clicks on forms , she will see two links. The first for creating a new form, and the
Second for viewing old forms.
In our scenario she wants to click on create a new form.

upon clicking she will be able to upload a PDF of the permission slip.

Arnold's mom log in to ConnectEd with her user name and password.

She can change between her kids in the drop down list at the left top corner.
Since she wants to sign a permission slip she clicks on forms.

She now sees a PDF that she can either print and sign, and give to Arnold to bring to school,
or she can email Ms. Frizzle by clicking on the mail to link.


Design 2

in this design I tried to expend on a familiar design for every MIT student. I tried to perform spin of on stellar.

the website gives both parents and teachers a vertical tool bar that helps them navigate through the website.  

Sketch

Explanation

After a login, Ms. Fizzle will see the main page of ConnectEd.
She can pick different functionalities from the vertical tool bar.
She can pick a class out of the classes that she is teaching, update grades, mark attendance 
And of course generate and review forms.

When she hover over forms a sub menu will open and she will be able to click on new form.


She will be moved to the next screen that will allow her to write an email to her class,
or to a specific parent. She can save this email ( efficacy feature) , send or cancel it.


After she sent the email. Arnold's mom will get an email about the new form and she will 
click on a link in the email that will take her to the website. In the website she will click on forms
in the toolbar in order to view the form.


When Arnold's mom clicks on the forms button. She will see a list of hyperlinks for every
form she needs to read and sign.
She clicks on the ice skate permission slip.


Arnold's mom can see the permission slip and she can either approve it by clicking yes, deny it by clicking no , or defer the decision for another time.


When Ms. Frizzle is ready to check the status of the permission slip. She will hover over the forms option. In the submenu she will pick old forms in order to review old forms that she sent .


Ms. Frizzle will see a table ordered by her students' names. She can filter the table based on the status.


Design 3 - super efficient 

in this design I tried to minimize the interaction the teacher and the parents have with the website.

parents indicated that they want a hassle free interface, and a pop up does not require exploring the site in order to approve a permission slip.

Furthermore, the teacher have buttons for action and can generate a permission slip in few clicks

Sketch

Explanation


Ms. Fizzle log in to ConnectEd, she sees 3 icons that will lead her to different activities.
With one click she can add a new form, update grades and check for attendance.


The add new form button, open a pop up window the only requires to pick a class
and a template from a drop down menu with auto complete. When the teacher picks a template
a text box with highlight texts is presented. So Ms.Frizzle just need to write the date and place.


When Arnold's mom log in to the website she will get a pop up window with the permission slip.
She will have to approve or deny the activity.

  • No labels