...
Clicking the New Folder button results in a folder being added to the top of the folder list, with and input with "New Folder" selected for pending delete. Pressing enter of blurring the input box results in the new folder sorting into place with a brief highlight animation so the user's eye is drawn to the new location. If the user attempts to name the folder with a name that already exists, an alert pops up and the new folder disappears. Clicking on the New Note button goes straight to the editing interface for the new note, which is shown later in Figure N.
...
In our computer prototype, we did not implement or mock up the ability to delete, rename, or move items within the file browser. While we recognized that these abilities are very important from the perspective of flexibility and safety, we did not think they were the most interesting or unique parts of our interface and left them unimplemented. However, our heuristic evaluators uniformly pointed this out as a major issue. Figure 4 shows our delete and rename affordances, which are revealed when you hover over an item. Clicking on the delete button brings up a confirmation dialogue. Clicking on rename brings up the rename interface, which is the same as the new folder naming interface shown in Figure 3 where the folder's current name is replaced with an input, with the current name selected for pending delete. Clicking anywhere else on the gray highlighted area results in opening the note or folder in question. Taking the screenshots unfortunately got rid of the pointer, but hovering over most of the item has a pointing finger. Hovering over the note or folder icon results in a grabby hand, and you can in fact click and drag anywhere in the highlighted area and drop on any folder or the "Up A Level" section to move folders or notes up or down one level in our file hierarchy. This behavior is shown in Figure 5.
Figure 5. Moving a folder into a different folder.
...