{"id":260,"date":"2020-08-28T12:51:16","date_gmt":"2020-08-28T11:51:16","guid":{"rendered":"http:\/\/www.friezedesign.co.uk\/blog\/?p=260"},"modified":"2026-10-08T13:20:09","modified_gmt":"2026-10-08T12:20:09","slug":"website-usability","status":"publish","type":"post","link":"https:\/\/www.friezedesign.co.uk\/blog\/website-usability\/","title":{"rendered":"Website Usability"},"content":{"rendered":"\n<h4 class=\"kt-adv-heading260_a9e98e-17 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading260_a9e98e-17\">&#8220;What it is and why it is so important&#8221;<\/h4>\n\n\n\n<p>When we design websites, usability is always our top priority, above all else. But it&#8217;s shocking how many websites we see, where usability hasn&#8217;t been given a second thought. <\/p>\n\n\n\n<p>Usability is intrinsic to good web design. If your website&#8217;s usability is poor &#8211; your website has been poorly designed.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>All websites, regardless of their complexity, need to be usable for even the most technophobic and non-savvy of visitors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Website Usability <strong>Principles<\/strong><\/h3>\n\n\n\n<p>Much of what ensures a website&#8217;s design will be usable on completion, is discovered as part of the &#8216;<a href=\"https:\/\/www.friezedesign.co.uk\/blog\/web-design-planning\/\" data-type=\"post\" data-id=\"111\">design planning phase<\/a>&#8216;. Each website will have unique aims and requirements, so usability will need to be tailored to fit. However, there are some <strong>essential usability principles that can be applied to any website<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-kadence-infobox kt-info-box260_dfd6bc-2c\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\" href=\"W\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span data-name=\"fe_arrowDownCircle\" data-stroke=\"2\" data-class=\"kt-info-svg-icon\" class=\"kadence-dynamic-icon\"><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Intuitive<\/h4><p class=\"kt-blocks-info-box-text\">Visitors to your website should know what to do without thinking. Methods we employ to help achieve this include:<br\/><br\/><em><strong> Well Structured Content<\/strong><\/em><br\/><strong><em>Site-Wide Consistency<\/em><\/strong><br\/><strong><em>Strong Cues and Labeling<\/em><\/strong><br\/><strong><em>Dynamic Feedback<\/em><\/strong> (what a user should do next)<br\/><strong><em>L<\/em><\/strong><em><strong>ogical Website Navigation<\/strong><\/em><br\/><strong><em>Good, Clear Typographic Style<\/em><\/strong><br\/><strong><em>Adopt <\/em><\/strong><em><strong>Suitable <\/strong><\/em><strong><em>Conventions<\/em><\/strong><\/p><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-kadence-infobox kt-info-box260_218b17-40\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\" href=\"Wlanging\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span data-name=\"fe_arrowDownCircle\" data-stroke=\"2\" data-class=\"kt-info-svg-icon\" class=\"kadence-dynamic-icon\"><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Inclusive<\/h4><p class=\"kt-blocks-info-box-text\">Different people, on different devices,  in all kinds of different situations &#8211; your website needs to be available to them all. Unlike other media (print, TV), a website needs to be extremely flexible. Methods we employ to help achieve this include:<br\/><br\/><strong><em>Use Device Independent Coding Techniques<\/em><\/strong><br\/><strong><em>Awareness of Device Properties<\/em><\/strong> (ex: touch\/cursor)<br\/><strong><em>Device Usage Scenarios<\/em><\/strong> (ex: outdoors\/indoors) <br\/><strong><em>Follow Recognised Accessibility Rules<\/em><\/strong><br\/><strong><em>Optimise For Speed and Response Times<\/em><\/strong> (see below)<em><br\/><strong>Multi Device, Platform and Browser Testing<\/strong><\/em><br\/><strong><em>Test Multiple Connection Speeds<\/em><\/strong> (WiFi\/3G\/4G\/5G)<\/p><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-kadence-infobox kt-info-box260_ec8c1c-6d\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\" href=\"Wlanging\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span data-name=\"fe_arrowDownCircle\" data-stroke=\"2\" data-class=\"kt-info-svg-icon\" class=\"kadence-dynamic-icon\"><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Responsive &amp; Nimble<\/h4><p class=\"kt-blocks-info-box-text\">Your website needs to be optimised so it loads quickly and instantly responds to the user&#8217;s interactions. Methods we employ to help achieve this include:<br\/><br\/><em><strong> Optimise Media For Fast Loading <\/strong><\/em>(Images, Video, etc.)<em><br\/><\/em><strong><em>Minimise Server Requests<\/em><\/strong> (Merge files where possible)<br\/><strong><em>Remove Unnecessary Animations<\/em><\/strong> (Slow, lagging, clunky UI)<br\/><strong><em>Avoid Resource Hungry &#8216;Wow Factor&#8217; Design<\/em><\/strong><br\/><strong><em>Consider Overall Page Load<\/em><\/strong> (Combined file sizes)<\/p><\/div><\/a><\/div>\n\n\n\n<p>Interested in seeing <a href=\"https:\/\/www.friezedesign.co.uk\/fse-test\/\">Usability\/UX in practice &#8211; Client Prototype<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When we design websites, usability is always our top priority, above all else. But it&#8217;s shocking how many websites we see, where usability hasn&#8217;t been given a second thought. Usability is intrinsic to good web design. If your website&#8217;s usability is poor &#8211; your website has been poorly designed.<\/p>\n","protected":false},"author":1,"featured_media":1249,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[33,34,35,17,32,19,18,9],"class_list":["post-260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-multi-device-web-design","tag-optimised","tag-responsive","tag-usability","tag-usability-principles","tag-user-experience","tag-ux","tag-website-design"],"_links":{"self":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":66,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/260\/revisions"}],"predecessor-version":[{"id":1057,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/260\/revisions\/1057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/media\/1249"}],"wp:attachment":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}