{"id":30398,"date":"2024-09-12T04:52:30","date_gmt":"2024-09-12T11:52:30","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=30398"},"modified":"2024-09-12T04:52:57","modified_gmt":"2024-09-12T11:52:57","slug":"hamburger-menu-and-ux-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/","title":{"rendered":"Does the Hamburger Menu Make Mincemeat of UX Design?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design-1024x512.png\" alt=\"Does the Hamburger Menu Make Mincemeat of UX Design\" class=\"wp-image-30403\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The hamburger menu looks as tasty as it sounds. It&#8217;s a design-cum-navigation element, now on almost all apps, that comprises three horizontal lines. It looks like a hamburger. Picture something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/1_26.png\" alt=\"hamburger menu pattern\" class=\"wp-image-30399\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/1_26.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/1_26-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><em>Bun, patty, bun.<\/em><\/p>\n\n\n\n<p>If you squint, it kind of looks like the Spotify logo:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>The UX designer&#8217;s hamburger menu saves time and space by storing relevant information in a universally recognized format. All that information is there in one place, and everyone knows where it is. Like how a diner learns what food a restaurant serves by reading the menu, a website visitor accesses different linked sections through one <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/website-navigation-trends-16-ui-patterns-completely-deconstructed\/\" target=\"_blank\" rel=\"noreferrer noopener\">navigational element<\/a>.<\/p>\n\n\n\n<p>Well, that&#8217;s the theory, anyway.&nbsp;<\/p>\n\n\n\n<p>This icon became pervasive in the mid-2010s, and similar to the classic hamburger itself, every UX designer has an opinion about it. For every designer who thinks it frees up screen real estate, another believes it&#8217;s a blot on the informational architectural landscape. You might fall somewhere in the middle, but you <em>will <\/em>change your mind after reading this.<\/p>\n\n\n\n<p>Design apps and websites with a hamburger menu in UXPin. Build prototypes that are responsive and have functional navigation. Test your prototypes with users, hand them over to developers and build your design system without using additional design tools. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin for free<\/a>.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-hamburger-menu-anyway\">What Is a Hamburger Menu?<\/h2>\n\n\n\n<p>A hamburger menu is a UI element consisting of three horizontal lines, resembling a hamburger, typically located in the top corner of a website or app. When clicked or tapped, it reveals a hidden navigation menu or additional options.<\/p>\n\n\n\n<p>The hamburger menu is commonly used in mobile interfaces to save space and keep the layout clean by tucking away less frequently used navigation items. While it\u2019s efficient for mobile screens, some argue it hides important features, leading to lower discoverability.<\/p>\n\n\n\n<p>Those three lines at the top of almost every app or mobile-optimized website? They make up the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/5-creative-mobile-ui-patterns-navigation\/\" target=\"_blank\" rel=\"noreferrer noopener\">hamburger menu<\/a>. Designer Norm Cox <a href=\"https:\/\/medium.com\/readme-mic\/a-conversation-with-norm-cox-creator-of-the-hamburger-menu-c913daea5f9e\" target=\"_blank\" rel=\"noreferrer noopener\">cooked up<\/a> the idea in the early 80s because he thought it was easier to communicate information to people in a list format.&nbsp;<\/p>\n\n\n\n<p>There&#8217;s evidence that backs up this theory:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Humans remember facts better when presented with a list.<\/li>\n\n\n\n<li>Fifty-five percent of website users look at lists (seventy percent look at lists with bullet points).<\/li>\n\n\n\n<li>Lists improve the selection-making process for users.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Even that short list above improves readability and breaks down content into digestible &#8220;chunks.&#8221;&nbsp;<\/p>\n\n\n\n<p>But other research tells a different story.&nbsp;<\/p>\n\n\n\n<p>It all has to do with <em>discoverability<\/em>. Some website visitors can&#8217;t find the links when they&#8217;re hidden in a hamburger menu, which affects click rates. And click rates are even lower when designers place the hamburger menu on the top-left of the screen because of how most people scan their devices (center first, then right).<\/p>\n\n\n\n<p>&#8220;The implied message is that things at the top of the screen are to be glanced at, not clicked on,&#8221; <a href=\"https:\/\/uxplanet.org\/the-ultimate-guide-to-the-hamburger-menu-and-its-alternatives-e2da8dc7f1db\" target=\"_blank\" rel=\"noreferrer noopener\">says UX Planet<\/a>.&nbsp;<\/p>\n\n\n\n<p>Perhaps the most shocking statistic is this one: Forty-eight percent of internet users over 45 don&#8217;t know what the icon even means.&nbsp;<\/p>\n\n\n\n<p>So, unless your creative brief is &#8220;create a design for only millennials because nobody else must visit our website,&#8221; maybe choose something different the next time you consider a hamburger.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-it-s-just-a-hamburger-menu-what-s-the-problem\">It&#8217;s Just a Hamburger Menu. What&#8217;s the Problem?<\/h2>\n\n\n\n<p>The hamburger menu certainly saves space; some would argue it&#8217;s easier on the eye. Instead of links stacked up against each other in the sidebar \u2014 or, God forbid, sprawled across the top of the home page like trash bags on a downtown sidewalk \u2014 the menu keeps everything hidden from sight, facilitating crisp and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-trends-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative design<\/a>. It&#8217;s like neatly placing everything in a drawer.<\/p>\n\n\n\n<p>But it&#8217;s that drawer comparison that irks some designers.<\/p>\n\n\n\n<p>Despite what IKEA tells you, humans put stuff in drawers for one reason:<\/p>\n\n\n\n<p><em>There&#8217;s nowhere else to put it.<\/em><\/p>\n\n\n\n<p>That&#8217;s why, for some designers, hamburgers are off the menu.&nbsp;<\/p>\n\n\n\n<p>Think about the things you keep in drawers. Now think about the things you keep on shelves. Would you keep a framed photo of Mom in your drawer? Or your Master&#8217;s in User Experience Design? Probably not, because you want everyone to see it.&nbsp;<\/p>\n\n\n\n<p>The hamburger menu suggests one thing: The items contained within are of little importance \u2014 concealed from public view and brushed under the carpet like a 20-year-old dirty secret that nobody wants to talk about.<\/p>\n\n\n\n<p>Anti-hamburger designers think the menu is little more than an afterthought: <em>There&#8217;s nowhere to put it, so let&#8217;s put it here<\/em>. It&#8217;s lazy, if not necessarily <em>bad<\/em>, design.<\/p>\n\n\n\n<p>So what are the alternatives?<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"burger-free\">A Burger-Free Menu<\/h2>\n\n\n\n<p>The most popular alternative to the hamburger menu is probably tabs, especially for app navigation on smaller smartphone screens. Sure, you&#8217;re limited to four or five menu items, but the ones featured hold greater importance because you haven&#8217;t hidden them away.<\/p>\n\n\n\n<p>&#8220;Tabs offer a more modern and useful method to navigate around an app, and the core sections of your application are immediately visible to the user,&#8221; <a href=\"https:\/\/uxdesign.cc\/ux-of-the-hamburger-menu-890328a904f9\" target=\"_blank\" rel=\"noreferrer noopener\">says UX designer and software engineer Michael J. Fordham<\/a>. &#8220;If you\u2019re concerned about space, you can implement hide gestures that make the tabs disappear when you scroll down but reappear when you scroll up.&#8221;<\/p>\n\n\n\n<p>What else is on the menu?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-floating-hamburger\"><strong>Floating Hamburger<\/strong><\/h3>\n\n\n\n<p>Again, best served on apps, this alternative provides users with context when they click on the three-line icon. Like tabs, links no longer feel like an afterthought, and they feature more prominently on screens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-swipes\"><strong>Swipes<\/strong><\/h3>\n\n\n\n<p>Think Tinder, where users scroll left or right to navigate apps. Swipes only provide sequential access to pages, though, so won&#8217;t suit contexts where users jump to different sections quickly, like store pages.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"your-choice\">Ultimately, It&#8217;s Your Choice as the Designer<\/h2>\n\n\n\n<p>If you&#8217;re still hungry for a hamburger, a couple of tips:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Supersize your burger: Make your menu more recognizable so visitors can see it. The links contained within could be critical for the website owner. Make sure people click on them.<\/li>\n\n\n\n<li>Create a secondary menu: Couple the hamburger with secondary access to important pages. (Use one of the menu alternatives above.) You&#8217;re probably thinking about the c-word (&#8220;clutter&#8221;), but you can avoid this by incorporating minimalist elements elsewhere in the design infrastructure. Try it.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"last-bite\">Last Bite<\/h2>\n\n\n\n<p>Mentioning the hamburger menu in UX design is like bringing up politics at a dinner party. Expect some controversial opinions. Despite what some designers think, it&#8217;s not a crime to use the hamburger, and it can be an incredibly effective navigational tool. Just realize its potential downfalls, consider the overall context and try out a couple of alternatives with UXPin before your next bite. When&#8217;s the next time you&#8217;ll serve up a hamburger?<\/p>\n\n\n\n<p>Join the world&#8217;s best designers who use UXPin \u2014 not your average UI design and prototyping tool. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Start your free trial<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The hamburger menu looks as tasty as it sounds. It&#8217;s a design-cum-navigation element, now on almost all apps, that comprises three horizontal lines. It looks like a hamburger. Picture something like this: Bun, patty, bun. If you squint, it kind of looks like the Spotify logo: The UX designer&#8217;s hamburger menu saves time and space<\/p>\n","protected":false},"author":3,"featured_media":30403,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[422],"class_list":["post-30398","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-hamburger-menu"],"yoast_title":"","yoast_metadesc":"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Does the Hamburger Menu Make Mincemeat of UX Design? | UXPin<\/title>\n<meta name=\"description\" content=\"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.\" \/>\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.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Does the Hamburger Menu Make Mincemeat of UX Design?\" \/>\n<meta property=\"og:description\" content=\"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-12T11:52:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-12T11:52:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Does the Hamburger Menu Make Mincemeat of UX Design?\",\"datePublished\":\"2024-09-12T11:52:30+00:00\",\"dateModified\":\"2024-09-12T11:52:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/\"},\"wordCount\":1166,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png\",\"keywords\":[\"hamburger menu\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/\",\"name\":\"Does the Hamburger Menu Make Mincemeat of UX Design? | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png\",\"datePublished\":\"2024-09-12T11:52:30+00:00\",\"dateModified\":\"2024-09-12T11:52:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png\",\"width\":1200,\"height\":600,\"caption\":\"Does the Hamburger Menu Make Mincemeat of UX Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/hamburger-menu-and-ux-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Does the Hamburger Menu Make Mincemeat of UX Design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Does the Hamburger Menu Make Mincemeat of UX Design? | UXPin","description":"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.","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.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/","og_locale":"en_US","og_type":"article","og_title":"Does the Hamburger Menu Make Mincemeat of UX Design?","og_description":"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/","og_site_name":"Studio by UXPin","article_published_time":"2024-09-12T11:52:30+00:00","article_modified_time":"2024-09-12T11:52:57+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Does the Hamburger Menu Make Mincemeat of UX Design?","datePublished":"2024-09-12T11:52:30+00:00","dateModified":"2024-09-12T11:52:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/"},"wordCount":1166,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png","keywords":["hamburger menu"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/","name":"Does the Hamburger Menu Make Mincemeat of UX Design? | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png","datePublished":"2024-09-12T11:52:30+00:00","dateModified":"2024-09-12T11:52:57+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/06\/Does-the-Hamburger-Menu-Make-Mincemeat-of-UX-Design.png","width":1200,"height":600,"caption":"Does the Hamburger Menu Make Mincemeat of UX Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/hamburger-menu-and-ux-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Does the Hamburger Menu Make Mincemeat of UX Design?"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=30398"}],"version-history":[{"count":7,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30398\/revisions"}],"predecessor-version":[{"id":54599,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30398\/revisions\/54599"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/30403"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=30398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=30398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=30398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}