...
Unfortunately for Ben and his team, Louis is kind of a flake. The day after the interview with the Provost, Louis emails Ben and says he’s too busy to work on writing the final article with Alice and Cy. So, Ben then has to remove Louis from the “Write Article” task. To do this he navigates from the home screen to the “Herald Dining Article” bucket view, and then to the editing screen that allows him to add or delete users from a task. He select’s Louis’s username (reason), and completes the operation by clicking on the “Delete” button. Louis is no longer assigned to that task.
Wireframes
Design 1
When a user logs in, this is the main screen that they see. To navigate, they simply click on tasks / buckets in the left column, which change the view on the right side of the screen.Whatever task / bucket is being viewed on the right will appear in bold in the list on the left. Viewing a bucket or a task looks similar to the user; it simply displays the user's who are currently assigned to that task / bucket, and all notes regarding the task / bucket, and a button to add users to the task / bucket. To view / hide the tasks within a bucket from the list on the left, the user can click the triangle beside the name of the bucket.
To add a new bucket, the user must click the "New Bucket" button. This will simply create a new bucket in the list on the left side of the screen, and open that bucket's view on the right side. The user can then type the title of the bucket, add collaborators, and begin typing notes. By default, the user who created the bucket will be added as a collaborator on that bucket.
To add new tasks to a bucket, a user simply clicks the '+' box beside the bucket's name in the list on the left. The new task is then added to the bucket, and the new view is opened on the right. Similar to the process for adding buckets, the user can then type the title of the task, add collaborators, or begin adding notes. By default, the task is not assigned to any user.
The top half of the right-side screen is similar to a bulletin board with post-it notes. All the main notes concerning the user appear there. A user can drag-and-drop the notes around the screen to rearrange the view and organize it. In addition, they can click the 'x' in the corner of a note to remove it from the bulletin board, or click the 'sticky' button beside the note at the bottom to make it appear on the bulletin board. To add a note, the user can simply double-click anywhere on the bulletin board, and a new post-it note will appear, or click the "add note" button". They then simply type the note. In addition, a user can edit any of their own old notes by typing in the box under "all notes" (their notes will appear as text-boxes, while other users' notes will appear simply as un-editable text. User's cannot edit notes that other users wrote. The bottom half of the right-side screen contains all notes, so that a user can review old notes that might not be as immediately relevant to them. Every collaborator on a task / bucket will have the same notes in the bottom portion of the screen, but bulletin boards are unique to each user (so each user can arrange notes however they want).
To add / delete a collaborator on a task / bucket, simply click the appropriate bucket. A small pop-up will appear, containing a text-box in which the user can type the user-name of the person they wish to add or remove. If they are adding user's to a task, or removing users, there will be a drop-down menu with a list of options, as there are a limited number of users they may chose from (people already assigned to that bucket if adding a user to a task, or people already assigned to that bucket / task if removing a user). Users can view and add themselves to tasks within a bucket that they are collaborating on, but must be added by someone else to join a new bucket. Any user can remove themselves or anyone else.
To check off a task, simply click on the box beside the task in the left-side list. To clear checked tasks, click the "clear completed tasks" button.
Throughout this entire process, the user never navigates away from this "main page", this this is the only wireframe view.
Analysis of Design 1
Learnability:
The bulletin board and post-it note metaphor is one that a lot of users are familiar with, especially in the context of task management. Many people we talked with said they use post it notes to help them group ideas together and stay organize, therefore we think that this metaphor will help users become more comfortable using BucketList.
The drawback regarding this design is that users might not know exactly how to interact with the system. It might not be obvious that they can edit their own notes, but not other users' (although there are some perceived affordences to make this clearer, such as the text boxes for their notes vs plain text for others'). In addition, they might not realize that they can drag-and-drop notes to reorganize them. To make this more clear, when mousing over a note, the mouse will change to a hand icon, to indicate that they can drag-and-drop the note.
Visibility:
The bulletin board allows users to easily view the notes that are most relevant to them for each task. The "all notes" section is the same for all users, but the bulletin board is unique and contains only the notes relevant to that particular user, arranged how they decided. The only concern regarding the bulletin-board is that it might look too crowded, and users may prefer to see notes simply as a list, to appear more organized.
This design makes it clear who wrote each note (by attaching an automatic signature to each note). In addition, each task / bucket clearly states who the collaborators are, to avoid confusion. The name of the task / bucket that the user is currently viewing is on the top of the right-screen, as well as written in bold in the list on the left, to ensure that there will be no confusion as to what task is currently being viewed.
Finally, the user's name always appears at the top-left of the screen, to ensure that one user does not accidentally edit tasks in another user's account, if that user previously logged in on a shared computer.
Efficiency:
Having one main screen that never changes make navigating the website more efficient. A user can simply click the "+" button to add a task, and is immediately in the correct page to add notes, collaborators, or any other relevant information. In addition, switching between tasks is extremely fast, as all tasks are always visible in the left-side list.
Errors:
It is very easy to recover from errors in this design. Users can always edit notes they wrote, in case they made a mistake or something changed. In addition, they can easily add / remove collaborators from any task / bucket.