Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

45 Incredibly Useful Web Design Checklists and Questionnaires

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 article:

1. Client-Focused Checklists and Questionnaires Link

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 Questionnaire2
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.


Design checklist: What clients should provide their designer4
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 Checklist5
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 About6.


20 Questions To Ask Clients Prior To Designing A Logo8
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 Developers9
This questionnaire is very short and basic but covers the important points: audience, content, and communication.

Step-By-Step Website Development – Check List10
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 Checklist11
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 Link

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 Checklist12
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-version13 is available as well and so is the French translation14. 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 List15

Blogger’s Checklist Before Hitting The Publish Button16
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 Link

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 Checklist17
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.


Typographic Rules Checklist19 (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 Checklist20 (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.


Essential Navigation Checklist for Web Design22
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 forms23
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 Checklist24.

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


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

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 Checklist29
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 Checklists30 (printable .PDFs, for 29.95$+ per PDF).


50 Questions to Evaluate the Quality of Your Website32
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 Checklist33
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 Sheet34
While not a traditional checklist, this article does offer a pretty complete list of things you need to double-check in your CSS.


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 checklist36.

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 Link

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 Checklist37
This Web Design Best Practices Checklist from 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 Checklist38
This 7-point checklist from Ux Booth covers some of the most important elements of site usability.

Quick Usability Check List39

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 Checklist40
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-version41 is available as well.


Everyday Usability—14-Point Checklist for Success43
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 & Checklists44
A truly useful collection of usability cheat sheets and checklists for forms, blogs and more, all listed in alphabetical order. Useful!

The Usability Toolkit45
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 Checklist46 (in German)
An extensive German usability-checklist writte by Stefan Nitzsche.

5. Search Engine Optimization (SEO) Checklists Link

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


The Ultimate SEO Checklist49
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 SEO50
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 SEO51 and The Web Developer’s SEO Cheat Sheet52.


SEO Checklist54
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 Link

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.


The Best Damn Web Marketing Checklist, Period!55
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.


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.


Checklists for starting your first business57
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 Link

WordPress: The Complete Post-Install Checklist58
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 checkpoints59.


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.


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


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 Checklist64.

8. Ultimate Web Design Checklists Link

149 Mortal Sins That Will Send Your Site to Web Design Hell65
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 Checklist66

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 List67
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 Checklist68
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.


Test Your Website: A 57-Point Checklist for Maximum Usability69
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.

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69

↑ Back to top Tweet itShare on Facebook


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. 1

    Great Post.
    Realy useful…

  2. 2

    Great Compilation…very very useful. Thanks a lot.

  3. 3

    very, very usefull ! thanks a lot guys !

  4. 4

    Daiver Pedemonte

    June 29, 2009 7:24 am

    Easily the post of the year! Thanks!

  5. 5

    Wow, that’s a lot to wade through. Should come in useful once I start designing again.



  6. 6

    Tadd Mencer

    June 29, 2009 7:43 am

    This is a great grouping of tips and such … just about anyone should and could find something useful here.



  7. 7

    this is brilliant. thanks smashing homies

  8. 8

    Taylor Satula

    June 29, 2009 8:04 am

    I aggree with Daiver Pedemonte

  9. 9

    Thanks again for another incredibly useful list!

  10. 10

    Thanks for another, very helpful post!

  11. 11

    Floris Fiedeldij Dop

    June 29, 2009 9:09 am

    Excellent. Thank you for putting this together.

  12. 12

    Now that is an awesome post! Thanks Cameron (and Smashing).

  13. 13

    Just fantastic- every single one of these is going to help me out immensely. I’ve been meaning to put some design checklists together for my own work for some time now, but never seemed to get the chance to step back and look at the big picture. It never occurred to me that these might already be out here and available.
    Thanks a lot, Smashing!

  14. 14

    Darren Taylor

    June 29, 2009 9:38 am

    I happen to think our pre (accessibility) audit checklist is useful –

  15. 15

    I wish some people would use simply “my”.
    rather than “ultimate”, “essential”, “incredibly usefull” or “must-have”.
    collections are fine. so are occasional insights into other people’s workflow.
    But these “ultimate” collections get a bit silly imho…

  16. 16

    YEAH! Another example why Smashing Magazin is one of my topsites. Thanks!

  17. 17

    Most useful post ever!!!

  18. 18

    Thanks for compiling this useful collection of helpful checklists and sharing them with us.

  19. 19

    Thanks so much!! Ive been looking for around for such lists quite a lot in the past days. Great to find this guide!!

    Vielen Dank!!

  20. 20

    Easily the most useful post I have found in Smashing, or any other web development blogs, in a very, very long time. These will be implemented in our business immediately. Well done; Post of the year!



↑ Back to top