{"id":836,"date":"2018-07-09T11:20:31","date_gmt":"2018-07-09T10:20:31","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=836"},"modified":"2023-08-03T15:25:09","modified_gmt":"2023-08-03T14:25:09","slug":"the-importance-of-layout-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/","title":{"rendered":"The importance of layout in web design"},"content":{"rendered":"<p>Designing a stunning website takes a lot of skill, and a lot of research. Especially if you want your website to really convert your users into paying customers. In fact, data and research is a key player when it comes to designing the layout of your website. That&#8217;s because, the layout, more than other features, can help guide users through the website, and shape their experience on your website. Here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-checklist-for-a-positive-user-experience\/\">web design professionals<\/a>. And we work across Manchester, and the North West, to deliver and develop web design, and web marketing, solutions that really work. So what is the\u00a0importance of layout in web design? And which elements should you focus on when planning your layout? Well, check out our helpful guide.<\/p>\n<h2>The importance of layout in web design<\/h2>\n<p>Getting the layout right for your website, or a single web-page, is crucial to the overall performance of your website. This is because a good layout can provide a positive user experience, by:<\/p>\n<ul>\n<li><strong><em>Helping users to easily identify what your website is about<\/em><\/strong>. Immediately discovering that they have landed on a relevant page for their search, will prevent users from bouncing, without reading your content.<\/li>\n<li><strong><em>Layout can reveal what your business does<\/em><\/strong>, and the services you provide, simply by guiding the users eye towards key focal points.<\/li>\n<li><em><strong>Highlighting the next step, so that users can intuitively move through your website.<\/strong><\/em> Whether you want users to buy your products, or sign up to your services, you need to take them through the process by using layout to guide them<\/li>\n<li><em><strong>Making sure each element is in its own area of white-space<\/strong><\/em>, and the content of the page isn&#8217;t squashed or unnatural. On any device.<\/li>\n<\/ul>\n<p>All of this means that if you neglect to research the traits of an effective layout, you can expect a higher bounce rate, and less conversions. Because users will not be guided through your website effectively.<\/p>\n<h3>Planning your layout<\/h3>\n<p>When it comes to planning your website layout, there are some key elements that you will need to pay special attention to. These can be split into the above the fold content, and the below the fold content. This is because, the content that you position above the fold should look very different to the content below the fold.<\/p>\n<h3>Above the fold layout<\/h3>\n<p>When designing your layout for the above the fold content, you should be thinking about:<\/p>\n<ul>\n<li><em><strong>Visual content, such as professional imagery and video content-<\/strong><\/em> using a large &#8220;hero image&#8221; or video is a good way to attract attention to your webpage, and this is usually used as the background to your above the fold content. Alternatively, a large image can simply banner the above the fold content, or be used to counter balance the text. Either way the <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/above-the-fold-content-for-web-design\/\">above the fold content should be visual.\u00a0<\/a><\/li>\n<li><em><strong>Headings &#8211;<\/strong> <\/em>often the only text positioned above the fold, the heading is essential to tell users something about your company or website. This is often positioned in the centre of the screen, or towards the top.<\/li>\n<li><em><strong>Sub headings &#8211;<\/strong> <\/em>these can be used in a smaller font than the heading, and are usually positioned below the main heading, to add a little more detail<\/li>\n<li><strong><em>Call to action-<\/em><\/strong> A call to action button above the fold is a great way to direct interested users nice and early in the browsing process<\/li>\n<\/ul>\n<p>For more information or advice about page layouts, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing a stunning website takes a lot of skill, and a lot of research. Especially if you want your website to really convert your users into paying customers. In fact, data and research is a key player when it comes to designing the layout of your website. That&#8217;s because, the layout, more than other features, [&#8230;]\n","protected":false},"author":2,"featured_media":837,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The importance of layout in web design - Pumpkin Web Design Manchester<\/title>\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.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The importance of layout in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Designing a stunning website takes a lot of skill, and a lot of research. Especially if you want your website to really convert your users into paying customers. In fact, data and research is a key player when it comes to designing the layout of your website. That&#8217;s because, the layout, more than other features, [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-09T10:20:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T14:25:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/07\/freebie___3d_web_presentation_mock_up_by_graphberry-d88jove.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/\",\"name\":\"The importance of layout in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-07-09T10:20:31+00:00\",\"dateModified\":\"2023-08-03T14:25:09+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The importance of layout in web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The importance of layout in web design - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"The importance of layout in web design - Pumpkin Web Design Manchester","og_description":"Designing a stunning website takes a lot of skill, and a lot of research. Especially if you want your website to really convert your users into paying customers. In fact, data and research is a key player when it comes to designing the layout of your website. That&#8217;s because, the layout, more than other features, [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-07-09T10:20:31+00:00","article_modified_time":"2023-08-03T14:25:09+00:00","og_image":[{"width":2240,"height":1680,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/07\/freebie___3d_web_presentation_mock_up_by_graphberry-d88jove.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/","name":"The importance of layout in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-07-09T10:20:31+00:00","dateModified":"2023-08-03T14:25:09+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-layout-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"The importance of layout in web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/836"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=836"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/836\/revisions"}],"predecessor-version":[{"id":12866,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/836\/revisions\/12866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/837"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}