Design 1 - For Children

This design is meant to be used by children. To accommodate them, the design uses a primitive page hierarchy, simple views, and lots of pictures but only a few words.

1A 

This shows the home page from which children can choose a variety of options. To accomplish Task 1, Mary would click the add event button.

1B 

This will take her to a new event page, where she can fill out the appropriate data for the event. Options for choosing the data are given as simply as possible to accommodate the novice user base, which sacrifices some efficiency.

1C 

After creating the new event, Mary will be taken back to the home screen. From there she can choose to view this week's events, which will give her the page to the left. From here, she can examine the events under Saturday to see that there is a possible conflict on Saturday, accomplishing Task 2.

1D 

After returning to the Home Page, Mary clicks the Ask for Help button, which leads her to this page. From this page, she chooses which event she would like help for--Daisy's Birthday Party. Events are shown as big tiles to make it simple for children to select.

1E 

Again, Mary is given the option of choosing tiles on this page, where she can choose to ask different users or groups of users for help driving Christine to Daisy's birthday party to accomplish Task 3.

1F 

Finally, once Mary receives a response from another parent, she can click the Change Event tile from the Home Page. From there she will face the same type of screen in 1D to choose an event. Then, she will see this screen, which gives her the option of changing any detail of the event. After choosing Driver, Mary will go to another page like that in 1E (without the groups of users) where she can select the new driver to finish Task 4.

Design 2 - Weekly View Calendar

This design shows a calendar on a weekly basis, with the height of the event proportional to its duration.

2A 

From this page, which is the main view, Mary can either click the 2pm Saturday slot or click New Event to add a new event.

2B 

She will be taken to this new event page, with the appropriately filled information. From here, she can fill in the rest of the information and click the save event button to finish Task 1. This will take her back to the weekly view, which will let her see the conflicts and complete Task 2.

2C 

Now, to reach out to other parents for help driving Christine to the birthday party, Mary can click the drop down on the event, which gives her options for what to do next. To reach out, she will click the Reach Out option.

2D 

This will take her to this simple page that allows her to write a custom message and choose other users or groups of users to ask for help driving Christine to Olivia's birthday, completing Task 3.

2E 

Finally, back at the main calendar view, Mary can simply click the name next to the car icon, and type into the autocomplete text field to change the driver information, accomplishing Task 4.

Design 3 - Vertical Days, Horizontal Times, Pop-ups

This design is meant to give a day-to-day timeline of events. The days span vertically, with each day having its own gray heading bar. Underneath each day, each event that day contains a row, and driving information for to and from the event is shown on either side of the event box. Finally, the use of pop-ups in this design allows users to easily create and update events.

3A 

From this main view, Mary can click the add button on the Saturday heading bar to add an event to Saturday.

3B 

This creates a box with a pop-up, where Mary can enter the event information, and the box will resize and move itself to the appropriate location. This accomplishes Task 1, as well as Task 2 since Mary can immediately see the new event and determine it conflicts with Andy and Barry's events.

3C 

This picture shows a close up of the pop-up for creating an event.

3D 

Next, to reach out for help, Mary clicks the driver icon on either side of the event box for Daisy's Birthday Party. This opens a pop-up, which gives her the easy options of choosing her or her husband Nick, or entering another parent's name with autocomplete, or clicking the link to ask for help. She will click the link to ask for help.

3E 

This shows a close up of the pop-up when the driver icon is clicked.

3F 

Clicking the link takes her to this page to reach out for help. From here, Mary can ask whether she would live help driving Christine to and/or from, add a custom message, get suggestions of individual users or groups of users to invite, and see who she is asking before clicking the send button, which will accomplish Task 3. After returning to the calendar view, she can open the same pop-up by clicking the driver pop-up, where she can enter the name of the parent who will be driving Christine, completing Task 4.

  • No labels