Web Site Design & Usability Checklist

Estimated reading time: 2 minutes, 23 seconds

A well designed and compelling web site is important for a number of reasons such as enhancing or creating your identity, communicating your company’s message and establishing credibility. However, the design must meet the user’s needs in order for a site to achieve its goal.

The following checklist should provide a good starting point to make sure your site is well designed and usable.

Site Links & Navigation

  • Are hyperlinks stylized to be easily distinguished from the rest of the site text?
  • Do clickable items stylistically indicate that they are clickable, as well as, provide immediate (0.1 seconds) feedback?
  • Are text links clearly labeled to provide a clear indication of where they will take the visitor?
  • Is your primary navigation clearly and consistently labeled
  • Is your site navigation is easy to use for target audience (for example, larger buttons for an older audience)
  • Are you providing an alternate navigation method if your primary navigation is images, Flash, or DHTML?
  • Is your navigation is structured in an unordered list for accessibility
  • Are you providing secondary navigation aids, such as a site map, a skip navigation link, or breadcrumbs
  • Have you double checked all your links to insure there are now broken links?
  • Is your navigation easy to find and in a consistent location?

Web Site Design & Layout

  • Does the design of your site match your brand?
  • Is the web site’s design aesthetically appealing?
  • Is the design audience appropriate?
  • Are the colors used harmonious and logically related?
  • Does the site colors provide high enough in contrast to assist colorblind and visually impaired visitors?
  • Does the colors and graphics enhances or distracts from the site?
  • Are the fonts easily readable and degrade gracefully — standard text size should be readable, for visitors who don’t know how to adjust their browsers?
  • Are all the graphics are optimized to increase download speed?
  • Does the design of the site clearly indicate its purpose? The purpose must be clear within a few seconds without reading much or no text copy at all.
  • Is there a clear call to action on every page?

Web Site Content

  • Does you content create a clear Visual Hierarchy
  • Is the content on your site readable — type face, font size and color?
  • Is the web site copy succinctly written?
  • Is the copy written in a style that suits your website’s to ’speak’ to your target audience?
  • Is the contrast between body text and the background color sufficient to make it easy to readyreading easy on the eyes?
  • Is text broken into small, readable chunks seperated by headings, sub-headings with emphasis on features to assist in scanning the page?

This web design checklist is not the end all of lists. I’m sure there many more items that should be added. Moreover this list should be used a guide and not be seen as a list of must dos on every site.

9 Responses to “Web Site Design & Usability Checklist”

  1. Matthew Griffin

    Great checklist. It’s easy to forget a lot of these when the pressure is on. Thanks for the resource.

    7:28 am on 4/23/08
  2. Craig

    Thanks Matthew.

    I know my weakness is on the content. I usually end up relying on the client to provide content. Then realize it isn’t ready to put on the site. Gotta keep working on that.

    2:15 pm on 4/25/08
  3. 35+ Usability Resources for Web Designers

    [...] Web Site Design and Usability Checklist [...]

    11:06 pm on 12/21/09
  4. 35+ Usability Resources for Web Designers « LeDesigne Studio

    [...] Web Site Design and Usability Checklist [...]

    1:37 am on 1/2/10
  5. submit google

    Hey I landed on your blog by fluke on google while hunting for something completely obscure but I am very happy that I did, You have just snagged yourself another subscriber. :)

    6:42 pm on 4/13/10
  6. David Webb

    Thanks for sharing such a nice post
    regards….

    6:35 am on 6/5/12
  7. Stacy

    Your blog is really very informational. Thanks … it helps a lot.Regards.

    3:34 am on 6/28/13

Leave a Reply

Get a Free Quote

Do you have a project you would like us to take a look at, we would love to hear from you. Send us your project details and we’ll get back to you within 24 hours.

Request Your Quote >>

From The Blog

Thoughts and Ideas on All Things Web