Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Increase real estate for the fields (i.e make the grey area bigger - stretch it to the left and right).
  2. Add three columns with headings:
    1. Field name
    2. Appearance - Show the actual field, item, 'thing'.
    3. Function (or Description) - Add a short usage description per field. Say, max 140 characters. (Use this for... Can also be used for... etc.) Where, why, how. (Use on x pages to describe....Try not to use more than x times per page.) 
  3. Left align everything in each column.
  4. To accommodate the About text (Function, ? Description?) increase space between each row so that 140 characters can fit comfortably in the third column, spread over 2/3 lines at standard browsing settings.
  5. Consider adding visible lines as column or row indicators (i.e grey vertical lines). Am not 100% convinced of this. There appear to be semi row indicators in the Vaadin fields tab. Not to great effect though.
  6. Remove references to 'in a form' in the field name. So, 'Commit button in a form' is just called 'Commit button'.

Current look

 Image Added

Proposal mockup

Image Removed

 Image Added

FieldDescription
Static text 
Commit button in a form 
Reset button in a form 
Link 
Text field 
Text area 
Password fields 
Checkbox 
Radio button group 
Checkbox group 
Select 
Date field 

...