Our interactive prototype was created with InVision, and can be viewed at the following URL:
If the link is saved to the home screen of an iPad, it can be opened like a normal app. However, all functionality is still present when viewed in a standard browser.
To interact with the prototype, simply click any actionable element. If you click somewhere that is not actionable, any actionable elements will be highlighted. Some interface elements that are not implemented in the prototype are the share buttons (except Google Calendar), and the tabs for switching between school terms.
While the visual design of the prototype is largely complete, its functionality can be thought of as a slideshow, with each interactable element leading to a different slide. We mimic a completed user interface by using many different slides. However, this approach scales poorly with additional interface elements, so some inconsistencies will become apparent when using the prototype. In particular, user actions have little permanence, and generally only persist briefly, to demonstrate behaviour. Opening a different menu will reset these changes.
This prototype was designed primarily to cover our previously outlined task scenarios, as detailed below.
| User Input | System Response |
|---|---|
| Abborgale presses the "courses" button | Display the course panel. |
| Abborgale taps the "search courses" button | Change course panel to the course search view. |
| Abborgale enters "CSC 3" into the search box | Display a list of 300 level CSC courses. |
| Abborgale taps the course he wants (CSC 320) | Expand CSC 320 to show lectures and lab blocks. |
| Abborgale selects the lecture, and the lab that fits his schedule | Highlight the selected courses, and show them on Abborgale's schedule. |
| Abborgale hits the "Register in CSC 320" button | Add the course to Abborgale's schedule, and give a confirmation message. |
| User Input | System Response |
|---|---|
| Abborgale presses the "schedules" button | Display the schedule panel, with a list of Abborgale's friends. |
| Abborgale selects his friend Darnell | Show Darnell's schedule overlaid on Abborgale's. |
| User Input | System Response |
|---|---|
| Abborgale taps the "share" button | Display menu of sharing options. |
| Abborgale taps the "google calendar" button | Prompt Abborgale to log in to Google. |
| Abborgale logs in | Calendar will now sync to Google any time it changes. Display "synced with google calendar". |