Technologies for User Centered Designs

• Design to HTML Standards
  1. Validate HTML for maxium browser compatibility
  2. Use headers for major topics (H1-H6)
  3. Use OL, UL and DL for lists
  4. Use MAP element to indicate navigation bars
  5. Use LABEL for form controls
  6. Use IDs on TH and HEADERS for TD (Tabular data tables)
• Use CSS for text styling
  1. Relative font sizes (i.e. %)
  2. Foreground and background colors
  3. List of prefered fonts + one generic font
• Use CSS for major layout or simple tables
  1. Float and Clear properties
  2. Page linearization needs to make sense
  3. Avoid nested tables
• Use CSS for minor minor positioning
  1. Margin property
  2. Border property
  3. Padding property
  4. Use relative and percentages, rather than fixed sizes
• Use background images for graphical styling