45 Incredibly Useful Web Design Checklists and Questionnaires

Advertisement

Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done. That’s where checklists can make your life a whole lot easier. With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of a site.

Below are 45 checklists to make your design process easier and more organized. Consider using these checklists as a jumping off point for creating your own customized list, based on your own needs.

Also consider our previous articles:

1. Client-Focused Checklists and Questionnaires

These questionnaires and checklists are focused on making your relationships with your clients better. Use these to gather information from your clients or prospects at the beginning of each project so that everyone is on the same page.

How to Extract the Facts with a Web Design Client Questionnaire
This questionnaire from Freelance Switch is meant to send out to prospective clients to get a good idea of what they’re looking for from a website. It can save you valuable time and allow you to create more accurate proposals.

Screenshot

Design checklist: What clients should provide their designer
A checklist of things that clients should provide their designer at the outset. To follow this list will ensure the client and designer are dealing professionally as well as creating an efficient workflow.

Comprehensive Web Design Checklist
This is another client-focused questionnaire. It’s aimed at getting clients to really think about what they need and want from a website.

How I Approach Logo Design – A Checklist
Learn how to figure out what the client wants to have in a new logo, what his objectives are and where the logo will be used. Also check 4 Critical Logo Design Details You May Be Forgetting About.

Screenshot

20 Questions To Ask Clients Prior To Designing A Logo
Before starting any project it’s essential to get the right preliminary information from your clients. This will help pave the way to a successful project, assist in bringing client’s vision into perspective and build a lasting relationship.

Client Questionnaire for Web Developers
This questionnaire is very short and basic but covers the important points: audience, content, and communication.

Step-By-Step Website Development – Check List
To help you make your plan, here is a simplified checklist for the development and design of a website ($ indicates potential additional fees that may be incurred).

Project Planning Website Checklist
This website check list is a high-level check list of activities to include in your project plan. A successful web development requires attention to several strands of activity, an in particular the organization of information and changes in origanization and business processes.

2. Pre-Launch Checklists

This checklist deals less with the planning and initial stages of website design and focus on the things you need to make sure are complete prior to launching a new site. Every designer should have a pre-launch checklist to make sure they’ve completed everything on a site that they need to.

The Ultimate Website Launch Checklist
This is a comprehensive checklist of things to check pre-launch that includes things like content, style, validation, seo, and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help you to prevent errors and mistake once the site is released.

Ultimate Check List

Blogger’s Checklist Before Hitting The Publish Button
How many times have we hit publish on a blog and then realized we forgot to do something crucial, whether it is changing post slugs or a crucial spell check. Here is a quick checklist of what you should do before you hit publish.

3. General Web Design Checklists

The checklists in this category are general-purpose; they cover a wide variety of web design areas. This is a good place to start if you’re not sure what a checklist should include or what you need to remember when designing sites. But don’t mistake these for beginners’ resources; most of them are quite comprehensive.

Web Standards Checklist
This checklists covers pretty much every aspect of building a standards-compliant website, from accessibility to basic usability to site management. It’s very complete and well-organized.

Screenshot

Typographic Rules Checklist (PDF)
Another useful typographic checklist that contains not only some general typographic rules, heuristics and guidelines, but also reminders for typography in your projects.

Typography Checklist (PDF)
Compiled by Jason DewinetzIf, this list contains some useful typographic checks that you may want to consider for before launching your next project or printing your next brochure or book.

Screenshot

Essential Navigation Checklist for Web Design
These checklists pull together best practice in the disciplines of information design, usability and accessibility, into an easy to apply format. If you are already familiar with those topics, the checklists serve as a handy reminder that is easy to refer to and apply when planning navigation.

Checklist for usable forms
This checklist is for HTML forms along with links to a few articles that are very helpful. Check also Brian Crescimanno’s article Sensible Forms: A Form Usability Checklist.

GUI Screen Design Checklist
This checklist covers various common problems, issues and errors that appear frequently in graphical user interfaces. Also check the legendary GUI Testing Checklist.

Screenshot

Web Accessibility Checklist (also available as printable PDF and in German)
This checklist, compiled by Aaron Cannon, contains over 35 checks that will help you to improve the accessibility of your web-site. Another accessibility checklist.

Checklist To Improve Your Site’s Speed and Performance
Users have short attention spans and are generally not willing to wait for a bloated Web site to load. Take advantage of these tips, tools and resources, and you’ll have a much better time capturing visitors’ attention. This article presents over 50 speed optimization tips to consider before launching your web-site.

