r8 - 28 Mar 2005 - 16:19:40 - MimiYinYou are here: OSAF >  Journal Web  >  MimiYin > ZeroPointSixInteractionPolish

Visual polish clean-up

  • Splashscreen progress bar - make it look prettier.
  • Panes should top and bottom align
  • Vertical dividers should be the same thickness. 6 pixels on Windows (including borders) and 10 pixels on Mac (including borders).
  • Remove inconsistencies in beveling, particularly on Mac which is causing 3D look.
    • Mac
    • Single grey line to draw border around panes (use standard system colors)
    • Darker grey divider lines above and below toolbar
    • Toolbar chrome is ligher than rest of the chrome
    • No top border for status bar
    • No border for detail view (just a border for the text fields)
    • No border for mark-up bar

    • Windows
    • Only outer window and toolbars have beveling
    • Single grey border around panes (use standard system colors)

  • Add animation feedback on the status bar for synching operations.
  • Rationalize margins, gutters, alignment for entire app.
    • 5 pixel margin inside all panes for text
    • 3 pixel margin inside all buttons for text
    • 5 pixel gutter to either side of the column header divider line
    • 10 pixels between attribute label and attribute field
    • standard leading between attribute fields
  • Consistent font face, size and treatment - define defaults per platform.
    • Standard system font face and size
    • Bold for unread messages
  • Make sure we have bold text, black text, grey text in the correct places across the application.
    • Black for all text except (0,0,0)
    • Greyed out collections in the sidebar (153,153,153)
    • Example text in the detail view text fields (153,153,153)
    • Text labels for greyed out buttons
  • Copy and paste text and items is basically absent - [OI?] Mimi and Sheila will go through application and list all the places where this should work.
    • [OI?] Do we support copy and paste outside of the Chandler app?
    • From any editable piece of text (not necessarily in-line editable, but any text the user can change) to any editable text field.
    • Email addresses (if they're items themselves) can be copy and pasted within the email addressing fields.
    • Items can be copy and pasted within the summary pane.
    • Collections in the sidebar can be copy and pasted within the sidebar.
  • Selection in the sidebar and summary table view should be flush with the top border of the pane if the top item is selected.

Toolbar

  • No bottom divider line under the toolbar
  • Buttons should middle-align in the toolbar
  • Toolbar button alignment with the panes with a 5 pixel margin to either side of the pane
  • Print button should right align with the Detail view

Stamping

  • 3 columns in the summary table view
    • no need for in-place editing
    • no need for status icons to distinguish between different variations of each stamp (ie. draft v. sent, confirmed v. fyi)
  • faster feedback for stamping
  • update summary pane
  • anti-aliased icons

Sidebar

  • collections grey out if they contain no items of a kind
  • unread message counts (recalculated for each kind)
  • icons in the sidebar for OOTB collections
  • All collection name changes for every kind

Widgetry

  • Column header widget
    • Windows: Rollover, Mousedown, Selected and Selected Mousedown effects that match
    • Mac: Mousedown, Selected and Selected Mousedown effects
    • Applies to Mini-cal, Main-cal and Summary Table View
  • Flat icons on the Mac that support
    • Status: Greyed out (GO), Active (ACT), Rollover (RO), Mousedown (MD), Selected and Selected Mousedown
    • Applies to: Main toolbar, Mark-up bar, Calendar heading area
  • Visual distinction between action buttons (ie. Reply) and state buttons (ie. Appbar or Stamping buttons)
  • Make it harder to select text for editing in the sidebar and summary pane
  • Add v. Move v. Delete v. Can't drop here feedback on the cursor (platform specific behavior)

Calendar

  • Get rid of Today button in the main calendar view or make it consistent with the Today button in the mini-cal
  • Fix calendar Month label so that it's consistent between Week and Month views
  • Fix calendar Month label so that it displays both months when straddling 2 months
  • Week view header text should adjust format with width of summary pane
  • Overlapping events should be staggered
  • DnD events around
  • Fix am/pm in the timeline on the left (only one should appear)
  • Replace Start time with Event title if there isn't enough room
  • Special treatment for column header of Today. [OI?] What's easy, what's hard?
  • Distinguish between different calendars with color
  • Distinguish between selected calendar and turned on calendars
  • Distinguish selected event
  • Improve on Confirmed, Tentative, FYI status displays
  • Add @ sign before the start time 3:00PM on the event lozenge to distinguish events with no duration
  • Feedback for when users selects a blank half-hour time slot in the main-cal

  • Week v. Day selectors for mini-cal
  • Mini-cal scrolling shouldn't affect Main cal
  • Mini-cal navigation buttons need to look like header buttons on all platforms

Sharing

  • Quarantine shares
  • Set ACL for entire share
  • Select what parts of the collection you want to share
  • Event status is always shared
  • Add and remove sharees
  • Sharing status feedback
    • Sent or not
    • Subscribed to
    • Out of sync or Disconnected (suspended or deleted)
    • No longer a user on the server (only for editors)
  • All writers have the right to terminate the share
  • The last writer to remove themselves from the share is prompted to terminate the share
  • If the share is terminated, all sharing participants show up as out of sync.
  • Visual feedback on items that are shared
  • If a user adds an incoming shared event to a different collection, dialog asks them if they want to continue sharing event status on that item (if event status was shared in the first place)
  • If a user deletes an incoming shared item from their All collection, dialog asks them if they want to delete it from the share as well

.6 Detail view

  • No border around the "entire detail view" pane
  • Notes field should go all the way to the bottom of the pane
  • No beveling around the mark-up bar. Change background of the mark-up bar on Windows to match the grey background of the detail view.
  • Margins and gutters between fields
  • Consistent fonts and anti-aliased fonts
  • Flat mark-up bar buttons on the Mac (no background)
  • Left-align stamping buttons with the text fields
  • Pulldown to select From account
  • Sample text in the To: field (only for events), Title / Subject, Location and Date fields
  • Type over text for Event title and Location fields.
  • Larger Font size for Event title

Edit | WYSIWYG | Attach | Printable | Raw View | Backlinks: Web, All Webs | History: r8 < r7 < r6 < r5 < r4 | More topic actions
 
Open Source Applications Foundation
Except where otherwise noted, this site and its content are licensed by OSAF under an Creative Commons License, Attribution Only 3.0.
See list of page contributors for attributions.