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 web design 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. [Content Care Dec/16/2016]
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:
- 15 Essential Checks Before Launching Your Website1
- A Checklist To Creating The Perfect WordPress Website2
- Don’t Forget The Small Stuff This Year3
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 Questionnaire4
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 designer6
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.
How I Approach Logo Design – A Checklist7
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 About8.
Step-By-Step Website Development – Check List11
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 Checklist12
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 Checklist13
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. A French translation14 is available. 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.
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.
Typography Checklist19 (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 Design21
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 forms22
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 Checklist23.
Web Accessibility Checklist25 (also available as printable PDF and in German26)
This checklist, compiled by Aaron Cannon, contains over 35 checks that will help you to improve the accessibility of your web-site. Another accessibility checklist27.
The Ultimate Testing Checklist28
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.
50 Questions to Evaluate the Quality of Your Website30
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 Checklist31
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.
Beginner’s Checklist Before Debugging CSS34
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 checklist35.
Checklist for Securing PHP Configuration36
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 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.
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 Checklist41
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-version42 is available as well.
Everyday Usability—14-Point Checklist for Success44
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 & Checklists45
A truly useful collection of usability cheat sheets and checklists for forms, blogs and more, all listed in alphabetical order. Useful!
Key questions to ask your usability testing supplier47 (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.
5. Search Engine Optimization (SEO) Checklists Link
The Ultimate SEO Checklist50
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 SEO51
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 SEO52 and The Web Developer’s SEO Cheat Sheet53.
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 Checklist56
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!57
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 Checklist59
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 business60
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 Checklist61
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 checkpoints62.
WordPress: Blog Maintenance Checklist64 (PDF)
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 Checklist66
A list of essential checks that you should consider before releasing a theme or launching your WordPress-powered blog. Another checklist67 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 Checklist69.
8. Ultimate Web Design Checklists Link
149 Mortal Sins That Will Send Your Site to Web Design Hell70
This checklist from Web Pages That Suck is one of the most complete checklists out there. It primarily focuses on front-end design.
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.
Web Design Check List72
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.
Test Your Website: A 57-Point Checklist for Maximum Usability76
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.
- 1 https://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/
- 2 https://www.smashingmagazine.com/2011/12/15-step-checklist-creating-perfect-wordpress-website/
- 3 https://www.smashingmagazine.com/2010/01/dont-forget-the-small-stuff-this-year/
- 4 https://business.tutsplus.com/articles/how-to-extract-the-facts-with-a-web-design-client-questionnaire--fsw-1830
- 5 https://business.tutsplus.com/articles/how-to-extract-the-facts-with-a-web-design-client-questionnaire--fsw-1830
- 6 http://www.traceygrady.com/design-checklist-what-clients-should-provide-their-designer
- 7 http://www.charfishdesign.com/logo-design/how-i-approach-logo-design-a-checklist/
- 8 http://logodesignerblog.com/tag/checklist/
- 9 http://www.charfishdesign.com/logo-design/how-i-approach-logo-design-a-checklist/
- 10 http://www.scribd.com/doc/426427/Client-Questionnaire-for-Web-Developers
- 11 http://lorelle.wordpress.com/2005/10/17/step-by-step-website-development-check-list/
- 12 http://www.skyrme.com/tools/webplan.htm
- 13 http://www.boxuk.com/blog/the-ultimate-website-launch-checklist
- 14 http://blog.barbayellow.com/2009/04/02/la-checklist-ultime-pour-le-lancement-dun-site-web/
- 15 http://www.boxuk.com/blog/the-ultimate-website-launch-checklist
- 16 http://www.jenniferslegg.com/2008/04/30/bloggers-checklist-before-publishing/
- 17 http://maxdesign.com.au/news/checklist/
- 18 http://maxdesign.com.au/news/checklist/
- 19 http://www.greenboathouse.com/dewinetz/pdf/a-typographers-checklist.pdf
- 20 http://www.greenboathouse.com/dewinetz/pdf/a-typographers-checklist.pdf
- 21 http://www.sitepoint.com/article/checklists-web-design/
- 22 http://www.webdesign.org/web/web-design-basics/website-usability/checklist-for-usability-forms.12408.html
- 23 http://www.alistapart.com/articles/sensibleforms
- 24 http://it.toolbox.com/blogs/enterprise-solutions/gui-screen-design-checklist-20426
- 25 http://cameronmoll.com/archives/2008/06/web_accessibility_checklist/
- 26 http://tobias-otte.de/essays/accessibility-checkliste/
- 27 http://konigi.com/tools/submissions/accessibility-checklist
- 28 http://www.sitepoint.com/article/ultimate-testing-checklist/
- 29 http://www.sitepoint.com/article/ultimate-testing-checklist/
- 30 http://www.searchenginejournal.com/50-questions-to-evaluate-the-quality-of-your-website/6400/
- 31 http://www.uxmatters.com/mt/archives/2009/04/toward-content-quality.php
- 32 http://www.mezzoblue.com/css/cribsheet/
- 33 http://www.mezzoblue.com/css/cribsheet/
- 34 http://tutorials.makecolor.in/?p=110
- 35 http://rubythis.blogspot.com/2006/11/rails-security-checklist.html
- 36 https://www.owasp.org/index.php/PHP_Security_Cheat_Sheet
- 37 http://terrymorris.net/bestpractices/
- 38 http://www.uxbooth.com/blog/quick-usability-checklist/
- 39 http://www.uxbooth.com/blog/quick-usability-checklist/
- 40 https://ambitionally.com/website-optimization/blog-usability-checklist/
- 41 http://www.usereffect.com/topic/25-point-website-usability-checklist
- 42 http://www.usereffect.com/download/checklist.pdf
- 43 http://www.usereffect.com/topic/25-point-website-usability-checklist
- 44 http://www.websitemagazine.com/content/blogs/posts/pages/everyday-usability-14-point-checklist-for-success.aspx
- 45 http://bestwebdesignschools.com/2009/usabilityedu-25-incredibly-useful-usability-cheat-sheets-checklists/
- 46 http://www.great-web-design-tips.com/web-usability/97.html
- 47 https://uxpa.org/sites/default/files/key_questions.pdf
- 48 http://css-tricks.com/common-sense-seo-checklist/
- 49 http://css-tricks.com/common-sense-seo-checklist/
- 50 http://www.sitepoint.com/article/ultimate-seo-checklist/
- 51 http://www.seomoz.org/blog/the-beginners-checklist-for-small-business-seo
- 52 http://www.seomoz.org/blog/the-beginners-checklist-for-learning-seo
- 53 http://www.seomoz.org/blog/the-web-developers-seo-cheat-sheet
- 54 http://www.seomoz.org/blog/the-beginners-checklist-for-small-business-seo
- 55 http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm
- 56 http://www.socialmediatoday.com/marketing/anandsmartdata/2015-06-22/your-checklist-launching-viral-marketing-campaign
- 57 http://www.searchengineguide.com/stoney-degeyter/the-best-damn-web-marketing-checklist-pe.php
- 58 http://www.searchengineguide.com/stoney-degeyter/the-best-damn-web-marketing-checklist-pe.php
- 59 https://website-designs.com/website-design/website-conversion-rate-optimization/
- 60 http://www.smallbizsurvival.com/2008/03/checklists-for-starting-your-first.html
- 61 http://www.simplehelp.net/2007/05/26/wordpress-the-complete-post-install-checklist-redux/
- 62 http://www.problogdesign.com/wordpress/10-things-to-do-after-installing-wordpress/
- 63 http://www.simplehelp.net/2007/05/26/wordpress-the-complete-post-install-checklist-redux/
- 64 http://www.tylerschroeder.net/wp-content/uploads/2012/02/WordPress-Blog-Maintenance-Checklist.pdf
- 65 http://www.tylerschroeder.net/wp-content/uploads/2012/02/WordPress-Blog-Maintenance-Checklist.pdf
- 66 http://codex.wordpress.org/Theme_Development_Checklist
- 67 http://yoast.com/perfect-wordpress-theme/
- 68 http://codex.wordpress.org/Theme_Development_Checklist
- 69 http://www.blogherald.com/2008/03/07/wordpress-upgrade-preparation-checklist/
- 70 http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one.html
- 71 http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one.html
- 72 http://webdesignerschecklist.com/
- 73 http://www.dreamtemplate.com/blog/web-design-tips/a-solid-web-design-checklist/
- 74 http://www.hobo-web.co.uk/website-design-tips/
- 75 http://www.hobo-web.co.uk/website-design-tips/
- 76 http://www.virtualhosting.com/blog/2008/test-your-website-a-57-point-checklist-for-maximum-usability/