© 2013 htmlcut.comHow to Improve Your WebsiteA Checklist to AnswerBefore You Start Redesigning
How to Improve Your WebsiteA Checklist to Answer Before You Start Redesigning© 2013 htmlcut.comThe website life cycle incl...
© 2013 htmlcut.comBelow youll find a checklist for- those who have decided to optimize their websiteand- those who are dev...
© 2013 htmlcut.com● Is your website design on modern lines or it looks like a relic ofthe early days of the web?● Is the d...
© 2013 htmlcut.com● Is there synergy between your design and content? Does thedesign support content or they live unrelate...
© 2013 htmlcut.com● Is there a feeling of the website / brand personality? Is there ahuman voice in your design?● Is your ...
© 2013 htmlcut.com● If the visitor scans your website, can he or she understandwhat is your website about and which inform...
© 2013 htmlcut.com● Is the website stuffed with cluttered, redundant or evenirrelevant information, images or Call-to-Acti...
© 2013 htmlcut.com● Is your content properly formatted and easy-to-scan(paragraphs of 4-6 lines, sufficient number of sub-...
© 2013 htmlcut.com● Is the content correct from the point of view of spelling andgrammar?● Do you use unsolicited pop-ups ...
© 2013 htmlcut.com● Is your website for humans or search engines?● Is the website developed for the right people? Is the d...
© 2013 htmlcut.com● Is the website copy effective? Headlines and slogans - Arethey just a bunch of words to fill the white...
© 2013 htmlcut.com● Are the Call-to-Action buttons / links effective? For example,their shape, size, color, wording, and p...
© 2013 htmlcut.com● Does the website provide visitors with appropriate responseafter important operations?● Are there test...
© 2013 htmlcut.com● Does the website provide necessary legal information andguarantees? (it is especially important for e-...
© 2013 htmlcut.com● Which versions of HTML and CSS are used on your website?What about HTML5 and CSS3? Possibly they are m...
© 2013 htmlcut.com● Is the website table-based?● Is the HTML / CSS code understandable and easy to updateand modify? Is it...
© 2013 htmlcut.com● Is the website code SEO semantic?● What about accessibility?● Is the loading time of your website smal...
© 2013 htmlcut.com● Are page URLs SEO-friendly?● Are title and meta description tags appropriate and differentfor every pa...
© 2013 htmlcut.com● Do you or your SEO company use black SEO tricks?● Is the website overoptimized (for example, too manyk...
© 2013 htmlcut.com● Is there a large number of images? Is it possible to substitutethem or their textual elements for web-...
© 2013 htmlcut.com● Is your content unique and of high quality or a spinned, stolenor worthless garbage?● Are there backli...
© 2013 htmlcut.com● Does your website have sufficient functionality - search,slideshows, catalogs, online calculators or d...
© 2013 htmlcut.com● Do you have active accounts in the social networks? Do theyhave a decent (for websites in your niche) ...
© 2013 htmlcut.com● How well is your website displayed on mobile devices andtablets? For example, is it convenient to brow...
© 2013 htmlcut.com● Is there Flash animation? (it doesnt work on iPhones or iPads)● Are the design elements large enough t...
© 2013 htmlcut.com● Is it easy to update content, for example, to add a new pageor image, change a phrase or modify a page...
© 2013 htmlcut.com● Does your CMS (content management system) correctlysupport new versions of necessary plug-ins or there...
© 2013 htmlcut.comSummaryThe website improvement is a taskthat should be done almost on a daily basis,because the web and ...
© 2013 htmlcut.comMusic byDanoSongs.comhttp://www.danosongs.comCreative Commons License
© 2013 htmlcut.comHTMLcut.comis a leading PSD to HTML / HTML5 / CSSand PSD to WordPress / Joomla! / Drupalconversion compa...
Upcoming SlideShare
Loading in...5
×

The Website Redesign Checklist

633

Published on

There are a lot of recommendations and checklists on how to redesign or improve websites. So, why write yet another post? The answer is very simple: Drastic change. Today web design, front-end development, markup coding standards, SEO, and site promotion are changing so quickly that many recommendations become obsolete in the course of months or even weeks.

In this slideshow we’ve collected questions, many of which reflect recent trends. Of course, it’s difficult to make such a checklist absolutely exhaustive. But comments on its textual version was encouraging and positive, for example, like this one: "A sensational checklist… -- it was nice to read substance". Hope you find it helpful too.

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
633
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
43
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Website Redesign Checklist

  1. 1. © 2013 htmlcut.comHow to Improve Your WebsiteA Checklist to AnswerBefore You Start Redesigning
  2. 2. How to Improve Your WebsiteA Checklist to Answer Before You Start Redesigning© 2013 htmlcut.comThe website life cycle includes a lot of phases:Design, PSD to HTML/CSS conversion,back-end development, testing, beta stage,official launch, regular operation,gathering of feedbacks and comments,analysis of website and marketing statistics,improvements and updates,and so forth.Of these one of the most important actions are theimprovements and updates.
  3. 3. © 2013 htmlcut.comBelow youll find a checklist for- those who have decided to optimize their websiteand- those who are developing the website from scratch andwant to know things that may be essential forthe further site improvement.There are 9 chapters and 80+ questions.We assume that the reader knows in generalwhat is behind the question and uses this questionnaireas a cheat sheet.How to Improve Your WebsiteA Checklist to Answer Before You Start Redesigning
  4. 4. © 2013 htmlcut.com● Is your website design on modern lines or it looks like a relic ofthe early days of the web?● Is the design professional? These points are especially crucialfor business sites for which design is subconsciously projectedonto the service or product quality: obsolete and/or amateurdesign ==> bad service / product quality.● Is the design effective? Does the design help to convey themain ideas behind your website and to achieve its goals?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningDesign
  5. 5. © 2013 htmlcut.com● Is there synergy between your design and content? Does thedesign support content or they live unrelated lives?● Is the design pertinent? Is it too bright / dark or contrast orwith bizarre fonts unsuitable for your industry and targetaudience? Maybe the design is associated with undesired orwrong topics, characters or events?● Does your website make a good impression? Is it memorable(in a positive sense) or you use a hackneyed theme with stockimages which are published 3 million times on other websites?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningDesign
  6. 6. © 2013 htmlcut.com● Is there a feeling of the website / brand personality? Is there ahuman voice in your design?● Is your website emotive? Can full-screen / large images orvideo backgrounds help to make the website more exciting?● Is the design skeuomorphic? Possibly flat design will be moresuitable?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningDesign
  7. 7. © 2013 htmlcut.com● If the visitor scans your website, can he or she understandwhat is your website about and which information / optionsare available on the website?● Is there a visual guideline how to use the website? Is thewebsite navigation intuitive and consistent?● Is placement of the website elements and their functioningunderstandable and similar on different pages or they requirethe visitor to think or guess?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUsability and User Experience
  8. 8. © 2013 htmlcut.com● Is the website stuffed with cluttered, redundant or evenirrelevant information, images or Call-to-Action buttons whichconfuse visitors? Or every piece of information is to the point,in the right place and for the right reason?● Is it easy to read the content? Is contrast between fore- andbackground colors acceptable? Are the type face, font size,line height, margins and white space reasonable?These are important in case there are large pieces of textualinformation on your website or the target audience is people whomay have weak eyesight.How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUsability and User Experience
  9. 9. © 2013 htmlcut.com● Is your content properly formatted and easy-to-scan(paragraphs of 4-6 lines, sufficient number of sub-headers,lists, and quotes)?● Are there appropriate images and illustrations which makevisual breaks or only a solid flow of text, text and text?● Is there an overwhelming or annoying use of bold and italic? Isthere a lot of center justified text?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUsability and User Experience
  10. 10. © 2013 htmlcut.com● Is the content correct from the point of view of spelling andgrammar?● Do you use unsolicited pop-ups or irritating banners?● Are there audio or video files which are loaded automaticallyand the visitor cannot stop or mute them?● If there are widgets or features, are they easy-to-use anduseful for the website visitors?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUsability and User Experience
  11. 11. © 2013 htmlcut.com● Is your website for humans or search engines?● Is the website developed for the right people? Is the designand content engaging and understandable for the targetaudience?● Is the website design and content about you and yourcompany or about customers needs and problem solving?● Is it easy to find out what your services or products are aboutand why your company is the best choice?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMarketing
  12. 12. © 2013 htmlcut.com● Is the website copy effective? Headlines and slogans - Arethey just a bunch of words to fill the white space or everyword and its position is well thought-out?● Are your contacts visible well on the website? Are they presenton each page or only on the Contact page?● Is there clear Call-to-Action? Is Call-to-Action overdone,confusing or too blatant?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMarketing
  13. 13. © 2013 htmlcut.com● Are the Call-to-Action buttons / links effective? For example,their shape, size, color, wording, and position can increase thewebsite conversion rate in several times.● Are forms (for example, on Contact us or Order pages) easyto deal with? Do they contain a reasonable number (as few aspossible) of fields with clear meanings?● Is there the Help or FAQ section? What about consumerguides, free reports or reviews?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMarketing
  14. 14. © 2013 htmlcut.com● Does the website provide visitors with appropriate responseafter important operations?● Are there testimonials? Are they true words from real peopleor canned ones?● Is your website trustworthy? Are there elements that buildtrust and credibility?● How often do you add new content? Is it stale? If so, what isthe reason - maybe it is technically difficult or inconvenient todo that?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMarketing
  15. 15. © 2013 htmlcut.com● Does the website provide necessary legal information andguarantees? (it is especially important for e-commerce, SaaS,and so on)● Do you use one large website for all your businesses / services/ products or there are a central (corporate) website plus anumber of specialized websites for the most importantservices or products which are easily found and accessed byconsumers?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMarketing
  16. 16. © 2013 htmlcut.com● Which versions of HTML and CSS are used on your website?What about HTML5 and CSS3? Possibly they are more efficientand reasonable for your website now.● Is the website HTML / CSS / JavaScript code errorless? Doesyour website look and function correctly?● Is your website W3C standards valid? (you can check that onthe W3C sites validator.w3.org and jigsaw.w3.org/css-validator/)How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningPSD to HTML conversion & coding
  17. 17. © 2013 htmlcut.com● Is the website table-based?● Is the HTML / CSS code understandable and easy to updateand modify? Is it clean, structured and commented or thereare a lot of code garbage and remains of coding experimentsand failed improvements?● Does your website look and work identically in differentpopular web browsers (Chrome, Firefox, Safari, IE)?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningPSD to HTML conversion & coding
  18. 18. © 2013 htmlcut.com● Is the website code SEO semantic?● What about accessibility?● Is the loading time of your website small?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningPSD to HTML conversion & coding
  19. 19. © 2013 htmlcut.com● Are page URLs SEO-friendly?● Are title and meta description tags appropriate and differentfor every page?● Are there a reasonable number of relevant and right keywordsand their synonyms in the content?● Do images have relevant alt attributes? Are image namesdescriptive or look like img12345.png?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningSEO
  20. 20. © 2013 htmlcut.com● Do you or your SEO company use black SEO tricks?● Is the website overoptimized (for example, too manykeywords)?● Are the website pages adequately interlinked?● Does the website have sitemaps (both an HTML version andXML one)? Are they fresh?● Is there a lot of Flash or Javascript on the website? Are theynecessary and optimized or used on the principle of why not?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningSEO
  21. 21. © 2013 htmlcut.com● Is there a large number of images? Is it possible to substitutethem or their textual elements for web-fonts? (web-fonts aremuch more SEO friendly) If not, maybe a rollover image -textual description or other HTML/CSS/JS techniques whichdisplay text on clicking or mouse hover are the solution?● Are there broken links on your website? What about orphanpages?● Is there duplicate content? How do you solve the paginationproblems?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningSEO
  22. 22. © 2013 htmlcut.com● Is your content unique and of high quality or a spinned, stolenor worthless garbage?● Are there backlinks to your website from low quality resources?How many backlinks are there with your main exact keywordsas an anchor text?● Is there authorship information on your website?● Do you use social snippets on your website? What aboutschema.org microdata?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningSEO
  23. 23. © 2013 htmlcut.com● Does your website have sufficient functionality - search,slideshows, catalogs, online calculators or documentgenerators, just to name a few? Is it competitive enough incomparison with websites of your rivals?● Is your website interactive? Are there contact or feedbackforms on your website? What about online chat?● Do you use Google / Bing maps on your website?● Are there videos? Photo galleries?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningFunctionality and Features
  24. 24. © 2013 htmlcut.com● Do you have active accounts in the social networks? Do theyhave a decent (for websites in your niche) number of fans?● Is the website linked to your active accounts on Facebook orTwitter?● Is it easy to Like or Retweet your content or Pin images?● Is it possible to subscribe to your e-mail newsletter(s), RSSfeed(s) or follow you on Facebook, Twitter or Google+?● Is there a blog on your website? Is it alive?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningSociability
  25. 25. © 2013 htmlcut.com● How well is your website displayed on mobile devices andtablets? For example, is it convenient to browse and use it oniPhone or iPad?● Is the layout of your website responsive?● How do images on your website look on the Retina displays?● Does your website support such mobile functionality as touchscreen operations or geographic location awareness?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMobility
  26. 26. © 2013 htmlcut.com● Is there Flash animation? (it doesnt work on iPhones or iPads)● Are the design elements large enough to be easy-to-use ontouch screens?● Do you use mouse-overs (rollovers)? (they need a specialtreatment on touch screen devices)How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningMobility
  27. 27. © 2013 htmlcut.com● Is it easy to update content, for example, to add a new pageor image, change a phrase or modify a page title? Can you dothis job without assistance or you need to ask IT staff?● Is your website scalable? For instance, can it cope withsuddenly increased traffic?● Is your website safe and reliable?● Can the website be localized for the different markets?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUpdates and Maintenance
  28. 28. © 2013 htmlcut.com● Does your CMS (content management system) correctlysupport new versions of necessary plug-ins or there areproblems with their compatibility?● Is it easy to make a backup version of the website?How to Improve Your WebsiteA Checklist to Answer Before You Start RedesigningUpdates and Maintenance
  29. 29. © 2013 htmlcut.comSummaryThe website improvement is a taskthat should be done almost on a daily basis,because the web and competitive market environmentare changing continuously.By keeping your website up to date you are constantly improvingyour business effectiveness and customers satisfaction.This is a long way but it leads to success.Read more on our blog www.htmlcut.com/blogHow to Improve Your WebsiteA Checklist to Answer Before You Start Redesigning
  30. 30. © 2013 htmlcut.comMusic byDanoSongs.comhttp://www.danosongs.comCreative Commons License
  31. 31. © 2013 htmlcut.comHTMLcut.comis a leading PSD to HTML / HTML5 / CSSand PSD to WordPress / Joomla! / Drupalconversion company.For more information:info@htmlcut.comwww.htmlcut.comhtmlcut.com/blog
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×