The Ultimate Testing Checklist
Testing plays a critical role in the development of your web site and its long-term maintenance. While smaller web sites—especially those with more limited budgets—may not need to follow the formal testing procedures that are required for large-scale, commercial web sites, every site needs to be thoroughly tested to ensure that it’s error-free, user-friendly, accessible, and standards compliant. This checklist will help you test your site both during development, and after. Download this checklist, along with others covering SEO and content management. Sitepoint also offers 101 Essential Checklists (printable .PDFs, for 29.95$+ per PDF).

Screenshot

50 Questions to Evaluate the Quality of Your Website
This 50 questions long questionnaire might trigger something here and there for some of you or maybe brings some forgotten item from the long to-do list back into your mind.

Content Quality Checklist
In my experience, a common misperception of the evaluation of content quality is that its scope is limited to the correction of typos and grammatical errors. To truly consider content quality, we need to examine its quality along several dimensions. Consequently, the content quality checklists that follow cover everything from usefulness to voice to accuracy.

CSS Crib Sheet
While not a traditional checklist, this article does offer a pretty complete list of things you need to double-check in your CSS.

Screenshot

Beginner’s Checklist Before Debugging CSS
This article shares common pattern of mistakes that designers tend to make in practice. Although the following examples may be stating the obvious, it seems most beginners make these mistakes quite frequently.

Ruby and Ruby on Rails is often considered to be one of the most difficult language/framework combinations to truly master. You may want to give this checklist to your coding teams so they can sign off on for each of their projects. Launching Ruby on Rails projects, a checklist.

Checklist for Securing PHP Configuration
The Apache/PHP/MySQL stack is immensely popular for web application development. Its components are powerful, versatile and Free. Unfortunately however, PHP comes with a default configuration that is not suitable for production mode, and may cause developers to use insecure techniques during the development phase. Inside is a check list of settings that are intended to harden the default PHP installation.

4. Usability Checklists

Usability is the single most important part of web design. If the sites you design aren’t user-friendly, if they don’t work as expected, and if they confuse visitors, there’s really no point in even designing them—they won’t get used. The checklists below can help ensure your sites are usable by the vast majority of visitors.

Web Design Best Practices Checklist
This Web Design Best Practices Checklist from terrymorris.net covers a wide variety of usability points, including page layout, browser compatibility, color and graphics use, and multimedia content. It’s very thorough, with more than 60 points to check.

Quick Usability Checklist
This 7-point checklist from Ux Booth covers some of the most important elements of site usability.

Quick Usability Check List

The Blog Usability Checklist
19 point checklist that should be useful to any blogger looking for a practical way to evaluate (and improve) the usability of their blog. Many of the principles here will apply to websites, as well.

25-Point Website Usability Checklist
The 25-Point Website Usability Checklist offered by UserEffect covers all the basic areas in which to check your site, including accessibility, identity, navigation, and content. It’s shorter than many other checklists, but it still covers all the important items. A printable .pdf-version is available as well.

Screenshot

Everyday Usability—14-Point Checklist for Success
This checklist offers up fourteen points for making your website more usable and more effective. It covers everything from user testing ideas to link checking.

Usability.Edu: 25 Incredibly Useful Usability Cheat Sheets & Checklists
A truly useful collection of usability cheat sheets and checklists for forms, blogs and more, all listed in alphabetical order. Useful!

The Usability Toolkit
The Usability Toolkit is a collection of forms, checklists and other useful documents for conducting usability tests and user interviews.

Key questions to ask your usability testing supplier (PDF)
This document gives you some of the key questions you should ask your usability supplier and explains what to listen for in their answers. You can use it as a checklist during invitations to tender, when interviewing usability providers or when reviewing proposal documents.

Dr. Web: The Ultimate Usability Checklist (in German)
An extensive German usability-checklist writte by Stefan Nitzsche.

5. Search Engine Optimization (SEO) Checklists

Common Sense SEO Checklist
Chris Coyier’s list of pretty straightforward things to consider when publishing SEO-optimized content on your website.

Screenshot

The Ultimate SEO Checklist
Optimizing your web site for search engines should be an integral part of your web site project, from the very beginning to the very end. Shirley Kaiser’s checklist that can be used as a guide to optimize your web site for search engines.

The Beginner’s Checklist For Small Business SEO
Consider some essential SEO checks that are important for local small business sites. The following is a checklist of all the tasks that may be necessary for you to generate great results. See also The Beginner’s Checklist for Learning SEO and The Web Developer’s SEO Cheat Sheet.

Screenshot

