{"id":142904,"date":"2022-03-09T19:21:56","date_gmt":"2022-03-09T19:21:56","guid":{"rendered":"https:\/\/www.techweekmag.com\/?p=142904"},"modified":"2022-12-13T20:40:34","modified_gmt":"2022-12-13T20:40:34","slug":"google-is-bringing-back-the-android-hamburger-menu-and-its-terrible","status":"publish","type":"post","link":"https:\/\/www.stereoindex.com\/tech\/uncategorized\/google-is-bringing-back-the-android-hamburger-menu-and-its-terrible\/","title":{"rendered":"Google is bringing back the Android hamburger menu, and it&#8217;s terrible"},"content":{"rendered":"<p>The hamburger menu is an additional panel that, by pressing the \u201c\u00a0<strong>\u2261<\/strong>\u00a0\u201d button, moves out over the interface.\u00a0In 2022, two Google branded apps at once received such a menu, which developers have long abandoned: first, users noticed it in the beta version of Google Photos, but it didn\u2019t work, and then the same option appeared in Messages, and in them it is now fully functional.\u00a0In the past, the hamburger menu was used everywhere, but it has long been abandoned &#8211; its return from Google looks as ridiculous as possible, and I can prove it.<\/p>\n<figure id=\"attachment_142905\" aria-describedby=\"caption-attachment-142905\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142905\" src=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-hamburger-menu-is-called-that-because-its-button-icon-looks-like...-a-hamburger-DailyCMS.jpg\" alt=\"The hamburger menu is called that because its button icon looks like... a hamburger | DailyCMS\" width=\"847\" height=\"183\" srcset=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-hamburger-menu-is-called-that-because-its-button-icon-looks-like...-a-hamburger-DailyCMS.jpg 847w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-hamburger-menu-is-called-that-because-its-button-icon-looks-like...-a-hamburger-DailyCMS-800x173.jpg 800w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-hamburger-menu-is-called-that-because-its-button-icon-looks-like...-a-hamburger-DailyCMS-770x166.jpg 770w\" sizes=\"auto, (max-width: 847px) 100vw, 847px\" \/><figcaption id=\"caption-attachment-142905\" class=\"wp-caption-text\">The hamburger menu is called that because its button icon looks like&#8230; a hamburger | DailyCMS<\/figcaption><\/figure>\n<p>For many years, starting with Android 10, developers have been promoting gesture navigation &#8211; it is used by default both in branded Pixel smartphones and throughout Android in general.\u00a0One of the key features of green robot gesture navigation that differentiates it from the iOS implementation is the back gesture.\u00a0On the iPhone, if you want to go back, you either have to press a button somewhere in the user interface or swipe from the left edge.\u00a0On Android, you need to swipe from either the left or right edge of the screen.<\/p>\n<p>Like the obsolete back button in iOS, the hamburger menu in Android appears in the upper left corner (sometimes in the right) &#8211; it is used very rarely, so I don\u2019t worry much about its inconvenient location (in the realities of 6.5-inch smartphones) .\u00a0What worries me more is the fact that these slide-out menus, like the one recently introduced in Messages, are fundamentally incompatible with the modern standard in Android &#8211; gesture navigation, which, in my opinion, is the best solution that has ever existed in the system.<\/p>\n<figure id=\"attachment_142906\" aria-describedby=\"caption-attachment-142906\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142906\" src=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same.jpg\" alt=\"The design of the hamburger menu icon can be different, but the essence is the same\" width=\"1680\" height=\"1010\" srcset=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same.jpg 1680w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same-800x481.jpg 800w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same-1080x649.jpg 1080w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same-770x463.jpg 770w, https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/The-design-of-the-hamburger-menu-icon-can-be-different-but-the-essence-is-the-same-1536x923.jpg 1536w\" sizes=\"auto, (max-width: 1680px) 100vw, 1680px\" \/><figcaption id=\"caption-attachment-142906\" class=\"wp-caption-text\">The design of the hamburger menu icon can be different, but the essence is the same<\/figcaption><\/figure>\n<p>The peak of popularity of the hamburger menu came at a time when smartphones were relatively small.\u00a0In addition, the swipe back gesture had not yet appeared, and the hamburger implementation of the interface fit very well into the overall concept &#8211; it seemed to imitate physical space and proximity, making complex user interfaces more understandable at an intuitive level.\u00a0Dimming the background when opening the hamburger menu made it feel like an additional panel was floating above the rest of the interface, and it really made the system easier to read.<\/p>\n<p>However, in the last few years, swiping horizontally has taken on a different meaning \u2013 going back.\u00a0In this regard, the developers have moved away from the concept of a hamburger menu, but not all.\u00a0Even Google could not completely abandon it: it disappeared from Google Play and Google Weather, but remained in Drive and Gmail.<\/p>\n<figure id=\"attachment_142907\" aria-describedby=\"caption-attachment-142907\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142907\" src=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/burger-menu-buttons-anim.gif\" alt=\"If three-button navigation is enabled, a swipe from the left brings up the hamburger menu\" width=\"224\" height=\"480\" \/><figcaption id=\"caption-attachment-142907\" class=\"wp-caption-text\">If three-button navigation is enabled, a swipe from the left brings up the hamburger menu<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>So what should developers do to fix the situation?\u00a0At the very least, slide animations should be abandoned if the community is really going to go back to hamburger buttons.\u00a0This animation was used precisely to inform the user: there is an additional panel to the left of the screen, which can be pulled out with a swipe from left to right.<\/p>\n<p>If the user has gesture navigation enabled (which is the default), this slide-out animation becomes confusing: does a left-to-right swipe go back or open the hamburger menu?\u00a0Everything is aggravated if the same horizontal swipe is used in the application to interact with elements under the finger &#8211; for example, to archive a chat in the same Messages.<\/p>\n<figure id=\"attachment_142908\" aria-describedby=\"caption-attachment-142908\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142908\" src=\"https:\/\/www.stereoindex.com\/tech\/wp-content\/uploads\/2022\/03\/If-gesture-navigation-is-enabled-a-swipe-to-the-left-returns-back-but-the-hamburger-menu-closes-with-the-same-swipe-back.gif\" alt=\"If gesture navigation is enabled, a swipe to the left returns back, but the hamburger menu closes with the same swipe back\" width=\"224\" height=\"480\" \/><figcaption id=\"caption-attachment-142908\" class=\"wp-caption-text\">If gesture navigation is enabled, a swipe to the left returns back, but the hamburger menu closes with the same swipe back<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>All this makes life even more difficult for application developers who need to consider both new and old implementations, and this is terribly regressive.\u00a0As a result, users of a modern control system are also confused, and application developers do not know what to do.<\/p>\n<p>In the modern interface, the same Google, as a rule, fits all the elements of the old hamburger menu into a pop-up panel by clicking the user&#8217;s avatar in the upper right.\u00a0Therefore, applications that have both the hamburger menu button \u201c\u00a0<strong>\u2261<\/strong>\u00a0\u201d and the avatar icon at the same time are only confused.\u00a0Some third-party applications use a completely different implementation: for example, Discord and Slack also have a gesture interface, but it is intuitive and creates an overlay effect, as if all screens are cards on top of each other.\u00a0This idea is clearly better than the Android 4.4 KitKat era menus.<\/p>\n<p>The standard \u201c\u00a0<strong>\u2261<\/strong>\u00a0\u201d icon and similar ones are unlikely to be abandoned &#8211; they have been popular since the 1980s, people are already used to them and subconsciously know what is hidden behind these icons.\u00a0But the way Google uses such buttons now hasn&#8217;t kept up with how modern Android works.\u00a0Gesture navigation is a modern evolution of the mobile experience, and if Google wants to use the hamburger menu again, then its implementation needs to be redesigned for modern realities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The hamburger menu is an additional panel that, by pressing the \u201c\u00a0\u2261\u00a0\u201d button, moves out over the interface.\u00a0In 2022, two Google branded apps at once received such a menu, which developers have long abandoned: first, users noticed it in the beta version of Google Photos, but it didn\u2019t work, and then the same option appeared [&hellip;] <a class=\"g1-link g1-link-more\" href=\"https:\/\/www.stereoindex.com\/tech\/uncategorized\/google-is-bringing-back-the-android-hamburger-menu-and-its-terrible\/\">More<\/a><\/p>\n","protected":false},"author":10404,"featured_media":142909,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1509,1],"tags":[779],"class_list":{"0":"post-142904","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-mobile","8":"category-uncategorized","9":"tag-news"},"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/posts\/142904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/users\/10404"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/comments?post=142904"}],"version-history":[{"count":0,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/posts\/142904\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/media\/142909"}],"wp:attachment":[{"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/media?parent=142904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/categories?post=142904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stereoindex.com\/tech\/wp-json\/wp\/v2\/tags?post=142904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}