Preliminary testing/review of UIO

James William Yoon jyoon at
Thu Jun 16 15:54:37 UTC 2011

Continued, for FatPanelUIOptions:

Fat panel, generally
- Increase height of tab bar (by ~12px/?em)
- Global increase in default text size, including text fields and drop-downs
(by ~.2em? 3pt?)
- Increase distance between tab/reset text and icons slightly (by ~2px/?em)
- Increase distance between text fields (Text Size, Line Spacing) and text
(by ~4px/?em)
- Underlining of tab text (to better indicate its clickability)
- Increase distance between tabs (by ~20px/?em)
- Increase left margin (by ~18px/?em)

Text & Display
- Spacing between control sets (Text Size, Text Style, etc.) should be
equidistant (at ~60px/?em)
- On increase of text size, spacing between control sets should remain
constant (right now, the spaces decrease at different rates)

Layout & Navigation / Links & Buttons
- Increase vertical spacing between controls (at ~24px/?em)
- Increase text size of control labels, on top of global text size increase
from above (by ~.2em)
- Control descriptions should be in a lighter grey (#6d6d6d)

Yellow on Black
- Text field borders should be yellow

Links & Buttons
- "Emphasize links" should have no effect on tabs
- "Make inputs larger" should have an effect on checkboxes


On Mon, Jun 13, 2011 at 10:29 AM, James William Yoon <jyoon at> wrote:

> Hi Heidi and Jon,
> I've done a run-through of UIO with and without preview (all testing
> through Safari 5), and have come up with the following list of tweaks to be
> made:
> FullPreviewUIOptions
> - Focus highlight on slider when using mouse shouldn't be there
> - When using keyboard to move slider, it affects the preview window if the
> slider is at the very end
> - A bit more room (about 6 pixels) between the section headers ("Text and
> display", etc.) and the controls would be good
> - Vertical-center alignment of control labels with drop-down menus
> - Once min-width is reached (~960px), introduce scrollbars, not wrapping
> - Buttons should have a light-grey (say, F0F0F0) background
> - Buttons should be left-aligned with the preview
> FullNoPreviewUIOptions
> - Section headers ("Text and display", etc.) and controls should line up
> (currently, controls are lower than the headers)
> - Vertical-center alignment of control labels and controls
> - Once min-width is reached (~960px), introduce scrollbars, not wrapping
> "Make inputs larger"
> - Double the dimensions of the checkboxes
> - Could we make the drop-downs bigger too? (until we get the rich ones
> working fully)
> "Simplify layout"
> - Yikes... this needs a bit of work on the FullPreview and FullNoPreview
> versions.
> "Show table of contents"
> - Add space between end of TOC and header (say, 24px)
> I'll do another run-through with the fat panel when you give me the heads
> up.
> You guys are doing awesome. This is really great stuff!
> James
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <>

More information about the fluid-work mailing list