Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

Desk workers are central to the smooth operation of most MIT dorms. Frequently, small issues may arise on one desk worker’s shift that other desk workers will need to know about. For example, someone may bring a lost phone to desk that is not picked up until the next day on another worker’s shift. Other times, a desk worker may simply need to share a note with everyone, such as a reminder to tidy up the desk before the end of your shift. Since these types of issues and notes are common, they need an efficient way to share them with all the other desk workers. CollabDesk is a tool for desk workers to efficiently share this information with each other by reading and writing messages for all desk workers to see .

As you use CollabDesk, keep in mind that we are testing the interface, not you. There may be some aspects of the interface that make it hard to use, so please think out loud as you work on each task so we can identify any flaws in the interface. You may stop and leave at any time, and your test will be completely confidential. Do you have any questions before we begin?

...

1. First you need to get up to speed on what happened on other shifts by reading your unread messages.

Task 1: Read all of your unread messages.

2. A resident, Jack, comes to desk to pick up a package. You go to the back room to find his package but it appears to be missing. You reassure him that his package was probably misplaced and create a new message on CollabDesk to let other desk workers know of his missing package. You know the desk captain of Baker takes missing packages very seriously so you would also like to alert the desk captain in your message.

Task 2: Create a new message about Jack’s missing package and alert the desk captain.

3. Later on in your shift, another resident, Mary comes to desk looking for her lost cell phone, which is a blue Motorola. You find it behind desk, and return it to her. You find the original message on CollabDesk about her lost phone and reply to it, stating to whom it has been returned.

Task 3: Find and reply to the appropriate message about Mary’s lost cell phone.

...

View

Task 1: Read Messages

Task 2: Create New Message

Task 3: Reply to a Message

Main

 

This is the central view of CollabDesk, with the browsing pane on the left and the reading/writing pane on the right. The individual panes are shown closer up below.

 

 

Left Pane

 

Here you the user can see their unread messages in the

 

 

Right Pane

Image Removed

Image Removed

Image Removed

Observations

...

top section with bolded titles. The currently selected message is shaded gray. Messages can be scrolled through or searched.

The user's unread messages have all ben read now, so no messages are bolded.

As the user types their search query, we autocomplete after 3 characters. When you press enter, the messages are now filtered by "phone".

Right Pane

Image Added

Image Added

Image Added

 

The top half shows the currently selected message. Pertinent information like the title, who wrote it and when are visible at the top; on the upper right corner the two icons are grayed out, indicating that this message is not high priority and has not been alerted to the desk captain.

The user picks a template from the dropdown menu, writes their title, and fills in the message. The tags section at the bottom of the Create Message area got cut off, but there you can specify tags with a # for keywords or categories.

The user has responded appropriately to the lost phone message, and now it appears underneath the original message.

Round 1 Observations 

 

Task 1: Read Messages

Task 2: Create New Message

Task 3: Search and Reply to a Message

Critical Incidents

  •  Not sure which messages are unread
    • one user thought selected email was unread because of shading, other started clicking through every message
  • Message automatically opened on sign-in confused some users
  • Expected functionality from template (default fill in for subject, message, hash tags)
  • "Note vs Issue" made some users confused
  • "Template" dropdown, checkboxes (alert desk captain, high priority, note or issue) were overlooked
  • Trash can (delete) button confused users
  • One user wondered about advanced search features (search by category, tag, priority) 
  • Search bar was overlooked by one user (scrolled to find message)
  • Users were confused by "title" of reply
    • one user wished it had been filled in

Usability Issues

Unread messages lack proper affordances.
Multiple users had trouble identifying which messages were unread. Currently, unread messages were simply bolded (similar to Gmail), but some users missed this or thought the selected (shaded) message meant that message was unread (the shaded message reflects the message this is currently open).

Visibility of advanced features lacking.
Users overlooked some of the advanced features including the template, "alert desk captain", "high priority", and "note vs issue"

Affordances of Functionality: Users expected the template to accomplish more than it did. Users did not understand the purpose of the hash tag

Perceived User Model of "Reply" varies.
Some users saw reply as a Facebook comment, and were confused by the extra features (title, hash tags). Others saw it as an email reply and expected the title to be filled in

Overall:

Several users compared CollabDesk to Gmail, an unintended but logical connection (some of the UI is modeled after Gmail) but this metaphor is not entirely appropriate since there are inconsistencies between this and an email system (messages are not "sent", they are posted, more like a Facebook wall).

Unread messages lack proper affordances. Multiple users had trouble identifying which messages were unread. Currently, unread messages were simply bolded (similar to Gmail), but some users missed this or thought the selected (shaded) message meant that message was unread (the shaded message reflects the message this is currently open). This may be a result of paper prototyping and this issue may resolve itself with a computer prototype. This should be tested in the computer prototype.

