{"id":7614,"date":"2018-11-01T09:54:20","date_gmt":"2018-11-01T09:54:20","guid":{"rendered":"https:\/\/www.webdesignlondon.org\/?p=7614"},"modified":"2025-02-13T08:47:59","modified_gmt":"2025-02-13T08:47:59","slug":"important-web-design-principles","status":"publish","type":"post","link":"https:\/\/www.clickdo.co.uk\/web-design\/important-web-design-principles\/","title":{"rendered":"3 Important Principles for Web Design &#8211; Create a {High Converting Website}"},"content":{"rendered":"<p>Do you want to design a new website and looking for some important principles in web design?<\/p>\n<p>Well in this post, I&#8217;ll be going over 3 important\u00a0principles for web design.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.clickdo.co.uk\/web-design\/important-web-design-principles\/#Intuitive_navigation_structure\" >Intuitive navigation structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.clickdo.co.uk\/web-design\/important-web-design-principles\/#Hicks_law\" >Hick&#8217;s law<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.clickdo.co.uk\/web-design\/important-web-design-principles\/#Fitts_law\" >Fitt&#8217;s law<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.clickdo.co.uk\/web-design\/important-web-design-principles\/#Sbotop_Ole777_%E0%B9%81%E0%B8%A5%E0%B8%B0_Lionth_%E2%80%93_%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B8%93%E0%B8%A1%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AA%E0%B8%99%E0%B8%B8%E0%B8%81\" >Sbotop, Ole777 \u0e41\u0e25\u0e30 Lionth \u2013 \u0e40\u0e27\u0e47\u0e1a\u0e1e\u0e19\u0e31\u0e19\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e38\u0e01<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Intuitive_navigation_structure\"><\/span>Intuitive navigation structure<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You want your website to be super easy for visitors to navigate. You want them to navigate your site like they already been on a hundred\u00a0times before.<\/p>\n<p>To do this, you need to create a sense of familiarity. And many websites have things that are familiar in their structure. For example, the logo of a website will typically lead back to the home page. This is what users expect when they click on it.<\/p>\n<p>Make sure your many is clear and tells users exactly where they&#8217;re going to go. Things like the contact us page or about page is either in the top or footer menu.<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Hicks_law\"><\/span>Hick&#8217;s law<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hick&#8217;s law applies to many things in life and one of them is web design.<\/p>\n<p><strong>What is Hick&#8217;s law?<\/strong><\/p>\n<p>Hick&#8217;s law is giving someone so many options that it actually takes them longer to make a decision.<\/p>\n<p>This is true for web design. When you present the\u00a0user with an insane amount of things to click, they end up taking longer and could feel overwhelmed and bounce off.<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Fitts_law\"><\/span>Fitt&#8217;s law<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>What is Fitt&#8217;s law?<\/strong><\/p>\n<p>Fitt&#8217;s law is how long it takes for a movement to reach its target area.<\/p>\n<p>This is very important for user navigation and having users take a certain action.<\/p>\n<p>Let&#8217;s say you want people to sign up to your email list. What do you think will convert better?<\/p>\n<p>A little piece of text that tells people to sign up to your email list OR a fat button telling people to sign up to your email list? The button of course.<\/p>\n<p>One of the reasons the button will convert better is because the button will take up more space and take visitors less time to reach that button. It stands out more.<\/p>\n<p>Why do you think buttons are used all the time as a CTA (Call to action)? Because they convert better<\/p>\n<h3 data-start=\"0\" data-end=\"70\"><span class=\"ez-toc-section\" id=\"Sbotop_Ole777_%E0%B9%81%E0%B8%A5%E0%B8%B0_Lionth_%E2%80%93_%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B8%93%E0%B8%A1%E0%B8%B2%E0%B8%81%E0%B8%81%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AA%E0%B8%99%E0%B8%B8%E0%B8%81\"><\/span><strong data-start=\"4\" data-end=\"68\">Sbotop, Ole777 \u0e41\u0e25\u0e30 Lionth \u2013 \u0e40\u0e27\u0e47\u0e1a\u0e1e\u0e19\u0e31\u0e19\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e38\u0e01<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"72\" data-end=\"260\">\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e21\u0e1e\u0e31\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e01\u0e31\u0e1a <strong data-start=\"113\" data-end=\"217\"><a href=\"https:\/\/jectcode.com\/\" target=\"_new\" rel=\"noopener\" data-start=\"115\" data-end=\"146\">Sbotop<\/a>, <a href=\"https:\/\/jectcode.com\/\" target=\"_new\" rel=\"noopener\" data-start=\"148\" data-end=\"179\">Ole777<\/a> \u0e41\u0e25\u0e30 <a href=\"https:\/\/jectcode.com\/\" target=\"_new\" rel=\"noopener\" data-start=\"184\" data-end=\"215\">Lionth<\/a><\/strong> \u0e40\u0e27\u0e47\u0e1a\u0e1e\u0e19\u0e31\u0e19\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e17\u0e38\u0e01\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n<p data-start=\"262\" data-end=\"426\">\u26bd <strong data-start=\"264\" data-end=\"274\">Sbotop<\/strong> \u2013 \u0e40\u0e27\u0e47\u0e1a\u0e41\u0e17\u0e07\u0e1a\u0e2d\u0e25\u0e23\u0e32\u0e04\u0e32\u0e14\u0e35 \u0e04\u0e48\u0e32\u0e19\u0e49\u0e33\u0e2a\u0e39\u0e07 \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e25\u0e35\u0e01<br data-start=\"313\" data-end=\"316\" \/>\ud83c\udfb0 <strong data-start=\"319\" data-end=\"329\">Ole777<\/strong> \u2013 \u0e2a\u0e25\u0e47\u0e2d\u0e15\u0e41\u0e15\u0e01\u0e07\u0e48\u0e32\u0e22 \u0e42\u0e1a\u0e19\u0e31\u0e2a\u0e43\u0e2b\u0e0d\u0e48 \u0e41\u0e08\u0e47\u0e04\u0e1e\u0e2d\u0e15\u0e41\u0e15\u0e01\u0e1a\u0e48\u0e2d\u0e22<br data-start=\"369\" data-end=\"372\" \/>\ud83d\udcb0 <strong data-start=\"375\" data-end=\"385\">Lionth<\/strong> \u2013 \u0e40\u0e01\u0e21\u0e2a\u0e25\u0e47\u0e2d\u0e15\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e RTP \u0e2a\u0e39\u0e07 \u0e17\u0e33\u0e01\u0e33\u0e44\u0e23\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/p>\n<p data-start=\"428\" data-end=\"516\">\ud83d\udc49 <strong data-start=\"431\" data-end=\"484\">\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e25\u0e22\u0e17\u0e35\u0e48 <a href=\"https:\/\/jectcode.com\/\" target=\"_new\" rel=\"noopener\" data-start=\"445\" data-end=\"482\">jectcode.com<\/a><\/strong> \u0e41\u0e25\u0e49\u0e27\u0e23\u0e31\u0e1a\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19\u0e2a\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e17\u0e31\u0e19\u0e17\u0e35!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to design a new website and looking for some important principles in web design? Well in this post, I&#8217;ll be going over 3 important\u00a0principles for web design. Intuitive navigation structure You want your website to be super easy for visitors to navigate. You want them to navigate your site like they already [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":7616,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-7614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/posts\/7614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/comments?post=7614"}],"version-history":[{"count":0,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/posts\/7614\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/media\/7616"}],"wp:attachment":[{"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/media?parent=7614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/categories?post=7614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clickdo.co.uk\/web-design\/wp-json\/wp\/v2\/tags?post=7614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}