Sketch: Detail View on the web UI

I had been talking to Matthew about how we can try and create a more expandable form area for the detail view. Since he is currently going to have to rework the detail view I may try and propose this for the 0.7 time frame. Still need to re-examine if technically this is indeed more work then what is currently on the desktop detail view. And to propose this idea as a take it or leave it on the design list—no time for long discussion if this is a worthwhile approach to take.

How it differs from the desktop

• Expand and collapsed header per stamp attribute.
• 'Save' and 'Delete' buttons are fixed at the bottom so the buttons will not disappear below the fold.
• Reworked layout so 'Title of the item' and area for notes always stay on top.
• Reworked triage button so all states are visible to the user, front and center—no guess work if 'Later' follows after 'Done' etc.
• Scroll bar appear for the entire detail view not only the description field. (need to confirm if user extends the fields, will the form fields be able to expand?)

Some of the rework is based on the Order of importance web UI discussion.

---

Updating the sketches to accommodate the hide/show of a larger description field and to remove form elements under the task section.

• Short notes field. Default when creating a new item in the dashboard:
  

• Expanded notes field.:
  

---

• Accordian style show/hide on the detail view: all open:
  

• Collapsed detail view:
  

• Keeping the same desktop layout w/ the buttons fixed at the bottom:
  

-- PriscillaChung - 03 May 2007