Cosmo UI Proposal for Casual Collaborator Usage Scenarios

Goals and Process

• Show where the UI is headed after Preview, however remains within the confines of features defined around Casual Collaborator workflows
• Get a better understanding of what's possible, what's really hard, what's trivial
• Make sure our feature list (below) corresponds to the reality of the features we would need to implement these designs
• Based on input from Engineering, PPD will go back and try to come up with a couple of proposals that would make for a coherent feature set for Preview (ideally it will be more than the Bare Minimum proposal and most likely less than the proposal outlined below.)

• Cosmo UI Chrome - Nice to haves: Powerpoint
• Cosmo UI Chrome - Nice to haves: PDF
  • Please view PDF as slideshow in order to experience the workflow simulation

• Please see screens for Triage Sections and Overlays at the bottom of this page.

Feature list

Chrome

• Subscribe banner area when previewing a share
• Keyboard support for removing and deleting items
• Login area

Settings

• Reset your username/password
• Turn on timezone support, set your timezone

• How much of the app state do we want to preserve across user sessions?
  • Selected collection
  • Selected item
  • Selected view

Sidebar

• View selector to toggle between Dashboard and Calendar views
• List of Collections in the left nav

• Overlay collections?
• Overlay: calendar
• Overlay: table

• Sizer between collection list and mini-cal in the sidebar

• Add Dashboard and Trash collection

Collection details

• Add/Remove a collection
• Subscribe/Unsubscribe to a collection

Detail View

• Ability to put individual items in separate tabs/windows

• Horizontal detail view
• Compressed detail view
• Full, edit-mode detail view
• Choice to have detail view on the bottom versus the right side
• Auto-detect browser window size to configure detail view

Dynamic preview pane:

• Click once to select an item and display a preview pane which compresses the summary pane
• Click again to close preview pane

Stamp and Unstamp an item

• Address an item, Remove addresses
• Add to task list, Remove from task list
• Add to calendar, Remove from calendar

Address an item:

• Fr, To, CC, BCC, Send as:
• Allow invalid email addresses in addressing fields
• De-couple From: field from the Send as: field

Non-editable item byline:

• Created by xxx on xxx
• Edited by xxx on xxx
• Updated by xxx on xxx

Editable item byline:

• Send as:
• Edited by:

Read-only icon

Set timezones

Set simple recurrence: None, Daily, Weekly, Biweekly, Monthly

Display and edit Alarms

• Set alarms on items: Custom date alarms
• Set alarms on events: Alarms before an event
• Set alarms on events: Alarms after an event

• Auto-save edits

• Send an item through Cosmo (instead of launching desktop email application)
• Email an item from your email client

Widgetry

• Dynamic edit fields:
  • Click to edit fields in the event details.
  • Edit boxes are not displayed until the user clicks on it.
  • Display grey 'hint text' in the fields ie. 'Click here to add location'.
  • Mouseover to to change color or something on roll over to draw attention to it.

• Triage status widget
• Stamping widgets
• Slicker looking pulldowns
• Done button to get out of edit mode

Calendar View

• Compress the calendar canvas so it can display at least 8 hours, preferably 9.
• Curved corners?

Dashboard

Open issues

• Paginate or 1 long list?
• If we split up the list onto different pages, how does the back/fwd buttons work?

Display

• First order metadata: Task-ness, From, To, Title, Event date, Triage status
• Second order metadata: Communication status, Important Who, Reminder, Important Date

• Resizing columns
• Automatically resize columns so that the horizontal scrollbar never appears
• Invert text and icon color when a row is selected
• Multi-line display
• Display multiple attributes per cell
• Different font treatments in a single cell

Sort

• Column sort: Triage status
• Column sort: Communication status
• Column sort:
• Column sort: Who
• Column sort: Task, Reminder,

In-line Editing

• In line edit field to be able to enter in items in the dashboard
• Quick item entry widget for creating new items and searching
• In-place editing of the Triage status column
• In-place editing of the Task, Communication status, Reminder columns
• In-place editing of the Title column
• In-place editing of the Who and Date column

Auto-triage

• Auto-triaging to NOW when alarm date/times and start date/times roll around
• Auto-triaging newly created events based on start and end date/time
• Auto-triaging newly created non-event items as NOW
• Auto-triaging items created via Quick Item Entry to NOW

Triage and then Purge workflow

• Support for recurring events

Search

• Text search
• Attribute-specific search
• Search returns in a table
• Search returns in a split-pane Calendar/Table view

• Sections.png:
  

• Overlays.png:
  

---

Open Issues

A few comments/questions from PriscillaChung 11/17/06:

• Page 3 & 4 - Not sure about the one click to open the preview pane. And now that I'm looking at it, is the preview pane not editable? How would that differ from the line item in the dashboard if we are allowing multi line display?

• Page 5- I'm not sure about double click to edit an item on the web. I'm now wondering if we need have
  • Not sure about wanting to display a 'deactivated' send button? If it's a preview, not editable ie. there is a 'not editable pencil icon'. I would lean on just not showing the 'send' button at all until you are in the editable event details.

• Page 6- If this is showing the person making edits, should the 'not editable pencil icon' disappear? Unless it's a read only ticket and you're just showing the placement for things? MimiYin Oops, yes I was just showing where the read-only icon would go.
  • Might want to find a way to display the 'click to close edit' detail view in the preview pane. So it's more apparent to minimize and maximize the detail view. Probably want to keep all the controls in a consistent place as well. (I know the mark up bar icons are taking most of the real estate on the preview pane–we'll figure something out).

• • So can you select the triage status on the event details as well? I didn't realize it was a button–I was thinking for some reason it was just a label. Hmmm. I wonder if we want to make it more of a button like item w/ the mark up bar set? (I'm just thinking out loud here.)

• Page 11- Just a thought: I wonder how ppl will react to one click or having a double click to edit in the event details. That if you are doing a one click, the animation of the preview to full edit mode– will it drive ppl crazy?

• Page 16 - This got me thinking about key commands. Using the arrow keys and how one would open up the detail events in the list view.

• DV-Rehaul.png: