Proposal for UI Polish for Kibble

Chrome

• In 0.5
  • Basic Less beveling - try for general improvements but will probably wait until later in product development to see what things look like once all the other visual elements are in place. Talk to David about details.
  • Basic Margins all around - Mimi will do a screen shot with margin detail then we can review with a developer to determine what changes are easiest to stage for 0.5.
  • Basic Vertical layout
  • Improve on XP look - 0.5 goal will be to compile with xp flag turned on to see what that gives us.
  • Basic 2 selection colors: Grey for selected, Blue for focus

• In 0.6
  • revisit XP look and figure out what remaining work needs to be done.

• In 0.7
  • Some remaining margin polish.

• Post Kibble

Toolbar

• In 0.5
  • Basic Buttons: All, Mail, Events, Tasks, Sync, New, Delete / Remove, Send, Print
  • Basic Graphical buttons with no button background - improvements for 0.5.
  • Basic Something to indicate selection state for app bar elements (maybe solution is buttons for app bar).
  • Basic Pulldown buttons - only applies to Sync and New for 0.5. There will be some widgets work in 0.5 to investigate and assess difficulty but not expected to be complete in 0.5.
  • Basic Toolbar buttons align with corresponding pane below: Sidebar, Summary, Detail
  • Right align Print button
  • Basic Toolbar buttons toggle and grey out depending on context
  • No text for Mac toolbar bug.
  • Delete button toggles with Remove and Send button toggles with Send to New (ask about these for 0.5).

• In 0.6
  • Basic Pulldown buttons - complete work on integrating click & hold pulldowns.
  • Basic Buttons: Reply, Reply all, Forward, Junk, Clean-up, Search box, Save, Update, Attach, Fonts, Label
  • Basic Kind selector buttons (like Apple Preferences)
  • app bar should have an overflow arrow or vertical toolbar.

• In 0.7
  • Basic New button toggles wrt default kind depending on kind selection:New note, message, event, task
  • Basic Add New invite as a template to the New button

Sidebar

• In 0.5
  • Basic Set sidebar width to the width of the mini-calendar browser
  • Basic No horizontal scrollbar - might be fixed.
  • Change the name of some of the OOTB collections depending on Kind selection: All, All mail, All events, All tasks
  • Basic OOTB collection icons (to the left)
  • Basic Sharing status icons (right-aligned)
  • Basic Selection persistence
  • Basic Grey out collections that are not relevant to the selected kinds (does not contain items of the selected kind) (is this still a requirement?)
  • Basic DnD feedback - highlight drop target, native behavior after drop.

• In 0.6
  • Basic Colored, tri-modal selector
  • Basic Context menus for collections: Rename, Copy, Delete, Share, etc (check with eng for scope).

• In 0.7
  • Basic Ellipse collection names that are too long
  • Hierarchy

• Post Kibble
  • Basic DnD feedback - enhanced to indicate moving verses adding. Enhanced feedback for removing versus deleting.
  • Sharing status animations

Mini-calendar browser

• In 0.5
  • Pull on mini-calendar browser divider to show more or less months at one time. [OI^?] This was actually removed from scope for 0.5 but it sounds like it will work.
  • Basic Back, forward and Today navigation buttons
  • Basic Bold for Today
  • Basic Grey selection square for selected day

• In 0.7 or Post Kibble
  • Basic Busyness bars
  • DnD item on a date to put item on the calendar and navigate to the target date on the calendar
  • DnD feedback - highlight drop target using native behavior.

Tabs

• 0.5 goals - to make some progress on items for 0.5
• Basic Selected tab feedback
• Basic DnD feedback (ie. Plus sign in Safari)
• Basic DnD items onto tab or tab bar to display detail view in target tab or new tab
• Basic DnD collections onto tab or tab bar to display summary / detail view in target tab or new tab
• Cmd / Ctrl - click two tabs to view two detail views or two summary views in a split pane configuration
• Basic Progress animation and close button ([OI^?] On the tab? Or right-aligned on the tab bar?)
• Basic New tabs should say: Untitled 1, not Untitled-1
• Plus sign feedback for dragging collections to the tab bar

• In 0.6
• see how much is implemented in 0.5 and scope out the remaining work to decide Kibble goals.

Summary view

• In 0.5
  • Basic No horizontal scrollbar - currently logged as a bug.

Summary table view

• In 0.5
  • Basic Columns should take up entire width of summary view
  • Basic Icon in column header
  • Basic Feedback for selected column header
  • Basic Sort arrows in column header
  • Basic Attachments column
  • Basic Who column indentation
  • Visual feedback for items to me

