35+ Usability Resources for Web Designers

Usability should be a priority for every website. Without usability, even the most beautiful design will be ineffective. In this post we’ll feature a number of resources, tools, software, checklists, articles, and more, that can help you to design and develop highly usable websites.

Premium Usability Resources:

There are a number of tools and resources that have been created to test and improve usability. In this section we’ll look at eight premium resources.

Silverback
Silverback is usability testing software (for Mac) from Clearleft. It allows you to capture screen activity, video participants, record audio, and more. The price is $49.95, and a free trial is available.

Silverback

Morae
Morae is software that is made up of three separate components: Recorder, Observer, and Manager. With Morae you can test the usability of a website by learning from the experiences and actions of visitors. The full version costs $1,495. A free trial is available.

Morae

Userfly
Userfly allows you to record your visitors to see mouse movements and clicks. There is a free plan that offers 10 captures per month, and premium plans that range from $10 (100 captures) to $200 (10,000 captures) per month.

Userfly

UserTesting.com
With UserTesting.com you can quickly (in about 1 hour) and inexpensively ($29) get feedback from a user of your site. You’ll get a video of the user session with spoken comments about the site, plus a written report.

UserTesting.com

Crazy Egg
Crazy is more than just an analytics program. It provides visuals that help you to understand and improve how users interact with the site.

Crazy Egg

ClickTale
ClickTale provides web analytics and more. It includes heatmaps, videos of browsing sessions, link analytics, and more.

ClickTale

Loop11
Loop11 is an online usability and user experience testing tool, allowing individuals and companies to conduct online, unmoderated user testing on any kind of digital interface. The cost is $350 per testing project, with the first project being free.

Loop11

Chalkmark
Chalkmark provides first impression testing, showing you where users are clicking. Prices range from $109 for 30 days to $1350 for 365 days.

Chalkmark

Free Usability Resources:

If premium usability testing resources are not in the budget, or if you are not interested in any of those mentioned above, there are also some excellent free resources.

UsabilityTest.com
You can join the UsabilityTest.com community to get free usability reviews or to provide feedback to other users.

UsabilityTest.com

WebsiteOptimization.com
This free tool will test your page load time and provide a report with results.

WebsiteOptimization.com

Dead-Links.com
A free tool that will help you to identify dead links on your site.

Dead-Links.com

LinkChecker Firefox Add On
Use this Firefox extension to easily and quickly test the links on any page.

LinkChecker Firefox Add On

ClickHeat
ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones. ClickHeat is an OpenSource software, released under GPL licence, and free of charge.

ClickHeat

Five Second Test
Test the first impressions of your visitors to improve your site’s layout.

Five Second Test

Colour Contrast Check
This resource from Jonathan Snook will help to avoid problems with color contrast in web design.

Colour Contrast Check

Luminosity Colour Contrast Ratio Analyzer
This free tool calculates a contrast ratio to see if it is sufficient.

Luminosity Colour Contrast Ratio Analyzer

Colour Contrast Visualiser
This tool can save time by helping you to select safe color combinations, rather than trying to test many different combinations to find one that passes.

Colour Contrast Visualiser

Colour Contrast Analyzer Firefox Extension
This color analyzer will test the background and text color combinations found in a stylesheet for proper contrast.

Colour Contrast Analyzer Firefox Extension

GrayBit
GrayBit shows you a grayscale version of any website to help test contrast.

GrayBit

Usability-Focused Websites and Blogs

If you’re interested in getting more content on usability, these are some good sites to follow.

Usability Checklists

Checklists can be helpful for making sure that your sites are usable. There are a number of good checklists, some more detailed than others.

Helpful Articles on Usability

For more reading on usability, check out these articles from various writers and designers.

For more design resources please see:

Steven Snell

Stephen Snell is the owner and editor of Vandelay Design. Connect with Stephen on google+

  • Great resource for me…especially free resource to test and improve usability, thanks

  • Great and they’re well down!

  • Interesting and consolidated info. I appreciate the efforts.

  • Cool resources. I’m just now really trying to learn more about usability, I’m definitely referring to this post for my studies. Thanks Steven.

  • Really nice resources….

  • Steven

    Great resource! Just joined the free version if clicktale. cant wait to see all the results, heatmaps and videos. cheers for this!

  • Great! Will have fun piling through this lot. Nice resource. Well done.

    Nikki Rae

  • Thanks Steven for including my post on your list. You’ve listed some new sites I haven’t seen. Great job.

  • What a fantastic list! Just discovered fivesecondtest.com yesterday and loved it. Thanks for sharing!

  • Great Post..

    All the apps are must have for guys like us..

    Thanks..

  • Very helpful. Thanks for sharing..

  • Thanks for sharing – I need to consider this stuff more when building websites.

    Eoin

  • an amazing collection… thanks for sharing!

  • Good to know. I am definately bookmarking this page.

  • Good resources, thanks!

  • Great Collection, I’ll sure as hell visit some of these sites and use them to improve my new blog!

  • Great list of resources.
    Thanks

  • girish

    really good resource

  • You might also want to check out Open Web Analytics (http://www.openwebanalytics.com) which is an open source web analytics framework that provides great tools for usability testing including mouse recording (like Userfly) plus heatmaps.

  • wow thanks for an incredibly useful list. I have already checked out some of them and will use them.

  • That’s a great list!
    I love the chalkmark idea, I’d never think about that, but it’s a great way to test new websites for usability, I hope they will do a bulk deal 🙂

  • I would like to contribute on this post by adding that web standards are greatly important. See what is currently taking place between HTML5 and Apple.

  • What about prototyping tools? IMHO the best way to assure your web is going to be usable. The best tool for me to do that is Justinmind Prototyper (http://www.justinmind.com) that also generates HTML

  • This is a great list which I shall be bookmarking immediately, as usability is such a vital aspect of all web design. A book I recommend too which I have recently come across is “The Web Designers Idea Book”; worth a read!

  • Usability is the one area i need to sharpen up on as I look to constantly develop this aspect of the Hurrah website. this shall also be a key area to work on in the design of the next Hurrah website.

  • LV

    worth a read

  • Can anyone recommend any videos on usability, I am trying to gather resources for a introduction to Usability course.

  • Great list, I’ll add a few of these to the resources we already have. Thanks for putting this together. I particularly like Click Heat!

  • Wow. Awesome. You rock. This rocks. I am divorcing my husband to run away with this post. Seriously.