Tasks should be added/edited to focus on the usability of advanced features (distinction between note and issue, hash tags for search filtering). This may be easier in the computer prototype.

Round 1 Prototype Iteration

Browse messages (Left pane)

Read message (Top right pane)

Create new message (Bottom right pane)

Reply to message (Bottom right pane)

  • Added “High priority” and/or “Alert desk captain” icons to quick view of messages.
  • Added “Edit” and “Delete” buttons. The “Delete” button does not permanently remove messages.
  • Previously, we always showed “High priority” and “Alert desk captain” icons on each message, and highlighted them if they applied to the message. Changed it so they only appear when they have been selected.
  • Changed trashcan icon to a “Clear” button to make it more clear that clicking this clears all the fields in this panel.
  • Removed “Close” icon, which had been an “X”.
  • Changed “Minimize” icon from “-“ to double down carets.
  • Changed panel heading from “New message from <Desk worker name>” to “Create New Message”.
  • Created titles, tags, and skeleton messages for each template in the “Templates” drop-down menu.
  • Increased font size of “Alert desk captain”, “High priority”, and “Note vs. Issues” choices.
  • Added an example tag: #example, instead of showing just “#”.
  • Changed “Title” to “Subject” to more closely follow Gmail analogy.
  • Filled in “Subject” line with “Re: Original Message Subject” as in Gmail. This field is editable.

Round 2 Observations

 

Task 1: Read Messages

Task 2: Create New Message

Task 3: Search and Reply to a Message

Critical Incidents

  • Unsure where to find the unread messages at first
    • Took 30 seconds of scanning the whole interface before found
  • Thought there was only one unread message but there were two
    • Assumed shading meant unread (though it indicates the currently selected message shown in the reading pane) and didn't seem to notice the bolding
  • Didn't see the "Alert Desk Captain" option immediately, but found after a little bit more searching
  • Some users misinterpreted functionality of "alert desk captain" (sends DC an email as well as posting to message list; users thought only DC saw these messages)
  • Some confusion about exactly where and to whom messages were sent
  • After selecting the "Missing Package" template, didn't fill in any of the fields in the message body (description / recipient)
  • Took a while to find the "Reply" button
    • Thought about using Create New Message to reply instead
  • Before submitting the reply, weren't sure where the Reply would be visible afterwards

Usability Issues

Unread messages lack proper affordances. 
Similar to Round 1, multiple users had trouble finding the unread messages and/or identifying which messages were unread. We thought this was a paper prototype issue before so we didn't change it, but now we know it is a serious issue to address,

Visibility of advanced features lacking
No one overlooked the advanced features this time, but it took too long to find for some users.

Message Recipients Unclear:
To whom the messages are sent is not indicated anywhere in the interface, which confused some, though most assumed (correctly) that it would be sent to everyone.

Template
Since selecting a category filled in a template in the message body, one user assumed they didn't need to add anything to it. Needs to draw user's attention to it so they add relevant information.

Visibility of Reply
The Reply button needs more visibility, though not standing out could be a downfall of paper prototyping since we sketched everything in pencil.

Overall:

We conducted the second round of user tests on 3 desk workers. Several of them thought the advanced features (marking messages as a note/issue, high/low priority, etc) could be useful on the job. One user indicated they would use a feature that would automatically include resident's information (room number, phone number, etc) when their name was used in a message, which is a feature we wanted to add to CollabDesk but which was not covered in the scope of our tasks because it's not a key desk worker task.

When asked, several users said they would find it useful to be able to see which messages were "resolved" or "unresolved" when scrolling through old messages.

When comparing CollabDesk to a logbook (current system of information persistence at some dorms), one user noted that desk workers must initial after they have read a message in the logbook (there is a monetary bonus at the end of the year if a desk worker read every message). Implementing a feature where it is recorded which desk workers read a message (similar to Facebook Message's "seen by" feature) may be appropriate.

Round 2 Prototype Iteration

Browse messages (Left pane)

Read message (Top right pane) 

Create new message (Bottom right pane) 

Reply to message (Bottom right pane) 

  • Add more information scent to the message excerpt boxes, such as whether the message is still waiting to be resolved, and whether there are any responses
  • Make the font of the "Unread" section header larger and bold to parallel the bold titles of unread messages
  • Collapse all unread messages by default, and automatically expand them when there are no more unread messages
  • Increase visibility of the "Reply" button by making it slightly bigger and by making it a bright color (maybe blue or orange)
  • Implement a "seen by" feature which shows which shows which desk workers have read this message
  • Give keyboard focus to the message body after a category has been selected and the template has been applied
  • Highlight the different fields in the message body that need to be filled in by the desk worker so they are not overlooked
  • On hover over the "Create New Message" heading and the "Post Message" button, show a tooltip text that says the message will be sent to all desk workers in that dorm
  • Add a button to mark the message as "Resolved" (this will change how it is displayed in the left browse pane, drawing less attention to it)