• In 0.6
  • Basic In-place editing: click and select from iconic pulldown for stamping, message history and triage status columns
  • Basic Message history column
  • Basic Fix column header attribute mappings (see SummaryTableViewSpec#ColumnMappings)
  • Triage sections
    • Open and close
    • DnD feedback
    • DnH to DnD and open section
    • Basic Hide and show sections or status (affordances TBD)
  • Basic Sort by "explicit order"

• In 0.7
  • Gel column header buttons (Mac)
  • Basic Ellipse cut-off text
  • Dates change based on width of column ie: Sun Feb 1st, reduced to Su 1 or gets rid of day of week (some algorithm).

• Post Kibble
  • D-click on an item row to open detail view of item in a new tab
  • In-place expansion of clusters (see SummaryTableViewSpec#ClustersStoryboard)
    • DnD to add item to cluster
    • Basic In-place expansion
    • Basic Open cluster afforance (ie. bi-directional arrows)
    • Basic Close cluster affordance
    • Basic Context menu item to in-place expand a particular cluster
    • DnH to DnD and open cluster
    • DnD and place items in open cluster
    • DnD and DnH^? feedback

Summary calendar view (see ZeroPointFiveCalendarWorkflowsSpec)

• In 0.5
  • Basic Larger font for Month Year
  • Basic Graphical buttons for Today, Next and Back without button background
  • Basic Selection color for Week and Day column headers
  • Basic Bold for today
  • Basic Column selection color for cut and paste
  • Get rid of am label if pm label is present - bug
  • Basic Make time column narrower
  • Basic Anytime section
  • Basic All-day and multi-day lozenges
  • Task icon for scheduled tasks
  • Basic Time-block bars that reflect
  • Event status: Confirmed (solid), Tentative (striped), FYI (outline)
  • Conflict: Red (only for overlapping confirmed events)

• In 0.6
  • Basic Color assigner - display of calendars and visual for selected and turned on calendars.
  • Basic Gel / bevelled buttons for Week and Day column headers -
  • Basic Time-block bars that reflect
    • Calendar color
  • Basic Free-busy time block bars that reflect
    • Calendar owner color
    • Event status: Confirmed (solid), Tentative (striped)
    • Mouseover to display free-busy detail information - not in 0.5
  • Dates change based on width of column ie: Sun Feb 1st, reduced to Su 1 or gets rid of day of week (some algorithm).
  • Anti-aliased time blocks
  • Gradient time blocks
  • Drop shadows - alpha channel.

Detail view

• In 0.5
  • for 0.5 a simple pull-down menu for Events: Confirmed, Tentative, FYI
  • Basic Spacing between buttons - some improvements for 0.5
  • Basic Right-align privacy button
  • Basic - start Type over text widget
  • Basic Activate Send button as soon as user starts entering an email address
  • Basic Display non-editable "date receved" and "date sent" for received and sent messages. In the future, this can be an editable field in message drafts where users can set a future "send later" date and time. [OI^?] Maybe since this is easy.
  • Basic Return should create a line break, not tab out of a field - fixed.
  • Basic Wire up basic cut, copy, paste and select all

• In 0.6
  • Basic Triage status selector
  • Stamping buttons dynamically toggle icons to display status
    • Messages: Unread, Read, Draft, Queued, Sent
    • Events: Confirmed, Tentative, FYI
  • Basic Reflect sharing status in mark-up bar (TBD)
  • Basic - start Auto-complete emails
  • Basic Fix attribute names (see SummaryTableViewSpec#ColumnMappings)

• In 0.7
  • Label section
    • Auto-complete (like Safari)
    • On-the-fly collection creation (reflected in the sidebar with auto-scroll and an entrance animation)
  • Basic Labelling affordances using a checkbox pulldown

• Post Kibble

Event detail view

• In 0.5
  • Basic All-day event check box
  • Basic Alarm settings - set reminder
  • Display Created by...on... and Last modified by...on... information at the bottom - if this is easy to have on ALL items we can add it to everything for 0.5. Only a collection sharing requirement.

• In 0.6
  • Basic Vertical to: field
  • Basic Per user free / busy color code
  • Basic - start Date / time entry widget
  • Basic Schedule button
  • Basic Recurrence settings

• In 0.7

• Post Kibble
  • Per user event status: Confirmed, Tentative, FYI
  • Basic View on calendar button

Collection sharing detail view

• In 0.5
  • Display Created by...on... and Last modified by...on... information at the bottom

• In 0.6
  • No mark-up bar (unless we do FilteredShares)
  • Basic Visual feedback for email / WebDAV user id validation (see SharingRevisited#SharingInitiationWorkflow)
  • Basic ACL pulldown selector
  • Basic Sharing status display

• Post Kibble
  • Preview

Status bar

• Post 0.5
  • Basic Progress animation

Visual feedback

• In 0.5
  • Basic Flash and double flash for DnD and DnH feedback - only some native behavior will be possible for 0.5.
  • Basic Transparency - alpha channel support.

• Post Kibble
  • Basic Fade in and out (get a scope of this).
  • Movement animation (ie. New tool appears on toolbar)
  • Animation for delete versus remove operations.

Meeting Notes

• DesignEngWidgetsMeeting20041206

-- MimiYin - 20 Oct 2004