[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
{"id":3100,"date":"2010-08-04T07:33:53","date_gmt":"2010-08-04T05:33:53","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=3100"},"modified":"2014-01-18T11:21:20","modified_gmt":"2014-01-18T09:21:20","slug":"4-usability-tools-for-web-design","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/","title":{"rendered":"4 Usability Tools For Web Design"},"content":{"rendered":"<p>Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set forth by usability gurus like <em><strong>Jakob Nielsen<\/strong><\/em>. But what exactly are the principles that all designers should be using to inform their designs? Everyone knows about underlining links, making sure your hierarchies are in place, having your logo in the top left and so on. Why do these standards exist, though, and why do they remain such a constant? And once you adhere to these basic standards, how can a good designer make sure the particulars of their designs are user-friendly and optimized so the site gets the best results \u2013 whether those best results are sales, clicks, conversions or time on page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload alignnone size-full wp-image-3101\" title=\"Usability in Web Design\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 512'%2F%3E\" data-src=\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\" alt=\"Usability in Web Design\" width=\"600\" height=\"512\" \/><\/p>\n<p>According to the aforementioned <em><strong>Jakob Nielsen<\/strong><\/em> \u2013 who\u2019s considered pretty much the last word on web usability \u2013 the term, as it applies to websites, is defined as follows:<\/p>\n<ul>\n<li> learn ability (how easily can users figure out what to do the first time); efficiency (how quickly can they get things done);<\/li>\n<li>memorability (once they\u2019ve been away, can users remember how to do things once they return);<\/li>\n<li>errors (how many errors does a user commit and how sever are these errors);<\/li>\n<li>and satisfaction (how pleasant is the overall design and experience).<\/li>\n<\/ul>\n<p><strong>Got it?<\/strong><\/p>\n<p><em>So what does all that mean, and how are designers supposed to make sure they follow those five principles in every site they design?<\/em> It\u2019s impractical to gather up 25 users, pay and feed them and make them test your site. Luckily, there are any number of methods and tools used to test a site\u2019s usability. Here are four ways to make sure each site you design follows the Nielsen principles of usability and four tools to keep you honest.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload alignnone size-full wp-image-3102\" title=\"Usability in Web Design\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 322'%2F%3E\" data-src=\"http:\/\/media.crazyleafdesign.com\/2010\/08\/usability-in-web-design.jpg\" alt=\"Usability in Web Design\" width=\"600\" height=\"322\" \/><br \/>\n<!--more--><\/p>\n<h2>A\/B \u2013 Multvariate Testing<\/h2>\n<p>This is a great way to figure out what users want to see on a site after it\u2019s already gone live. Is the CTA (call-to-action) more effective here or there? Does this photo attract too many clicks? Should a link go here or there? <strong>Google <\/strong>makes a great tool for determining the answers to such questions \u2013 <strong>Website Optimizer<\/strong> can be used in conjunction with <strong>Adwords <\/strong>or as a standalone product to run simple tests and track the results. It\u2019ll provide you with good data, as long as you don\u2019t overwhelm it with things to track; thus, it\u2019s particularly useful on landing pages or e-commerce pages. Pick one or two key pieces of your site at a time and see what good this tool can do for you. Plus, collecting data gathered by A\/B or multivariate testing is a great way to show clients the reasoning behind your work.<\/p>\n<h2>Is This Clickable?<\/h2>\n<p>A common problem in <a href=\"https:\/\/www.crazyleafdesign.com\/blog\/minimalism-in-web-design-trends-and-techniques\/\">web design<\/a> is creating a page element that doesn\u2019t do what users expect it to do. For example, images often attract clicks, but if the image that\u2019s attracting clicks doesn\u2019t take the user anywhere, that\u2019s a missed opportunity for conversions \u2014 or worse, it might cause someone to think the \u201clink\u201d is broken and leave the site. How to avoid this, then? By adding a snippet of <strong>Javascript <\/strong>and using <strong>Google Analytics<\/strong> to track a page element, you can keep an eye on any part of your site that you think might attract users\u2019 clicks. It\u2019s sort of like a heat map, but simplified and free! Here\u2019s the code snippet to track an outbound link:<\/p>\n<h2>What Are YOU Looking At?<\/h2>\n<p>Perhaps the most versatile (and recognizable) usability-testing tool in the designer\u2019s arsenal is the heat map, which tracks and records for later viewing a visitor\u2019s interactions with your site. A tool like <strong>ClickTale <\/strong>shows what element of your site draws a user\u2019s eye first and where the user goes after that. Do they read along the top, or do they go straight to the CTA in the middle? Most users follow along where they\u2019re reading with their mouse; if they do, the <strong>ClickTale <\/strong>will tell the story of their visit. It\u2019s an amazingly insightful and effective way to make sure your site is designed in the most logical and user-friendly way possible.<\/p>\n<h2>This Is Only A Test<\/h2>\n<p>Finally (and despite what I said about four paragraphs ago), there\u2019s really no substitute for observing how a user interacts with your site. <strong><em>Jakob Nielsen<\/em><\/strong> suggests that you might want to look into building a dedicated &#8220;testing lab&#8221;; however, if you\u2019re a freelance designer, my guess is that such things are slightly out of your price range. Services like <strong>Silverback <\/strong>and <strong>UserTesting<\/strong>, though, might not be. Basically, these let you get around bringing people in to test your site by letting you submit your site to them, whereupon they find the users to test it. You can watch the results via <strong>Quicktime <\/strong>or another video platform \u2013 and the best thing is that not only can you watch the results of a users interactions (like with a heat map), but you can also watch the users themselves as they interact with your site. That\u2019s invaluable data for any designer.<\/p>\n<p>Each of the tools mentioned above, in their own way, address the principles of usability. Moreover, if used properly together, they can help a good design refine his or her design process, making it easier to get more things done, book more jobs and make more money. After all, if you don\u2019t have to send every site out for multiple rounds of testing, your clients are going to get their sites faster and be more pleased with the results. Testing, whatever the method, allows you as a designer to follow the guidelines that ensure your design is effective and easy to use. No site is perfect the first time around, so understanding how users interact with the sites you design will leave you, your client and the site\u2019s users happy.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set forth by usability gurus like Jakob Nielsen. But what exactly are the principles that all designers should be using to inform their designs? Everyone knows about [&hellip;] <a class=\"g1-link g1-link-more\" href=\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\">More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59],"tags":[],"adace-sponsor":[],"class_list":{"0":"post-3100","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web-design"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>4 Usability Tools For Web Design<\/title>\n<meta name=\"description\" content=\"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 Usability Tools For Web Design\" \/>\n<meta property=\"og:description\" content=\"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2010-08-04T05:33:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-01-18T09:21:20+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\" \/>\n<meta name=\"author\" content=\"CrazyLeaf Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CrazyLeaf Editorial\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\"},\"author\":{\"name\":\"CrazyLeaf Editorial\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"headline\":\"4 Usability Tools For Web Design\",\"datePublished\":\"2010-08-04T05:33:53+00:00\",\"dateModified\":\"2014-01-18T09:21:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\"},\"wordCount\":1002,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\",\"name\":\"4 Usability Tools For Web Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\",\"datePublished\":\"2010-08-04T05:33:53+00:00\",\"dateModified\":\"2014-01-18T09:21:20+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"description\":\"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage\",\"url\":\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\",\"contentUrl\":\"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"4 Usability Tools For Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\",\"name\":\"CrazyLeaf Editorial\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"caption\":\"CrazyLeaf Editorial\"},\"description\":\"Follow us on Twitter @crazyleaf , Facebook , Pinterest\",\"sameAs\":[\"https:\/\/crazyleafdesign.com\/blog\",\"https:\/\/www.facebook.com\/crazyleafdesign\",\"https:\/\/x.com\/crazyleaf\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"4 Usability Tools For Web Design","description":"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/","og_locale":"en_US","og_type":"article","og_title":"4 Usability Tools For Web Design","og_description":"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_author":"https:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2010-08-04T05:33:53+00:00","article_modified_time":"2014-01-18T09:21:20+00:00","og_image":[{"url":"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg","type":"","width":"","height":""}],"author":"CrazyLeaf Editorial","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"CrazyLeaf Editorial","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/"},"author":{"name":"CrazyLeaf Editorial","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"4 Usability Tools For Web Design","datePublished":"2010-08-04T05:33:53+00:00","dateModified":"2014-01-18T09:21:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/"},"wordCount":1002,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage"},"thumbnailUrl":"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/","name":"4 Usability Tools For Web Design","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage"},"thumbnailUrl":"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg","datePublished":"2010-08-04T05:33:53+00:00","dateModified":"2014-01-18T09:21:20+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"Web designers are no strangers to the principles of usability on the Web \u2013 in fact, a good web designer should be the best practitioner of the ideas set","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#primaryimage","url":"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg","contentUrl":"http:\/\/media.crazyleafdesign.com\/2010\/08\/web-design-usability.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/4-usability-tools-for-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"4 Usability Tools For Web Design"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https:\/\/crazyleafdesign.com\/blog","https:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/"}]}},"jetpack_featured_media_url":"","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/3100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=3100"}],"version-history":[{"count":16,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/3100\/revisions"}],"predecessor-version":[{"id":5912,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/3100\/revisions\/5912"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=3100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=3100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=3100"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=3100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}