Best Practices for Web Design

1
Best Practices for Web Design

• Ms. Alexander

2
General Best Practices

• Use colors with high contrast between the text
  and background.
• Use either plain-color backgrounds or extremely
  subtle background patterns
• Use abundant white space
• Use imagery and symbols that are easily
  understood by everyone who is likely to use it.

3
General Best Practices

• All style elements should relate to each other to
  form a cohesive whole.
• Use consistent type fonts and sizes for headers
  and subheadings
• Use a harmonious color palette
• Use complementing graphics
• Create hierarchies on each web page

4
General Best Practices

• Give the most important features prominence
• Group related items
• Use categories and subcategories to organize
  information.
• Use color, placement, and text formatting to
  emphasize the most important elements on a page.

5
Best Practices for Designing the Interface

• Use a limited color palette of harmonious colors
• Use the same color for a category
• Limit the use of typefaces
• If using a metaphor or theme, use it consistently

6
Best Practices for Designing the Interface

• Place navigation elements in the same position on
  every page
• Use a layout as a guide for placing the pages
  element
• Organize the site in a logical manner
• Maintain the same style throughout the site

7
Best Practices for Designing the Interface

• Design for the audiences taste
• Test with members of the target audience
• Design the home page with proportion, fluidity,
  structure, direction, and mood

8
Best Practices for Interface Usability

• Use obvious or familiar features
• Tools should work as expected
• Use consistent color-coding, labeling, and
  placement
• Keep navigation consistent
• Avoid requiring users to scroll horizontally