UMD+Notes+daniel+lofi+design

=**Daniel Choi**=

**Balsamiq Design:** The focus of this design is on a typical user visit and path through our website (search, select, and download notes).
1) **Homepage**: I expect virtually every user will have a specific class in mind that they want to search notes for before visiting the website. This assumption is based on our data gathering sessions (mainly interviews) that revealed students would most likely visit the website during exam periods where they have predetermined classes they are studying for. A search bar would be the simplest, easiest, and fastest form of navigation for this type of user, since all it requires is entering the course name.

2) **Notes Selection List:** After a user searches for a course name on the main page, they will be automatically sent to that course's page, which displays a list of all the notes that have been uploaded for that page. Basic information (rating, note content, etc.) about individual notes are displayed on this page to help the user find the type of notes they are searching for. Once a user has decided on an item to view, clicking the thumbnail picture for that item in the "View" column of the table will direct them to that item's page.

3) **Download/View:** Clicking an item's thumbnail in the previous screen directs the user to this page. This page shows the actual notes themselves in full and provides options to download, comment, or annotate them.

4) **Upload:** This page is not directly linked from the download page, but shows a view of what the upload page may look like. It shares a similar template with the download page.