{"id":1709,"date":"2015-10-24T01:29:47","date_gmt":"2015-10-24T01:29:47","guid":{"rendered":"https:\/\/leadershipshape.com\/wardroom\/?p=1709"},"modified":"2016-01-23T18:53:00","modified_gmt":"2016-01-23T18:53:00","slug":"10-free-website-usability-tools-to-improve-your-customer-experience","status":"publish","type":"post","link":"https:\/\/leadershipshape.com\/wardroom\/10-free-website-usability-tools-to-improve-your-customer-experience\/","title":{"rendered":"10 Free Website Usability Tools to Improve Your Customer Experience"},"content":{"rendered":"<div id=\"articleHeader\">\n<h1 id=\"articleHeader__title\"><img decoding=\"async\" src=\"https:\/\/assets.entrepreneur.com\/content\/16x9\/822\/20150423190324-increase-visitor-engagment-more-conversions-man-ipad-charts-graphs-conversions.jpeg\" alt=\"10 Free Website Usability Tools to Improve Your Customer Experience\" \/><\/h1>\n<\/div>\n<header>\n<div>\n<p><a class=\"name\" href=\"http:\/\/www.entrepreneur.com\/author\/ann-smarty\" rel=\"author\"><img decoding=\"async\" class=\"hero lazy\" src=\"https:\/\/assets.entrepreneur.com\/content\/1x1\/124\/1409676392_ann-smarty.jpg\" alt=\"Ann Smarty\" data-original=\"https:\/\/assets.entrepreneur.com\/content\/1x1\/124\/1409676392_ann-smarty.jpg\" \/><\/a><\/p>\n<div>ANN SMARTY<\/div>\n<div class=\"title\">CONTRIBUTOR<\/div>\n<div class=\"bio\">Founder of MyBlogU, Brand Manager at Internet Marketing Ninjas<\/div>\n<\/div>\n<div>Image credit: <a href=\"https:\/\/stocksnap.io\/photo\/KCIU8RWM09\" target=\"_blank\">Olu Eletu | StockSnap.io<\/a><\/div>\n<\/header>\n<p><time>October 21, 2015<\/time><\/p>\n<div id=\"bd250112\">\n<p>Usability is a crucial part of running a successful website. Broken links, bad contrast, text blocks, over-complicated designs, technical clutter . . .\u00a0these can spell death for both website traffic and sales conversions. The good news, however, is that these issues are\u00a0enough of a problem that hundreds of tools now exist to assist with the process of properly testing a website.<\/p>\n<p><strong>Related:\u00a0<a href=\"http:\/\/www.entrepreneur.com\/article\/243344\" target=\"_blank\">Stop Being Such a Tight Wad. Invest In a Great Website.<\/a><\/strong><\/p>\n<p>While certain process are worth putting money and effort into (for example, hiring testers to do a thorough check and recheck, and to do proper split testing), some things can be handled for free.<\/p>\n<p>Here are ten useful tools to get you started. At the very least, they can point you in the right direction so you know where to spend your budget.<\/p>\n<h2><strong>1. WhatFix<\/strong><\/h2>\n<p>Always be there when\u00a0your user needs you: <a href=\"http:\/\/whatfix.com\/\" target=\"_blank\">WhatFix<\/a> allows you to create interactive flows explaining any part of your site: You can create multiple flows and use them as the non-intrusive widget. A flow is the step-by-step explanation of what should be done on the current page. WhatFix is free, with the <a href=\"http:\/\/whatfix.com\/business\/\" target=\"_blank\">option to upgrade<\/a> to create self-hosted customized flows.<\/p>\n<h2><strong>2. Color Oracle<\/strong><\/h2>\n<p>Is your site optimized for people with color blindness? You might not think it is worth catering to such a small sliver of the population, but there are more people suffering from color perception issues than you think. According to <a href=\"http:\/\/www.colourblindawareness.org\/\" target=\"_blank\">Color Blindness Awareness<\/a>, 1 in 12 men and 1 in 200 women have color awareness problems, which means a fair percentage of your users are going to have trouble seeing colors in your design.<\/p>\n<p><a href=\"http:\/\/colororacle.org\/\" target=\"_blank\">Color Oracle <\/a>is an overlay filter that you can use on any art or designs to make sure your colors can be perceived by\u00a0anyone who visits.<\/p>\n<h2><strong>3. Paletton<\/strong><\/h2>\n<p>Speaking of colors, you don&#8217;t want to consider just color blindness. You also want to make sure your colors mesh as well as you assume they will. Given some of the horrible color choices even official brands choose for their websites, logos and products, color choice\u00a0is too frequently ignored. Indeed, this important choice is typically reserved\u00a0for when customers tick\u00a0off those psychological association boxes companies rely on more than they do common sense.<\/p>\n<p>Having garish or uncomfortable colors will make viewing your site harder for the user. <a href=\"http:\/\/paletton.com\/#uid=1000u0kllllaFw0g0qFqFg0w0aF\" target=\"_blank\">Paletton<\/a> makes it easy to find the best combinations of colors, tones\u00a0and shades.<\/p>\n<p><strong>Related:\u00a0<a href=\"http:\/\/www.entrepreneur.com\/article\/224608\" target=\"_blank\">5 Things That Belong on the Front Page of Your Website<\/a><\/strong><\/p>\n<h2><strong>4. Cyfe<\/strong><\/h2>\n<p>Create your own site performance and usability dashboard to monitor how your site is serving users. Your usability dashboard can aggregate the data from the following built-in tools: Google Analytics (to spot any weird activity),\u00a0Pingdom (to monitor the down time) and\u00a0ZenDesk (to monitor your customer team stats).<\/p>\n<p>In addition, you can add widgets for any RSS feed (for example, your brand-name mentions, to track questions from customers), and any Google spreadsheet. (You can also use Google Docs to aggregate notes from your team.)\u00a0The cool thing about <a href=\"http:\/\/www.cyfe.com\/\" target=\"_blank\">Cyfe<\/a> is that you can see all these widgets on one page to get a handy bird&#8217;s-eye view of all the aggregated data.<\/p>\n<h2><strong>5. Page Speed<\/strong><\/h2>\n<p>Site speed is important, because if your site doesn&#8217;t load well, people won&#8217;t bother to use it. This is especially true in today&#8217;s age, when high speed Internet is in almost every household, and available on every mobile device. <a href=\"http:\/\/tools.seochat.com\/tools\/pagespeed\/\" target=\"_blank\">Page Speed<\/a>will analyze your web page speed, and diagnose problems that might be slowing it down. All you have to do is put in your URL.<\/p>\n<p>If you are wondering how your site downtime looks like compared to that of other sites, here are\u00a0<a href=\"https:\/\/www.sitegeek.com\/analysis\/statistics.jsp\" target=\"_blank\">up-to-date uptime stats<\/a> for you to dig in. These stats are\u00a0updated every month to show you the biggest losers and winners when it comes to hosting service uptime.<\/p>\n<h2><strong>6. Pingdom<\/strong><\/h2>\n<p>If you are worried about bottlenecking, this is a great tool. <a href=\"http:\/\/tools.pingdom.com\/fpt\/\" target=\"_blank\">Pingdom<\/a> will isolate any bottlenecks that are impacting speed or causing pages to loop. Pingdom has a subscription service that will automatically test your site every day, so you will be alerted to any issues that crop up the moment they are detected. That is a paid service, but basic testing is free. As mentioned above, I use Cyfe to monitor my site downtime.<\/p>\n<h2><strong>7. Spur<\/strong><\/h2>\n<p>Get an honest critique on your design choices, with <a href=\"http:\/\/www.spurapp.com\/\" target=\"_blank\">Spur<\/a>. You put in your URL, and Spur runs it against classic design principles to tell you what \u201drules\u201d you are violating. You will be able to see what does and does not work. Then you can get a further critique from community members, sharing the original and the changed designs, based on their recommendations.<\/p>\n<h2><strong>8. Feedback Form<\/strong><\/h2>\n<p>WordPress is a platform of choice for many due to the many plugins that you can use to customize the website for free. <a href=\"http:\/\/wordpress.org\/plugins\/wp-feedback-form\/\" target=\"_blank\">Feedback Form<\/a> is one of those invaluable ones that everyone should install. You can create simple forms in various styles that ask your users directly about ways you can improve usability.<\/p>\n<p>What better way to find out than to go straight for the source? This is only one of many customizable feedback form generators out there for WordPress.<\/p>\n<p>If your site runs on WordPress, here are a <a href=\"http:\/\/firstsiteguide.com\/must-have-plugins\/\" target=\"_blank\">few more must-have WordPress plugins<\/a> to install, including <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\">WP Super Cache<\/a> for better load time and <a href=\"http:\/\/www.gravityforms.com\/\" target=\"_blank\">Gravity Forms<\/a> for more feedback form options.<\/p>\n<h2><strong>9. Chalkmark<\/strong><\/h2>\n<p><a href=\"http:\/\/www.optimalworkshop.com\/chalkmark.htm\" target=\"_blank\">Chalkmark<\/a> is a really cool way of crowdsourcing usability and design feedback. You provide a design screenshot, and people on the site leave you notes. It is all based on first-click, so you get fresh impression opinions every single time. The information is then put into a visual format as a heatmat, so you see for yourself where people clicked, avoided\u00a0and created the most traffic. It is easy to use, and highly effective. You won&#8217;t find a better way to get mass opinions all in one place.<\/p>\n<h2><strong>10. Five Second Test<\/strong><\/h2>\n<p><a href=\"http:\/\/fivesecondtest.com\/\" target=\"_blank\">Five Second Test<\/a>\u00a0focuses on two things: landing pages, and calls to action. It quickly evaluates your design to tell you whether these components are being properly optimized. From there, it <a href=\"http:\/\/pakwired.com\/3-ux-design-tips-startups-can-implement-today\/\" target=\"_blank\">gives you actionable tips on how to improve<\/a>, as well as alerts about serious problems that have to be addressed.<\/p>\n<p>Usability is all about first impressions, which is where the term comes from. You have to be able to hook the attention of users within the first five seconds of their\u00a0landing on your page, or your site is not doing its job.<\/p>\n<p>Do you have any tools to put on this list? We would love to hear about them, so let us know in the comments!<\/p>\n<p><strong>Related:\u00a0<a href=\"http:\/\/www.entrepreneur.com\/article\/224376\" target=\"_blank\">How to Build a Multi-Platform Website<\/a><\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ANN SMARTY CONTRIBUTOR Founder of MyBlogU, Brand Manager at Internet Marketing Ninjas Image credit: Olu Eletu | StockSnap.io October 21, 2015 Usability is a crucial part of running a successful website. Broken links, bad contrast, text blocks, over-complicated designs, technical clutter . . .\u00a0these can spell death for both website traffic and sales conversions. The &hellip; <a href=\"https:\/\/leadershipshape.com\/wardroom\/10-free-website-usability-tools-to-improve-your-customer-experience\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">10 Free Website Usability Tools to Improve Your Customer Experience<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pmpro_default_level":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[],"class_list":["post-1709","post","type-post","status-publish","format-standard","hentry","category-startups","pmpro-has-access"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4MGMb-rz","_links":{"self":[{"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/posts\/1709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/comments?post=1709"}],"version-history":[{"count":3,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/posts\/1709\/revisions"}],"predecessor-version":[{"id":1879,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/posts\/1709\/revisions\/1879"}],"wp:attachment":[{"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/media?parent=1709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/categories?post=1709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadershipshape.com\/wardroom\/wp-json\/wp\/v2\/tags?post=1709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}