{"id":1099,"date":"2018-10-18T11:36:02","date_gmt":"2018-10-18T10:36:02","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=1099"},"modified":"2023-08-03T15:04:58","modified_gmt":"2023-08-03T14:04:58","slug":"advantages-and-disadvantages-of-sidebars-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/","title":{"rendered":"Advantages and disadvantages of sidebars in web design"},"content":{"rendered":"<p>Creating a professional, stunning and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/combining-text-and-images-in-web-design\/\">practical website<\/a> for your company or business can be a challenge. From balancing <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/top-colour-combinations-for-web-design\/\">colour schemes<\/a>, to visual elements like <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/illustrated-elements-in-web-design\/\">illustration<\/a>, animation and icons, there is a lot to think about. Not to mention the layout. Headers, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/how-to-design-a-quality-footer-for-your-website\/\">footers<\/a> and sidebars can all be practical and useful additions to any website. And knowing exactly how to use these effectively, or if at all, is essential to the overall success of 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\/choosing-effective-icons-for-web-design\/\">web design<\/a> experts. And we work with companies and clients across the region, to provide excellent web design solutions. As a result, we have produced this guide to the advantages and disadvantages of sidebars in web design.<\/p>\n<h2>What is a sidebar?<\/h2>\n<p>A sidebar is usually a bar that sections off less than a third of your page to include some secondary content. You might have seen these used in blogs, where the content takes up 2\/3rds of the page, and a bar, usually with a different background colour, runs as a stripe down the side. The content within this bar will usually not be specific to the content of the page, but it might instead include a contact form, a video or a call to action button. This is a nice way to break up a page, but is it useful?<\/p>\n<h3>Advantages and disadvantages of sidebars in web design<\/h3>\n<p>A sidebar was a &#8220;must have&#8221; for around a decade in web design. But is it still relevant? Well, here are the advantages, and disadvantages, to using a sidebar on your website:<\/p>\n<p><strong><em>Advantages:<\/em><\/strong><\/p>\n<ul>\n<li>give users quality, important information that might not otherwise fit on the page or with the content<\/li>\n<li>add a call to action button button above the fold<\/li>\n<li>add a form above the fold<\/li>\n<li>show off your best blog content<\/li>\n<li>lead to relevant pages<\/li>\n<li>show ads from yourself or affiliates<\/li>\n<li>share social media content<\/li>\n<li>meets user expectations<\/li>\n<li>show off video content<\/li>\n<li>add client testimonials<\/li>\n<\/ul>\n<p>All of the advantages show that a sidebar could help you increase conversions, by keeping your call to action button, or contact form, on the screen, and in the mind of your users. A sidebar can also help to improve the user experience by showing off relevant content or blog posts that can provide more information for interested users. However, there are disadvantages to using sidebars too.<\/p>\n<p><em><strong>Disadvantages<\/strong><\/em><\/p>\n<ul>\n<li>a sidebar can be distracting<\/li>\n<li>can create unnecessary friction, detracting from the user experience<\/li>\n<li>can create clutter on a website page<\/li>\n<li>doesn&#8217;t fit with a minimalist design<\/li>\n<\/ul>\n<p>By adding content to the side of the page, you could be distracting your users from the content that&#8217;s there in front of them. And this could reduce the effectiveness of your website page overall. And on a minimalist website, with minimalist design, the sidebar can crowd the content, and add unnecessary clutter.<\/p>\n<h3>In conclusion<\/h3>\n<p>So should you ditch the sidebar? Well, it depends on the aim of you website. <a href=\"https:\/\/premium.wpmudev.org\/blog\/sidebars-research\/\">Some studies<\/a> have shown that without a sidebar, you could get more sign ups, because users will read the content, and sign up at the bottom. However, this goes against the principle of providing users with what they need, immediately. So it&#8217;s probably a good idea to test your sidebar, and take a look at the results, before you make a decision one way or the other.<\/p>\n<p>For more information or advice about all aspects of web design, get in touch with the professionals today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a professional, stunning and practical website for your company or business can be a challenge. From balancing colour schemes, to visual elements like illustration, animation and icons, there is a lot to think about. Not to mention the layout. Headers, footers and sidebars can all be practical and useful additions to any website. And [&#8230;]\n","protected":false},"author":2,"featured_media":758,"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>Advantages and disadvantages of sidebars 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\/advantages-and-disadvantages-of-sidebars-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advantages and disadvantages of sidebars in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Creating a professional, stunning and practical website for your company or business can be a challenge. From balancing colour schemes, to visual elements like illustration, animation and icons, there is a lot to think about. Not to mention the layout. Headers, footers and sidebars can all be practical and useful additions to any website. And [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-18T10:36:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T14:04:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/06\/shutterstock_421486786.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1685\" \/>\n\t<meta property=\"og:image:height\" content=\"1124\" \/>\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\/advantages-and-disadvantages-of-sidebars-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/\",\"name\":\"Advantages and disadvantages of sidebars in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-10-18T10:36:02+00:00\",\"dateModified\":\"2023-08-03T14:04:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advantages and disadvantages of sidebars 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":"Advantages and disadvantages of sidebars 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\/advantages-and-disadvantages-of-sidebars-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Advantages and disadvantages of sidebars in web design - Pumpkin Web Design Manchester","og_description":"Creating a professional, stunning and practical website for your company or business can be a challenge. From balancing colour schemes, to visual elements like illustration, animation and icons, there is a lot to think about. Not to mention the layout. Headers, footers and sidebars can all be practical and useful additions to any website. And [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-10-18T10:36:02+00:00","article_modified_time":"2023-08-03T14:04:58+00:00","og_image":[{"width":1685,"height":1124,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/06\/shutterstock_421486786.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\/advantages-and-disadvantages-of-sidebars-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/","name":"Advantages and disadvantages of sidebars in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-10-18T10:36:02+00:00","dateModified":"2023-08-03T14:04:58+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-and-disadvantages-of-sidebars-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Advantages and disadvantages of sidebars 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\/1099"}],"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=1099"}],"version-history":[{"count":1,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1099\/revisions"}],"predecessor-version":[{"id":12792,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1099\/revisions\/12792"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/758"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=1099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=1099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=1099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}