{"id":2946,"date":"2016-04-26T07:00:07","date_gmt":"2016-04-26T12:00:07","guid":{"rendered":"http:\/\/juneux.com\/blog\/?p=2946"},"modified":"2019-11-11T10:26:42","modified_gmt":"2019-11-11T16:26:42","slug":"an-alternative-to-the-hamburger-menu","status":"publish","type":"post","link":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/","title":{"rendered":"An Alternative to the Hamburger Menu?"},"content":{"rendered":"\n<p class=\"has-medium-font-size\">What is a GOOD&nbsp;alternative to the ubiquitous hamburger menu? Ahh\u2026 It&#8217;s difficult to find a mobile site that doesn&#8217;t use it.<\/p>\n\n\n\n<p>By alternative to the hamburger menu, I don&#8217;t mean what icon is a good replacement.<\/p>\n\n\n\n<!--more-->\n\n\n<p>Instead I mean, is there a better way of displaying global navigation besides hiding it behind a single word, phrase, or icon? Every time I usability test the hamburger menu, it performs badly. Most people don&#8217;t notice it or even know what it is.<\/p>\n<p>I think there might be a better solution&#8230; What do all of these 5 popular applications have in common?<\/p>\n<h3 style=\"text-align: center;\">Safari Web Browser<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2957 size-large\" src=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6-683x1024.png\" alt=\"Safari Web Browser\" width=\"683\" height=\"1024\" srcset=\"https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6-683x1024.png 683w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6-200x300.png 200w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6.png 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/h3>\n<h3 style=\"text-align: center;\">iOS Email<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2958 size-large\" src=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-5-683x1024.png\" alt=\"iOS email\" width=\"683\" height=\"1024\" srcset=\"https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-5-683x1024.png 683w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-5-200x300.png 200w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-5.png 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/h3>\n<h3 style=\"text-align: center;\">Facebook<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2959 size-large\" src=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-4-683x1024.png\" alt=\"Facebook\" width=\"683\" height=\"1024\" srcset=\"https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-4-683x1024.png 683w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-4-200x300.png 200w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-4.png 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/h3>\n<h3 style=\"text-align: center;\">Twitter<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2960 size-large\" src=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-3-683x1024.png\" alt=\"Twitter\" width=\"683\" height=\"1024\" srcset=\"https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-3-683x1024.png 683w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-3-200x300.png 200w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-3.png 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/h3>\n<h3 style=\"text-align: center;\">FitBit<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2961 size-large\" src=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-2-683x1024.png\" alt=\"FitBit\" width=\"683\" height=\"1024\" srcset=\"https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-2-683x1024.png 683w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-2-200x300.png 200w, https:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-2.png 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/h3>\n<h2><strong>Goodbye Hamburger, Hello Bottom Navigation Bar?<\/strong><\/h2>\n<p>Instead of locking\u00a0navigation to the top of the page, why not lock it to the bottom on mobile? It makes sense logistically.<\/p>\n<ul>\n<li>It&#8217;s closer to where our thumbs naturally hang out. No strenuous stretching required.<\/li>\n<li>We spend most of our time looking at the bottom half of our phones anyway (think text messages).<\/li>\n<li>According to <a href=\"http:\/\/www.cnet.com\/news\/facebook-and-mobile-browsing-pretty-much-the-same-thing\/\">the data<\/a>, people spend only 20% of their time on the mobile web, but 80% in mobile apps. It&#8217;s just what we&#8217;re used to.<\/li>\n<\/ul>\n<p>I&#8217;ve seen some interesting and innovative ideas on <a href=\"https:\/\/dribbble.com\/search?q=bottom+navigation\">Dribbble<\/a>, but nothing in the wild yet on a real website (besides mobile\u00a0apps).<\/p>\n\n\n<h2 class=\"wp-block-heading\">Related Articles<\/h2>\n\n\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/juneux.com\/blog\/2020\/02\/experience-is-experience-is-experience\/\">Experience Is Experience Is Experience<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/juneux.com\/blog\/2020\/01\/what-are-the-different-ux-career-options\/\">What Are the Different UX Career Options?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/juneux.com\/blog\/2020\/01\/how-to-get-real-world-ux-experience-without-going-back-to-school\/\">How to Get Real-World UX Experience without Going Back to School<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/juneux.com\/blog\/2019\/12\/the-giant-list-of-edge-cases\/\">Designing for Inclusion &#038; Accessibility: The Giant List of Use Cases<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/juneux.com\/blog\/2019\/04\/how-product-management-ux-work-together\/\">How Product Management &#038; UX Work Together<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-background has-bright-blue-background-color\" href=\"https:\/\/juneux.com\/blog\/contact\/\">contact june ux<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is a GOOD&nbsp;alternative to the ubiquitous hamburger menu? Ahh\u2026 It&#8217;s difficult to find a mobile site that doesn&#8217;t use it. By alternative to the hamburger menu, I don&#8217;t mean what icon is a good replacement.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[35],"tags":[],"class_list":["post-2946","post","type-post","status-publish","format-standard","hentry","category-user-experience-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>An Alternative to the Hamburger Menu? - June UX<\/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:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An Alternative to the Hamburger Menu? - June UX\" \/>\n<meta property=\"og:description\" content=\"What is a GOOD&nbsp;alternative to the ubiquitous hamburger menu? Ahh\u2026 It&#8217;s difficult to find a mobile site that doesn&#8217;t use it. By alternative to the hamburger menu, I don&#8217;t mean what icon is a good replacement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"June UX\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-26T12:00:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-11T16:26:42+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6-683x1024.png\" \/>\n<meta name=\"author\" content=\"Kristine Remer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kristineremer\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kristine Remer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/\",\"url\":\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/\",\"name\":\"An Alternative to the Hamburger Menu? - June UX\",\"isPartOf\":{\"@id\":\"https:\/\/juneux.com\/blog\/#website\"},\"datePublished\":\"2016-04-26T12:00:07+00:00\",\"dateModified\":\"2019-11-11T16:26:42+00:00\",\"author\":{\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb\"},\"breadcrumb\":{\"@id\":\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/juneux.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"An Alternative to the Hamburger Menu?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/juneux.com\/blog\/#website\",\"url\":\"https:\/\/juneux.com\/blog\/\",\"name\":\"June UX\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/juneux.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb\",\"name\":\"Kristine Remer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/juneux.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g\",\"caption\":\"Kristine Remer\"},\"description\":\"Kristine Remer is a CX insights leader, UX researcher, and strategist in Minneapolis. She helps organizations drive significant business outcomes by finding and solving customer problems. She never misses the Minnesota State Fair and loves dark chocolate mochas, kayaking, escape rooms, and planning elaborate treasure hunts for her children.\",\"sameAs\":[\"linkedin.com\/in\/kristineremer\",\"https:\/\/twitter.com\/kristineremer\"],\"url\":\"https:\/\/juneux.com\/blog\/author\/klremer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"An Alternative to the Hamburger Menu? - June UX","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:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/","og_locale":"en_US","og_type":"article","og_title":"An Alternative to the Hamburger Menu? - June UX","og_description":"What is a GOOD&nbsp;alternative to the ubiquitous hamburger menu? Ahh\u2026 It&#8217;s difficult to find a mobile site that doesn&#8217;t use it. By alternative to the hamburger menu, I don&#8217;t mean what icon is a good replacement.","og_url":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/","og_site_name":"June UX","article_published_time":"2016-04-26T12:00:07+00:00","article_modified_time":"2019-11-11T16:26:42+00:00","og_image":[{"url":"http:\/\/juneux.com\/blog\/wp-content\/uploads\/2015\/07\/Untitled-design-6-683x1024.png"}],"author":"Kristine Remer","twitter_card":"summary_large_image","twitter_creator":"@kristineremer","twitter_misc":{"Written by":"Kristine Remer","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/","url":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/","name":"An Alternative to the Hamburger Menu? - June UX","isPartOf":{"@id":"https:\/\/juneux.com\/blog\/#website"},"datePublished":"2016-04-26T12:00:07+00:00","dateModified":"2019-11-11T16:26:42+00:00","author":{"@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb"},"breadcrumb":{"@id":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/juneux.com\/blog\/2016\/04\/an-alternative-to-the-hamburger-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/juneux.com\/blog\/"},{"@type":"ListItem","position":2,"name":"An Alternative to the Hamburger Menu?"}]},{"@type":"WebSite","@id":"https:\/\/juneux.com\/blog\/#website","url":"https:\/\/juneux.com\/blog\/","name":"June UX","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/juneux.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/9239f257eb7b6082954622f7bb7a13bb","name":"Kristine Remer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/juneux.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/04287e5398aef336c1ac28a3811a49c9a8ab86020c33349ef1f186ade6efc3c7?s=96&r=g","caption":"Kristine Remer"},"description":"Kristine Remer is a CX insights leader, UX researcher, and strategist in Minneapolis. She helps organizations drive significant business outcomes by finding and solving customer problems. She never misses the Minnesota State Fair and loves dark chocolate mochas, kayaking, escape rooms, and planning elaborate treasure hunts for her children.","sameAs":["linkedin.com\/in\/kristineremer","https:\/\/twitter.com\/kristineremer"],"url":"https:\/\/juneux.com\/blog\/author\/klremer\/"}]}},"_links":{"self":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/2946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/comments?post=2946"}],"version-history":[{"count":20,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/2946\/revisions"}],"predecessor-version":[{"id":6712,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/posts\/2946\/revisions\/6712"}],"wp:attachment":[{"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/media?parent=2946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/categories?post=2946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juneux.com\/blog\/wp-json\/wp\/v2\/tags?post=2946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}