SEO Checklist
There are “over 200 SEO factors” that Google uses to rank pages in the Google search results (SERPs). What are the search engine optimization rules? Here is the speculation – educated guesses by SEO webmasters on top webmaster forums. Should you wish to achieve a high ranking, the various confirmed and suspected Google Search Engine Optimization (SEO) Rules are listed below.

6. Marketing Checklists

Viral Marketing Campaign Checklist
Once you’ve decided you’d like to create a viral marketing campaign, its easy to become too focused on the details, and miss the forest for the trees, but a good campaign is the integration of a lot of parts. Here’s a quick checklist to make sure you haven’t missed anything.

Screenshot

The Best Damn Web Marketing Checklist, Period!
Here’s an extensive checklist for verifying you’re doing everything you can to market your website from Search Engine Guide. More information is linked from the headline of each category on the list.

Screenshot

Improving Conversion Rates Checklist
If your Web site gets great traffic but no sales or sign-ups to back it up, it’s time to take a good, hard look at it. Chances are, your site is scaring off customers. Follow these tips to make your Web site more friendly to customers and encourage better conversion rates.

Screenshot

Checklists for starting your first business
If you don’t have a business of your own, or are new to starting businesses, you’re probably at a loss for some of the details of what you need to do. So let’s work them out, keeping everything as simple as possible.

7. WordPress Checklists

WordPress: The Complete Post-Install Checklist
Depending on how you’ve installed WordPress (manually or by a “one-click-install” that many hosting providers offer) – one of the very last installation steps is to choose a blog name and provide an email address. That’s where this checklist begins. More checkpoints.

Screenshot

WordPress: Blog Maintenance Checklist
If you use WordPress to run your website, at the minimum, you need to regularly check updates on such things as your theme and the plugins you are using. This WordPress-powered blog maintenance checklist is a reminder of tasks that you may need to do as well as tracker of such things as version numbers of plugins and themes.

Screenshot

WordPress: Theme Development Checklist
A list of essential checks that you should consider before releasing a theme or launching your WordPress-powered blog. Another checklist and yet another one (incl. a printable PDF-version).

Screenshot

Now, there are many types of “moves” that can be performed for a weblog. This one not only involves changing hosts but also upgrading the blog platform version. And it all has to be done at the same time. It turns out that it’s not a problem-free switch. So what about a “brute force” process for moving and upgrading your weblog? On the off chance that it’ll help someone, here it is. Check also the WordPress Upgrade Preparation Checklist.

8. Ultimate Web Design Checklists

149 Mortal Sins That Will Send Your Site to Web Design Hell
This checklist from Web Pages That Suck is one of the most complete checklists out there. It primarily focuses on front-end design.

Screenshot - General Web Design Checklist

The Official ‘Successful Website Checklist Challenge’
This checklist breaks down important points over six different categories: Planning, Design/Layout, Usability/Accessibility, Content, Website Optimization/Standards, and Search Engine Optimization/Marketing.

Screenshot - General Web Design Checklist

PC Limited’s Web Design Check List
This is a very comprehensive checklist that includes ten steps for planning your site designs. Steps include sizing up your competition and choosing a domain name, among others.

A Solid Web Design Checklist
This checklist includes both pre- and post-launch points to verify in a variety of categories, including typography and layout, accessibility, and consistency.

A Website Design & Development Project Checklist
This checklist is aimed at both designers and their clients, and offers some great starting points for creating an effective working relationship.

Screenshot

