UC Wise Paper Prototype

This website includes our paper prototype.

We put our prototype on a board and took a picture of it. Unfortunately the writing on our various interfaces was illegible so we took three steps:

Step 1: Minimized the size of the board: We did that by excluding some redundant drawings that were meant to make things easier to understand. For example, for clicking on the sidebar we don't include a new webpage for every click, rather we include the different sidebars and expect that the reader understands that they are supposed to replace the existing sidebar - this way we significantly reduced the board space and the picture is closer and better. The black arrows show where the link takes you and the blue arrows show that the pointer superimposes that part of the pointee.

Step 2: We include all the drawings individually along with a key. If you can't read something just refer to the corresponding picture

Step 3: We excluded the color. In our design rationale we say that the tasks are color coded but our paper prototypes are black and white. The color ones were illegible in the picture so we excluded them. The idea though persists

Board of Paper Prototype:

Top Right: Old Announcements:

Bottom Right: Old Tasks:

Top Center: Help Page:

Middle Center: Protal

Bottom Center: Calendar (imposes on the calendar of portal) and on its left the used added tasks that follow the other tasks when user presses Add on the protal

Top Left Sidebars (superimpose all sidebars when you click on appropriate sidebar expanding menu)

Middle Left: Homework page:

Under homework page the browse dialog - pops up when you press browse on the homework page