{"id":1886,"date":"2019-02-22T16:50:57","date_gmt":"2019-02-22T16:50:57","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=1886"},"modified":"2023-08-03T14:13:38","modified_gmt":"2023-08-03T13:13:38","slug":"should-you-use-a-hamburger-menu-on-your-website","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/","title":{"rendered":"Should you use a hamburger menu on your website?"},"content":{"rendered":"\r\n<p>The hamburger menu is a <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/ditching-symmetry-in-web-design\/\">web design<\/a> choice that can polarize opinion. For some, the additional interaction cost caused by the hamburger menu is not made up for by the better use of space. While others would rather have the additional space a hamburger menu can provide. So, should you use a hamburger menu on your website? Well, ultimately, the decision is your own, but you should always do your research first. 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-features-for-small-businesses-offering-local-services\/\">web design<\/a> professionals. From\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a>\u00a0to\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport<\/a>, we work with companies across Manchester and the surrounding region to deliver high quality <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-contrast-effectively-in-web-design\/\">web design<\/a> solutions that really get results. As a result, we have produced this guide to the advantages and disadvantages of the hamburger menu.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Should you use a hamburger menu on your website?<\/h2>\r\n\r\n\r\n\r\n<p>The hamburger menu is not a new web design feature. But it is fairly contentious. This menu takes its name from the shape of a burger, as it uses an icon to hide the menu behind. And this icon is made up of three horizontal lines, sitting on top of each other, just like this <strong>\u2630.<\/strong> As a result, instead of always being on display, the navigation bar or menu is hidden behind this icon, to be revealed when clicked on.<\/p>\r\n\r\n\r\n\r\n<p>There are advantages and disadvantages to using this system. And you will need to consider both sides before you can make an informed decision for your website, and your company.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">What are the advantages of hamburger menus?<\/h3>\r\n\r\n\r\n\r\n<p>So, what are the advantages of using a hamburger menu? Well, there are several, including:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong><em>User intuition-<\/em><\/strong> Because the hamburger menu is widely used, users automatically know what to expect and how to use it. Slide out or swipe menus that also hide the navigation bar, on the other hand, are relatively new and as such, users might not know how to use them.<\/li><li><strong><em>Save space-<\/em><\/strong> without the navigation bar taking up space across the top of the page, you will have more room for your visual effects and typography styles. As a result, you can put more thought into your design, and potentially see better results.<\/li><\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">What are the disadvantages of hamburger menus?<\/h3>\r\n\r\n\r\n\r\n<p>You might be struggling to see the downside of the friendly hamburger menu, but there are some disadvantages to consider. These include:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong><em>Increasing the interaction-<\/em><\/strong> potential customers that land on your website don&#8217;t want to browse through your site. They instead want to be directed to the information or product they need, quickly and easily. Preferably in as few steps as possible. adding in a button to click to open the menu can cost time, and interaction, and your users may not be willing to wait. <\/li><\/ul>\r\n\r\n\r\n\r\n<p>Balancing the pros and cons of the hamburger menu is a difficult choice for any web designer. For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a> <\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>The hamburger menu is a web design choice that can polarize opinion. For some, the additional interaction cost caused by the hamburger menu is not made up for by the better use of space. While others would rather have the additional space a hamburger menu can provide. So, should you use a hamburger menu on [&#8230;]\n","protected":false},"author":2,"featured_media":1156,"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>Should you use a hamburger menu on your website? - 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\/should-you-use-a-hamburger-menu-on-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Should you use a hamburger menu on your website? - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"The hamburger menu is a web design choice that can polarize opinion. For some, the additional interaction cost caused by the hamburger menu is not made up for by the better use of space. While others would rather have the additional space a hamburger menu can provide. So, should you use a hamburger menu on [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-22T16:50:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T13:13:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/should-you-use-a-hamburger-menu-on-your-website\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/\",\"name\":\"Should you use a hamburger menu on your website? - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2019-02-22T16:50:57+00:00\",\"dateModified\":\"2023-08-03T13:13:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Should you use a hamburger menu on your website?\"}]},{\"@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":"Should you use a hamburger menu on your website? - 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\/should-you-use-a-hamburger-menu-on-your-website\/","og_locale":"en_GB","og_type":"article","og_title":"Should you use a hamburger menu on your website? - Pumpkin Web Design Manchester","og_description":"The hamburger menu is a web design choice that can polarize opinion. For some, the additional interaction cost caused by the hamburger menu is not made up for by the better use of space. While others would rather have the additional space a hamburger menu can provide. So, should you use a hamburger menu on [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2019-02-22T16:50:57+00:00","article_modified_time":"2023-08-03T13:13:38+00:00","og_image":[{"width":1280,"height":1280,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280.png","type":"image\/png"}],"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\/should-you-use-a-hamburger-menu-on-your-website\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/","name":"Should you use a hamburger menu on your website? - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2019-02-22T16:50:57+00:00","dateModified":"2023-08-03T13:13:38+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/should-you-use-a-hamburger-menu-on-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Should you use a hamburger menu on your website?"}]},{"@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\/1886"}],"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=1886"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1886\/revisions"}],"predecessor-version":[{"id":12701,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1886\/revisions\/12701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/1156"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=1886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=1886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=1886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}