...
On initial login Ben must either select the pre-populated school year or create a new one. Once the year is selected, he can create a class, and then create notes for that class. This is not analogous to a standard file-system hierarchy in that Ben cannot create loose notes: they must be associated with a class, and classes must be associated with years. A search bar at the top of the page allows users to look for notes without browsing through the hierarchy.
Image of populated hierarchy
...
All changes to Ben's notes are auto-saved by our webapp. In this design, there isn't any difference between creating notes for the first time and reviewing them later, so when Ben comes back to the notes to insert new facts from the course readings, and when he comes back again to review for a test, he just opens the notes in the organization hierarchy and views them in the editor.
To find the notes he wants, he can use the search bar at the top of the home page, which will search both the titles and the contents of notes and display hits in the title first in the results.
Analysis
Design 2
Account creation and login weren't really considered as significant in our designs, so they will likely just be standard forms for each of these designs. After logging in, the user will see the a hierarchy that will eventually contain folders and notes, organized however the user wishes(similar to a common file system window such as in Windows). Also similar to a familiar file system window, the folders and notes will be sortable by name and by the date of last modification. A search bar at the top will allow the user to quickly find a particular note or folder. Buttons at the bottom of the page will allow the user to create a new folder or a new note.
...
In this design, we allow a single level hierarchy that lets you put notes into different categories, and the list of notes is displayed on the same page as the editor. Rather than inserting pictures from a camera, this design allows us to harness the ease of typing things on a laptop and the ease of drawing things with a touchscreen by using a smartphone to create hand-drawn diagrams.
Storyboard
The first time Ben uses SETENTS to take notes, he will be presented with a standard account creation/login page. Once Ben has created his account, he sees