{"id":1155,"date":"2018-10-24T11:37:45","date_gmt":"2018-10-24T10:37:45","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=1155"},"modified":"2023-08-03T15:02:45","modified_gmt":"2023-08-03T14:02:45","slug":"disadvantages-of-the-hamburger-menu","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/","title":{"rendered":"Disadvantages of the hamburger menu"},"content":{"rendered":"<p>About a month ago, we brought you an article detailing all the <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/advantages-of-the-hamburger-menu-in-web-design\/\">advantages of the hamburger menu.<\/a> So, we thought it&#8217;s only fair that we also share the other side of the story. The disadvantages. When designing your website, or your mobile website, is a hamburger menu really the best option? It is simple, and it does save space, but is it really necessary? And are there other options that could be more effective? Well, 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\/visual-imagery-and-responsive-web-design\/\">web design<\/a> professionals. And we work with businesses and clients across Manchester and the North West, including\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-chorley\/\">Chorley<\/a>. As a result, we have produced this guide to the disadvantages of the hamburger menu.<\/p>\n<h2>Disadvantages of the hamburger menu<\/h2>\n<p>The hamburger menu is famed for its simplistic design that is universally recognized, and used across all platforms. But while this may be true, it doesn&#8217;t mean that it is without disadvantages. Some of which include:<\/p>\n<ul>\n<li>hiding the navigation menu<\/li>\n<li>increasing the interaction cost<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1156 size-medium\" title=\"disadvantages of the hamburger menu\" src=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-300x300.png\" alt=\" web design manchester\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-300x300.png 300w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-100x100.png 100w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-600x600.png 600w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-150x150.png 150w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-768x768.png 768w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280-1024x1024.png 1024w, https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/10\/burger-2013191_1280.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3>Hiding the navigation menu<\/h3>\n<p>The whole point of the hamburger menu is to hide the navigation bar and save space on the screen. So why would this be a disadvantage, when that&#8217;s what it was designed for? Well, by hiding the navigation menu, you are creating a couple of issues.<\/p>\n<p>First of all, consider your users who have landed on your website looking for immediate answers. In the micro-moment. By removing the navigation bar from the first screen, you are increasing the time it takes for these potential consumers to find the information they need. And as a result, this can actually contribute to a negative <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-choices-for-a-positive-user-experience\/\">user experience.<\/a><\/p>\n<p>In addition, what about those users who are simply unobservant? Not every user will read your website, or even look at the entire contents on the page. They can easily miss the small three lines that indicate a hamburger menu, and in turn, they might move on to a different website. Skipping you out altogether.<\/p>\n<h3>Increasing the interaction cost<\/h3>\n<p>How much effort a website user has to put in to browsing your website has a direct impact on the overall user experience. A website that helps users find what they need, immediately, is always going to provide the best possible user experience. Unfortunately, a hamburger menu prevents this. First the user has to open the menu, and then click on the link they want. It might not sound like much, but it does double the time they spend looking. And this is not a good response to the immediacy that many users require.<\/p>\n<h3>Alternatives<\/h3>\n<p>So what are the alternatives? Well there are a couple, including:<\/p>\n<ul>\n<li>hot dog menus<\/li>\n<li>slide out menus<\/li>\n<li>vertical side bar menus<\/li>\n<li>horizontal menus across the top of the page<\/li>\n<\/ul>\n<p>While some of these also come with an interaction cost, i.e. the hot dog menu and the slide out menu, they can be a fresh way to liven up your mobile web design. Where it will be difficult to include a vertical side bar menu, or a horizontal menu.<\/p>\n<p>For more information or advice about web design, 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>About a month ago, we brought you an article detailing all the advantages of the hamburger menu. So, we thought it&#8217;s only fair that we also share the other side of the story. The disadvantages. When designing your website, or your mobile website, is a hamburger menu really the best option? It is simple, and [&#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>Disadvantages of the hamburger menu - 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\/disadvantages-of-the-hamburger-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disadvantages of the hamburger menu - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"About a month ago, we brought you an article detailing all the advantages of the hamburger menu. So, we thought it&#8217;s only fair that we also share the other side of the story. The disadvantages. When designing your website, or your mobile website, is a hamburger menu really the best option? It is simple, and [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-24T10:37:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T14:02:45+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\/disadvantages-of-the-hamburger-menu\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/\",\"name\":\"Disadvantages of the hamburger menu - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-10-24T10:37:45+00:00\",\"dateModified\":\"2023-08-03T14:02:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Disadvantages of the hamburger menu\"}]},{\"@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":"Disadvantages of the hamburger menu - 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\/disadvantages-of-the-hamburger-menu\/","og_locale":"en_GB","og_type":"article","og_title":"Disadvantages of the hamburger menu - Pumpkin Web Design Manchester","og_description":"About a month ago, we brought you an article detailing all the advantages of the hamburger menu. So, we thought it&#8217;s only fair that we also share the other side of the story. The disadvantages. When designing your website, or your mobile website, is a hamburger menu really the best option? It is simple, and [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-10-24T10:37:45+00:00","article_modified_time":"2023-08-03T14:02:45+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\/disadvantages-of-the-hamburger-menu\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/","name":"Disadvantages of the hamburger menu - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-10-24T10:37:45+00:00","dateModified":"2023-08-03T14:02:45+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/disadvantages-of-the-hamburger-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Disadvantages of the hamburger menu"}]},{"@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\/1155"}],"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=1155"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1155\/revisions"}],"predecessor-version":[{"id":12788,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/1155\/revisions\/12788"}],"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=1155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=1155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=1155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}