Skip to main content

UX rules and guidelines

Form

  • Text - Grow while writing
  • Sections - Should have numeration
  • Required - Fields should only be mandatory when others are filled
  • Save - Should always be possible to save without filling all fields
  • Stage - Fields are verified in particular stages (not in the beggining)

Grid

  • Lines - Should have vertical lines
  • Editing - Fields should show as editable when hovering the mouse
  • Hot Tracking - Has to highlight the line that is being hovered
  • Buttons - Only show on the highlighted line
  • Fields - Editable fields should have background
  • Bands - Field groups should have colour
  • Logos - Clients, People, Documents need to show icon/avatar
  • Stages - Need to be coloured
  • Lookups - Each value should have a color
  • Keyboard - Navigation trought keyboard always on
  • Alternating - Alternating lines off
  • Copy&Paste - Should be possible to copy/paste each line
  • Bulk - Should have bulk
  • Export - Should allow to export different templates
  • Expand - Should have expand and collapse buttons

Chart

  • Ticks - Should have verticals ticks , but not horizontal
  • Lines - Should have lines for Y axis
  • Logos - Clients and People should be represented with logos/avatar
  • Thresholds - Should indicate text bounds with color and text
  • Barras - Should have background with 90 alfa from border color
  • Click - Bars should filter