Description
This design features a Main page with two boxes. In one box is a list of every document the user has created. In the other box is a list of all the user's "companies" (any organization for which the user wants to accumulate information). In the companies box are clickable areas where the name of an organization, the organization's first upcoming task, and a color indicating the group of the organization (if any) are visible. When a company item is clicked, the user is taken to a View Company page. Companies are sorted by task date. Clicking on a document will take the user to the Edit Document page. Documents are sorted by creation date. From the Main page, one can also view the View All Tasks page, Add a Document, Add a Company, or log out.
On the Add Company page, the user can specify the name of the new organization, a relevant url, some notes, information on contacts within the organization, and the group the new organization should belong to. From this page, the user can also add a new group or a new document. The page allows the user to save or cancel, and contains links to the main page and to log out.
On the Add Group page, the user can specify the name of the new group, the color companies within that group will be shaded on the Main page, and documents associated by default with all group members. From this page, the user can upload new documents, return to the Main page, log out, submit the group, or cancel.
On the Add Document page, the user can specify the name of the document, upload a file or enter some information in plaintext, and add the document to groups or companies. The user can also return to the Main page, submit, cancel, or logout.
On the View All Tasks page, the user can see all the tasks in all the organizations in the system. Tasks are presented with the name of the parent organization, the task name, and the due date. New tasks can be added by filling this information in on a form on the page. The tasks are presented in the order they are due. From this page, the user can return to the Main page or log out.
On the Edit Company page, the user can edit all the information associated with the company (except the name), add or delete tasks associated with the company, return to the Main page, cancel, submit, or log out.
On the Edit Document page, the user can upload a different file, change the groups or companies the document is associated with, or edit the contents of the text area. The user can also return to the Main page, submit, log out, or cancel.
On the View Company page, the user can view all the information associated with the company, enter the Edit Company page, return to the Main page, or log out.
Storyboard
(all text corresponds to the image below the text)
Task 1: Add Company
We assume Ann has logged on. She is now looking at the main page of JobTracker. She wants to add a company, so she clicks on the "Add company" button.
Ann adds some information about Google. She doesn't select a document from the multiple-selection Docs box, because she hasn't uploaded any relevant documents yet.
Ann has one group which contains her graduate schools, but she needs to create another for jobs. She names this group "Companies" and chooses a color for it (colors appear in the main page). She doesn't want to add a document yet, so she finishes up here.
Google is now a member of the Companies group. Ann is ready to finish creating this new company, so she submits the form.
Task 2: Edit Company
Ann is returned to the main JobTracker page. She notices that her companies have been reordered by soonest due date, and that Google is last on that list. She decides upon reflection that she would like to add some tasks to Google, and upload her resume. She clicks on Google in the right window.
Ann is now on her Google page. She hits the Edit button.
Ann begins to add tasks. First, she adds the application deadline.
Now, she adds the info session.
Ann would now like to add a document, so she clicks Add Document.
Ann uploads her resume, specifying that she wants to add this document by default to all elements of the Companies group.
Ann returns to the edit page, where she sees that her resume has been automatically selected in the Docs box. She is done, so she clicks Submit.
Task 3: View Tasks
Ann returns to the main page. She would now like to see what all her deadlines are, so she clicks on View All Tasks.
Ann takes a look, and then gets to work!