Test Your Website: A 57-Point Checklist for Maximum Usability
In addition to offering 57 points to check your site’s usability, this article also offers more resources for each of those points. A very valuable resource for creating more usable websites.

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

  1. 101

    Michael Pierre

    July 11th, 2010 7:09 pm

    Thank you very much for this very helpful list.

    0
  2. 102

    This was great. This saves me lots of time.

    +1
  3. 103

    This is a kick ass post…thanks! (=^_^=)

    0
  4. 104

    This is very useful… thanks :)

    0
  5. 105

    Essex Website Designers

    October 12th, 2010 5:13 am

    Hi, Mike from I4 Visual here

    Some very good rescources indeed :)

    these will come in handy, thank you for sharing^^

    0
  6. 106

    Dream Media Design

    October 19th, 2010 5:11 am

    great in thanks for sharing

    0
  7. 107

    A general principle for all user interface design is to go through all of your design elements and remove them one at a time. If the design works as well without a certain design element, kill it. — Jakob Nielsen, author and consultant on user interfaces

    +1
  8. 108

    Jessica @ Jessiker Bakes

    November 15th, 2010 4:39 pm

    Thank you soooooo much!!!!

    +1
  9. 109

    “Comprehensive Web Design Checklist”

    This is so WRONG!

    NEVER let your customer decide on what a website should look like. NEVER ask them for design tips. This is YOUR job to design. NEVER compare with the competition.

    Read some Andy Rutledge if you need to learn that from a source.

    -1
  10. 110
  11. 111

    This is amazing,

    I wish if all questions grouped by checklist type are put in ONE BIG PDF FILE.

    Your post is beautiful & you are more beautiful :)

    0
  12. 112

    Kesha @ XD Web Solutions

    December 9th, 2010 8:35 am

    OMG, you are a life saver! I have a meeting with a client tomorrow who needs the full gamut and I’ve found so many additional items/questions to bring up and I’m so ever grateful!! Thanks so much for posting this huge list!

    0
  13. 113

    Great stuff, will be using these checklists for our projects! Or at least try to :)

    0
  14. 114

    Great post! There are some effective checklists that really help out with building a website. Here is a logo design walk-through that could help with putting together a logo design efficiently without any fuss.

    0
  15. 115

    Hey guys, looks like the link you have above “Ultimate Usability Design Checklist” (tgoden.com/index.php/the-ultimate-webdesign-usability-checklist/) is no longer the content it once was… rather an SEO trap. Thx.

    0
  16. 116

    Awesome post and Tanks for such big list ……..
    I am sure it will help manager as well as designers to maintain hassle free client relationship..

    0
  17. 117

    Bambi Corro III

    January 4th, 2011 4:44 am

    Thanks for the tips… all of these will be useful since I’m redesigning my portfolio now.

    0
  18. 118

    Wow, what a great resource for check-lists. Thanks for sharing! I will putting some of these to good use.

    0
  19. 119

    Louis Marshall

    March 11th, 2011 5:01 am

    This is the QA checklist I have developed for personal use:

    http://pm4web.blogspot.com/2008/07/quality-test-plan.html

    LM

    0
  20. 120

    I’ve found that WordPress has unique requirements when it comes to launching a re-designed website. I’ve created a web design launch checklist specifically for WordPress outlining the design, development, SEO, tracking, backup, security & performance needed to make sure that your site is rockstar quality! Hopefully it helps some of the readers, as always thanks for the great articles!

    0
  21. 121

    muhibbur rashid

    May 25th, 2011 4:33 am

    Really great post. I am searching just such think…

    0
  22. 122

    may loc nuoc nano

    July 17th, 2011 6:32 pm

    this is an awesome post. many thanks

    0
  23. 123

    Fantastic post!

    0
  24. 124

    incredible thank’s so much

    0
  25. 125

    I see you have covered lots of things in your check list. This will be of great help for all. Web design websites, website designers needs to take some of the points into consideration before engaging in the Web design process so they come up with what the client wants and expects in the future.

    0
  26. 126

    THATS A GREAT THING, ALL YOU NEED YOU FIND, WELLDONE,

    0
  27. 127

    What a phenomenal page. I came here only looking for a development process schedule or pricing list and I found a treasure trove of resources. We’re a WordPress shop so that was helpful. We do SEO and so THAT was helpful. Thank you so very much. BOOKMARK THIS PAGE!

    0
  28. 128

    Wonderful check list on all categories. Great work cameron.

    0
  29. 129

    Pretty section of content. I just stumbled upon your blog and in accession capital to assert that I get in fact enjoyed account your blog posts. Any way I’ll be subscribing to your augment and even I achievement you access consistently rapidly.

    0
  30. 130

    Hi! Thank you so much for such an amazing post! Really really helpful!

    0
  31. 131

    Awesome post!!! Bookmarked, Evernoted it and will link to it from my website as well! Thanks a lot!

    0
  32. 132

    Praveena Sarathchandra

    February 2nd, 2012 8:32 pm

    Invaluable checklists! Thanks for sharing!

    0
  33. 133

    Rumbidzai Ninga

    April 15th, 2013 12:05 pm

    This was helpful – meaningful hints

    0

  1. 1

    Wow! Impressing list! Thanks!

    +1
  2. 2

    Best post. EVAR!!!!!

    Seriously, great job Cameron.

    +1
  3. 3

    This was great. This saves me lots of time.

    +1
  4. 4

    A general principle for all user interface design is to go through all of your design elements and remove them one at a time. If the design works as well without a certain design element, kill it. — Jakob Nielsen, author and consultant on user interfaces

    +1
  5. 5

    Jessica @ Jessiker Bakes

    November 15th, 2010 4:39 pm

    Thank you soooooo much!!!!

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top