• Created by Unknown User (eyas@mit.edu), last modified by Unknown User (johnnyb@mit.edu) on Mar 11, 2012 21:18

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

Visual and Simple

This design relies more on pictures and other visuals rather than text. It was designed to afford actions like drag and drop. It is meant to be simple and uncluttered. Rare actions like adding a new daycare account should not clutter the interface.

From the daycare worker perspective the tasks follow the following logic:

  1. Select action (Eg Post Story)
  2. Select Child/Children
  3. Fill in Information

From the parents perspective, the interface is suppose to give an idea of a feed (like Facebook Timeline), where interesting stories about the child are posted. For regular/daily information (Eg. How much the child ate, Did the child sleep well, etc) the parents go to the Daily Info section, which is separate from the feed.

The sketches here are of the desktop version of the interface. The version for mobile devices would be slightly different, but would have the same general look and feel.

Storyboard

Illustration

Comments and Description

This is the starting point for the daycare worker. When a Paul drops off Chuck at daycare, Dan clicks in Check in kids.

The comment in the picture is pointing to the cogwheel and says: Cogwheel shows menu with options like create parent account, create daycare worker account, etc.

In this screen, when Chuck arrives Dan drags the picture of Chuck from the Not Present window to the Present window. Dan does this for every child, and when he is done he has a working list of the kids that are at daycare today.

To post the story about Chuck's adventures with finger painting, Dan clicks in Post Story in the initial screen, which takes him to this screen. In this screen we have an list with the images of all of the kids that are at daycare today. Dan selects Chuck and then clicks Post Story. Alternatively Dan could have double clicked Chuck's picture instead of pressing the Post Story button.

After clicking the Post Story button Dan is taken to this page. He fills up the textbox with the details about the story, and choses to attach a picture.
Dan clicks Post, and this story gets posted to Chuck's feed.
The comment in this picture is referring to the fact that when Dan clicks in attach picture, it brings up the file browser if Dan is doing this from a desktop computer, or it brings up the image gallery if Dan is doing this from a mobile device.

This is the screen that Dan sees every time he wants to update the daily info (Eg: What the kids ate, what was their mood, etc). Dan can selects the individuals that for which he wants to update the daily info, and then clicks in the Update daily info button.

Image 6

Image 7

Image 8

Image 9

  • No labels