{"id":918,"date":"2020-01-08T09:04:13","date_gmt":"2020-01-08T09:04:13","guid":{"rendered":"http:\/\/dev-revamp.originux.com\/resources\/?p=918"},"modified":"2022-04-12T13:33:53","modified_gmt":"2022-04-12T13:33:53","slug":"best-alternatives-to-hamburger-menus-and-when-to-use-them","status":"publish","type":"post","link":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/","title":{"rendered":"Best Alternatives to Hamburger Menus and When to Use Them"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Limitations_of_Using_Hamburger_Menus\" >Limitations of Using Hamburger Menus<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Placement\" >Placement<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Hidden_features\" >Hidden features<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Alternatives_to_Hamburger_Menus\" >Alternatives to Hamburger Menus<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Tabs\" >Tabs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Tabs_More\" >Tabs + More<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Progressively_collapsing_menu\" >Progressively collapsing menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#Inline\" >Inline<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p>Being a <strong>UI designer<\/strong>, you must have definitely heard of the term hamburger menus. Even if you haven\u2019t, you would have most certainly seen it. A <strong>hamburger menu is a three-line icon,<\/strong> resembling the structure of a hamburger which is placed at the top left corner of a website or an application. The menu expands to showcase a <a href=\"#\">list of options or features<\/a> provided by an application or a website. It was and still is being used in many websites and applications.<\/p>\n\n\n\n<p>The main reason hamburger menus gained widespread popularity was because of their <strong>ability to reduce clutter in an application<\/strong>. These menus provide a way to conceal a list of options or features under an aesthetically pleasing minimalist icon.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Limitations_of_Using_Hamburger_Menus\"><\/span><strong>Limitations of Using Hamburger Menus<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>While hamburger menus provide designers with an ample amount of space to work their charm on a webpage, they also have certain drawbacks that hamper the success of the application adversely.<\/p>\n\n\n\n<p><strong>Here is a list of some limitation<\/strong>s<strong> of using hamburger menus:<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Placement\"><\/span>Placement<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p><strong>Hamburger menus<\/strong> are generally placed on the <strong>top-left corner of the screen<\/strong>. The location of the menu makes accessing it difficult while using a mobile phone hence discouraging engagement. In some cases, the navigation tools of the phone&#8217;s operating system overlap with the hamburger menus, thus rendering them meaningless.<\/p>\n\n\n\n<p>Also, in most cases, the top-left corner of the screen is used to display additional information on a smartphone such as battery life, Wi-Fi connection, applications in the background, etc. It is highly probable that users do not notice the menu due to its placement in the insignificant region of the screen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hidden_features\"><\/span>Hidden features<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The main idea behind the invention of the <strong>user interface tool was to declutter the screen<\/strong>. <em>However, placing features in the hamburger menu decreases their importance<\/em>. When placing features in the hamburger menu, designers indirectly suggest that the features do not add any great value to the application for the users.<\/p>\n\n\n\n<p>Furthermore, hamburger menus force users to work hard to figure out which options are on offer. In doing so, the user interface tool fails to highlight the features that make the application stand out.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alternatives_to_Hamburger_Menus\"><\/span><strong>Alternatives to Hamburger Menus<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Here is a list of the alternatives that can help designers overcome the shortcomings of hamburger menus:<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tabs\"><\/span>Tabs<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>If you have a <strong>fewer number of pages or features<\/strong> to display to the user, you can use a tabbed navigation. A tabbed navigation is a menu displayed <a href=\"#\">either at the top or bottom of the page<\/a>. Users can easily navigate to different pages with a single click or tap on the screen. The presence of the menu on the homepage immediately makes the core content and features of an application evident to the users.<\/p>\n\n\n\n<p>The tabs further aid in <strong>organising content into categories<\/strong> making the interface even more user-friendly. Furthermore, the navigation tool informs the user of its current positioning in the application by visually highlighting the tab that is in use. Tabbed navigation is <em>used when there are five or fewer sections<\/em> in which the application can be divided into.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tabs_More\"><\/span>Tabs + More<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The tabs+more form of navigation is used when there are <strong>more than five sections<\/strong> in the application. As a UI designer, you need to prioritise the sections <a href=\"#\">based on their importance and usage<\/a>. On the basis of this prioritisation, the four most important sections should be displayed on the home screen while all other pieces of <em>secondary information<\/em> should be stored in a &#8220;<strong>more<\/strong>&#8221; tab. The more tab could be designed as a drop-down menu listing other items or could link to another page that displays the remaining options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Progressively_collapsing_menu\"><\/span>Progressively collapsing menu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Another sophisticated alternative for the tabs+more navigation is the progressively collapsing menu. The <strong>menu depicts the tabs on the basis of the screen width<\/strong>. The screen displays as many options as possible based on its width and places the rest of the options under the more tab. It simply means the <em>more menu of the navigation consists of the lower priority options<\/em> which could not be accommodated on to the screen due to its width. The navigation option offers a flexibility over tabs+more navigation especially when it comes to in-between screen sizes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Inline\"><\/span>Inline<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>You can also <strong>lay out the categories or sections<\/strong> of an application as a <a href=\"#\">list on the homepage<\/a>. You can use labels, icons, or headers to specify the category of the content. The lists can further redirect the user to a different page to display the details of the option selected.<\/p>\n\n\n\n<p>All of the above-mentioned options are the most popular alternatives to hamburger menus that are being used by famous tech companies.<\/p>\n\n\n\n<p>However, hamburger menus can <strong>still be used effectively<\/strong>. After making the primary components of an application prominent, you can use a hamburger menu to list all the secondary navigation options. As a designer, you <strong>need to use your judgment and experience<\/strong> to choose from the array of navigation options available and use them to <em>make your application stand out in the competitive market<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Being a UI designer, you must have definitely heard of the term hamburger menus. Even if you haven\u2019t, you would have most certainly seen it. A hamburger menu is a three-line icon, resembling the structure of a hamburger which is placed at the top left corner of a website or an application. The menu expands&hellip; <a class=\"more-link\" href=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\">Continue reading <span class=\"screen-reader-text\">Best Alternatives to Hamburger Menus and When to Use Them<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":1423,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[6],"class_list":["post-918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-ux","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Best Alternatives to Hamburger Menus and When to Use Them<\/title>\n<meta name=\"description\" content=\"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.\" \/>\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.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Alternatives to Hamburger Menus and When to Use Them\" \/>\n<meta property=\"og:description\" content=\"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\" \/>\n<meta property=\"og:site_name\" content=\"OriginUX Studio\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-08T09:04:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-12T13:33:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1355\" \/>\n\t<meta property=\"og:image:height\" content=\"1355\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"developer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"developer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\"},\"author\":{\"name\":\"developer\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7\"},\"headline\":\"Best Alternatives to Hamburger Menus and When to Use Them\",\"datePublished\":\"2020-01-08T09:04:13+00:00\",\"dateModified\":\"2022-04-12T13:33:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\"},\"wordCount\":847,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png\",\"keywords\":[\"UX\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\",\"url\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\",\"name\":\"Best Alternatives to Hamburger Menus and When to Use Them\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png\",\"datePublished\":\"2020-01-08T09:04:13+00:00\",\"dateModified\":\"2022-04-12T13:33:53+00:00\",\"description\":\"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png\",\"width\":1355,\"height\":1355,\"caption\":\"img\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.originux.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Alternatives to Hamburger Menus and When to Use Them\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.originux.com\/resources\/#website\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"name\":\"OriginUX Studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.originux.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\",\"name\":\"OriginUX Studio\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"width\":120,\"height\":120,\"caption\":\"OriginUX Studio\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7\",\"name\":\"developer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"caption\":\"developer\"},\"url\":\"https:\/\/www.originux.com\/resources\/author\/developer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best Alternatives to Hamburger Menus and When to Use Them","description":"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.","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.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/","og_locale":"en_US","og_type":"article","og_title":"Best Alternatives to Hamburger Menus and When to Use Them","og_description":"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.","og_url":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/","og_site_name":"OriginUX Studio","article_published_time":"2020-01-08T09:04:13+00:00","article_modified_time":"2022-04-12T13:33:53+00:00","og_image":[{"width":1355,"height":1355,"url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png","type":"image\/png"}],"author":"developer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"developer","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#article","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/"},"author":{"name":"developer","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7"},"headline":"Best Alternatives to Hamburger Menus and When to Use Them","datePublished":"2020-01-08T09:04:13+00:00","dateModified":"2022-04-12T13:33:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/"},"wordCount":847,"commentCount":0,"publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png","keywords":["UX"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/","url":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/","name":"Best Alternatives to Hamburger Menus and When to Use Them","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png","datePublished":"2020-01-08T09:04:13+00:00","dateModified":"2022-04-12T13:33:53+00:00","description":"Hamburger menus provide an ample amount of space to work and to declutter the screen. However, they make hard to figure out the options. Here is a list of alternatives that designers can use.","breadcrumb":{"@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#primaryimage","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2020\/01\/blog-24-listing-min.png","width":1355,"height":1355,"caption":"img"},{"@type":"BreadcrumbList","@id":"https:\/\/www.originux.com\/resources\/blog\/best-alternatives-to-hamburger-menus-and-when-to-use-them\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.originux.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Best Alternatives to Hamburger Menus and When to Use Them"}]},{"@type":"WebSite","@id":"https:\/\/www.originux.com\/resources\/#website","url":"https:\/\/www.originux.com\/resources\/","name":"OriginUX Studio","description":"","publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.originux.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.originux.com\/resources\/#organization","name":"OriginUX Studio","url":"https:\/\/www.originux.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","width":120,"height":120,"caption":"OriginUX Studio"},"image":{"@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7","name":"developer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","caption":"developer"},"url":"https:\/\/www.originux.com\/resources\/author\/developer\/"}]}},"_links":{"self":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/comments?post=918"}],"version-history":[{"count":15,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/918\/revisions"}],"predecessor-version":[{"id":1579,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/918\/revisions\/1579"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media\/1423"}],"wp:attachment":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media?parent=918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/categories?post=918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/tags?post=918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}