terrymorris.net

Web Design Best Practices Checklist

Web Design

• Background Information

  ×

  How to do this task:

  Subtasks:

• URL:

  ×

  How to do this task:

  Subtasks:

• Target Audience:

  ×

  How to do this task:

  Subtasks:

• Purpose

  ×

  How to do this task:

  Subtasks:

• Page Layout

  ×

  How to do this task:

  Subtasks:

• Appealing to target audience

  ×

  How to do this task:

  Subtasks:

• Consistent site header/logo

  ×

  How to do this task:

  Subtasks:

• Consistent navigation area

  ×

  How to do this task:

  Subtasks:

• Informative page title that includes tie company/organization/site name

  ×

  How to do this task:

  Subtasks:

• Page footer area includes copyright, last update, contact e-mail address

  ×

  How to do this task:

  Subtasks:

• God use of basic design principles: repetition, contrast, proximity, and alignment

  ×

  How to do this task:

  Subtasks:

• Displays without horizontal scrolling at 1024 x 768 and higher resolutions

  ×

  How to do this task:

  Subtasks:

• Balance of text/graphics/white space on page

  ×

  How to do this task:

  Subtasks:

• Good contrast between text and background

  ×

  How to do this task:

  Subtasks:

• Header and nav occupy less than 1/4 to ½ of the browser at 1024x768 resolution

  ×

  How to do this task:

  Subtasks:

• Home page has compelling, interesting information above fold at 1024x768

  ×

  How to do this task:

  Subtasks:

• Home page downloads within tan seconds on dial-up connection

  ×

  How to do this task:

  Subtasks:

• Viewport meta tag is used to enhance display on smartphones

  ×

  How to do this task:

  Subtasks:

• Media queries configure responsive page layout for smartphone and tablet display

  ×

  How to do this task:

  Subtasks:

• Browser Compatibility

  ×

  How to do this task:

  Subtasks:

• Displays on popular/current versions of Internet Explorer

  ×

  How to do this task:

  Subtasks:

• Displays on current versions of Firefox

  ×

  How to do this task:

  Subtasks:

• Displays on current versions of Google Chrome

  ×

  How to do this task:

  Subtasks:

• Displays on current versions of Opera

  ×

  How to do this task:

  Subtasks:

• Displays on current verso-s of Safari (both Mac and Windows)

  ×

  How to do this task:

  Subtasks:

• Displays on popular mobile devices (Including tablets and smartphones)

  ×

  How to do this task:

  Subtasks:

• Main navigation links are clearly and consistently labeled

  ×

  How to do this task:

  Subtasks:

• Navigation is easy to use for target audience

  ×

  How to do this task:

  Subtasks:

• If man navigation uses images, clear text are in the footer section of the page

  ×

  How to do this task:

  Subtasks:

• If man navigation uses Flash , clear text inks are in the footer section of the page

  ×

  How to do this task:

  Subtasks:

• Navigation is structured in an unordered list

  ×

  How to do this task:

  Subtasks:

• Navigation aids, such as site map, skip navigation link , or breadcrumbs are used

  ×

  How to do this task:

  Subtasks:

• All navigation hyperlinks 'Work" — are not broken

  ×

  How to do this task:

  Subtasks:

• Color and Graphics

  ×

  How to do this task:

  Subtasks:

• Color scheme is limited to a maximum of three or four colors plus neutrals

  ×

  How to do this task:

  Subtasks:

• Color is used consistently

  ×

  How to do this task:

  Subtasks:

• Text color has sufficient contrast With background color

  ×

  How to do this task:

  Subtasks:

• Color is not used alone to convey meaning

  ×

  How to do this task:

  Subtasks:

• Use of color and graphics enhances rather than distracts from the site

  ×

  How to do this task:

  Subtasks:

• Graphics are optimized and do not Significantly slow download

  ×

  How to do this task:

  Subtasks:

• Each graphic used serves a dear purpose

  ×

  How to do this task:

  Subtasks:

• Image tags use tie alt attribute to configure an alternate text description

  ×

  How to do this task:

  Subtasks:

• Animated images do not distract from the site and do not endlessly repeat

  ×

  How to do this task:

  Subtasks: