Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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 the user can see their unread messages in the 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

 

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.

Observations

 

Task 1: Read Messages

Task 2: Create New Message

Task 3: Reply to a Message

Critical Incidents

Critical Incidents

  • Unread messages lack proper affordances
    • User SF1 was confused by shaded (selected) message and what that meant
    • User DCF1 began clicking through every messageUsability Considerations
  • Should message be opened by default? If so, which one?
  • Proper affordances for “unread messages” (may be more clear with computer prototype)

Critical Incidents

  • Not sure created messages go (unread? read?)
    • breakdown of “Gmail” metaphor
  • Template functionality expected (TF1)** Expected default title, message, hashtags
    • Not sure if we know what happens if title or subject filled in and template selected/changed
  • “Note vs Issue” confused user
  • Trash can is “weird”** breakdown of Gmail metaphor: trash can clears the message board, doesn’t really “delete” a message

 

Usability Issues

 

 

 

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.