My father always said “Measure twice, cut once.” We spent countless hours in the garage together working on projects. Of all things I learned from the old man, this one has applied the most to my trade. What Dad was trying to tell me is that proper planning is not enough. Double check, not double effort! Work smarter, not harder! This lesson rings true in web development.

The final process of any website should be taking that second measurement or what we refer to as QA Testing. This process is where we make sure every nail is hammered in and the bolts are all tightened. Most clients appreciate the necessity of QA Testing, but don’t necessarily understand the depth and detailed testing that Ardent completes on every new website. This isn’t to say we are perfect, but we strive to be a close as possible.

Every website project is a little different, but here is an example of a typical QA Testing checklist:

Finishing Touches

  • Custom 404 pages
  • Favicon
  • Social media icons

Design Review

  • Check all page titles for consistent typography
  • Check all headers for correct typography
  • Check all body text for correct typography
  • Check all navigation elements (buttons, drop downs, etc)

Spellcheck

  • Spellcheck page titles
  • Spellcheck headers
  • Spellcheck navigation elements

Consistency

  • Check headers for consistent capitlization
  • Check for consistent phrases (read more, click here)
  • Ensure all Lorem/Test content is removed from the site

Functional Testing

  • Test web forms and return pagesBe sure to put correct client email address into form
  • Test components
  • Degradation (turn off Javascript, Flash, plug-ins) etc

Usability Testing

  • Check links
  • Check internal links
  • Check links to files
  • Check external links
  • IE 7,8 9 on Windows XP 7
  • Firefox 4+ on Windows XP 7, Mac OSX
  • Chrome (latest versions) on Windows XP, 7 MacOSX
  • Safari on Mac OSX
  • Mobile – iPhone
  • Mobile – Android
  • Tablet – iPad
  • Tablet – Android (Honeycomb)

Standards Validation

  • HTML Validation
  • Javascript Validation
  • CSS Validation
  • Accessibility Validation

Performance Testing

  • Optimize images
  • Implement caching here necessary
  • Optimize page download time (Home)
  • Compress static files (Javascript, HTML/CSS)
  • Check for correct DB indexing
  • Check configurations (Web server, database CMS)
  • Configure logging

Security Risk

  • Configure backups
  • Test recovery from backup
  • Protect sensitive areas (admin, documents, etc)
  • Robots.txt
  • Penetration testing (SQL Injections Dictionary Attack)
  • Confirm disk capacity on server
  • Setup monitoring notifications
  • Remove stray OS IDE directories
  • Turn off display errors

SEO

  • SEO friendly page titles
  • Remove CMS meta generated META
  • Meta data
  • SEO friendly URL naming
  • Semantic mark-ups
  • Setup RSS and ping services
  • Setup Google Analytics
  • Create XML Map
  • Run SEO test software against the site
  • 301 redirects

Once we’ve “measured twice” we can cut the site loose and deploy. What you get is a finished project that is on time/budget with minimal waste. Each new website launch is a nod to good old dad, his table saw and mantra “Measure Twice, Cut Once”

Questions about this or other Ardent processes? Feel free to contact us at 817-348-9049 or by email at hello@ardentcreative.com.