A couple of months ago Google has celebrated with enthusiasm 15 years of Google Maps, one of the most used and appreciated services worldwide from the company.

幾個月前，Google熱情地慶祝Google Maps誕生15周年，這是該公司在全球范圍內使用最廣泛，最受歡迎的服務之一。

On the occasion of the birthday, some changes were made to the app — the one that most stands out is certainly the new icon — but one in particular has created a sensation: burgers and drawers have apparently disappeared.

在生日那天，對應用程序進行了一些更改(最引人注目的當然是新圖標)，但是其中一個特別引起了轟動：漢堡和抽屜顯然已經消失了 。

什么是漢堡包和抽屜？ (What are hamburger and drawer?)

Excellent question! These two names could create a bit of confusion, however I’m simply talking about two graphic elements that we already saw in many everyday applications that we used for years.

很好的問題！ 這兩個名稱可能會造成一些混亂，但是我只是在談論我們已經使用了很多年的許多日常應用程序中已經看到的兩個圖形元素。

For hamburger menu, or, more precisely, hamburger button, I refer to that icon with three horizontal bars that is usually always in the top left corner in applications. The name “hamburger” comes from its resemblance to a hamburger sandwich, with the two lines at the top and bottom to indicate the slices of bread, and the central one to indicate the hamburger.

對于漢堡菜單，或更準確地說，是漢堡按鈕 ，我指的是帶有三個水平條的圖標，通常在應用程序中始終位于左上角。 “漢堡包”的名稱類似于漢堡包三明治，頂部和底部的兩行分別表示面包片，中間的兩行表示漢堡包。

The drawer, or navigation drawer, is that graphic element that usually pops out from the left when we click on the hamburger. And it contains a lot of interesting things, like links to other pages of the app or information on the account logged in.

抽屜或導航抽屜是當我們單擊漢堡包時通常從左側彈出的圖形元素。 它包含許多有趣的內容，例如指向應用程序其他頁面的鏈接或登錄帳戶的信息。

這是真的！ 我也有那個按鈕！ /等一下，我在應用程序中看不到該按鈕！ (It’s true! I have that button too! / Wait, I don’t see that button in the app!)

The hamburger button and its drawer are elements that are easily found in Android applications, Google itself has included them, for several years, in a multitude of applications. And so many Android developers.

漢堡包按鈕及其抽屜是在Android應用程序中很容易找到的元素，多年來，Google本身已將其包含在眾多應用程序中。 許多Android開發人員。

They are not exclusive to the green robot, however, and can therefore also be found in some iOS applications: Apple has always preferred a tabbed approach, rather than the use of a drawer, no app developed by Apple has in fact a drawer (well, maybe the mail app has a very similar thing), or a hamburger button.

但是，它們并不是綠色機器人所獨有的，因此也可以在某些iOS應用程序中找到它們： Apple一直偏愛使用選項卡式方法 ，而不是使用抽屜，Apple開發的任何應用程序實際上都沒有抽屜( ，也許郵件應用程序有一個非常相似的東西)或一個漢堡按鈕。

The guidelines for the development of apps also change according to the operating system: the specifications for the Android apps include the Drawer component, the Apple ones for iOS do not. This is why many apps have different styles based on the operating system for which they are developed: for example the Telegram app has a drawer on Android but itdoes not have it on iOS.

應用程序開發的準則也會根據操作系統而有所不同： Android應用程序的規范包括Drawer組件，Apple的iOS規范則沒有 。 這就是為什么許多應用根據其開發的操作系統而具有不同樣式的原因：例如，Telegram應用在Android上具有抽屜，而在iOS上則沒有。

Finally, drawers and hamburger menus are not exclusive to mobile applications: they can also be found on websites, especially in their mobile versions.

最后，抽屜和漢堡菜單并不是移動應用程序獨有的：它們也可以在網站上找到，尤其是在移動版本中。

那么，Google是否正在從其應用程序中刪除抽屜？ (So, is Google removing the drawer from its applications?)

Well, maybe. Obviously this does not mean that apps will be poorer in content from now on: everything that was in the navigation drawer has been moved and made available in other parts of the app.

好吧， 也許吧 。 顯然，這并不意味著從現在開始應用程序的內容將變得更糟：導航抽屜中的所有內容都已移動并可以在應用程序的其他部分使用。

But there are some changes in progress. We have already talked about Google Maps, which removed this graphic element a few weeks ago, but it is not the only Google app to have done so.

但是有一些變化。 我們已經討論過Google Maps，它已在幾周前刪除了該圖形元素，但這并不是唯一的Google app。

We don’t know if YouTube was the first on the list, certainly one of the firsts though: back in 2015 (yes, five years have already passed) the drawer was replaced by some tabs positioned just below the appbar. In the meantime, the app has been updated again and now the tabs are at the bottom, more easily accessible.

我們不知道YouTube是否排在首位，盡管無疑是首創：在2015年(是的，已經過去了五年) ，抽屜被位于應用欄正下方的一些標簽所取代 。 同時，該應用已再次更新，現在選項卡位于底部，更易于訪問。

Even Google Fit once had the classic hamburger button that opened a drawer once. It has now been replaced by a bottom navigation bar. Other apps are still changing: for example Google Ads shows the drawer in some cases, while a bottom bar in others (in these situations Google is likely to be testing server side, releasing the new layout gradually and in a limited way).

即使是Google Fit，也曾經有過經典的漢堡包按鈕，可以一次打開抽屜。 現在，它已被底部導航欄取代。 其他應用程序仍在變化：例如，在某些情況下，Google Ads顯示抽屜，而在其他情況下，則顯示底部欄(在這種情況下，Google可能正在測試服務器端，并以有限的方式逐漸發布新的版式)。

抽屜怎么了 (What’s wrong with the drawer?)

Well, to be honest there is more than one reason why the drawer, but especially the hamburger menu, is a slightly outdated design pattern. The gentlemen of the Nielsen Norman Group (great experts in the sector) say it, and their article is pretty long, so something obviously is wrong.

好吧，說實話，抽屜(尤其是漢堡菜單)是一種過時的設計模式，原因有多個。 尼爾森·諾曼集團(Nielsen Norman Group)的先生們(該領域的杰出專家)說過， 他們的文章很長，因此顯然是錯誤的。

We try to explain it in a slightly shorter way:

我們嘗試以一種簡短的方式來解釋它：

• The hamburger button is difficult to reachOf course it is: most of the times it is in the upper left, the furthest point to reach with our beautiful right thumb. Furthermore, even the most important items in the drawer will always be at the top. Maybe once the problem was less pronounced, but in recent years smartphone displays have gotten bigger and bigger, and now this thing has become a problem.

  漢堡包按鈕很難觸及當然是這樣：大多數情況下，它位于左上角，這是我們美麗的右手拇指觸及的最遠點。 此外，即使抽屜中最重要的物品也始終位于頂部。 也許問題一度不那么明顯，但近年來智能手機的顯示屏越來越大，現在這已經成為一個問題。

• There are multiple operations to do

  有多個操作要做

  This too may seem like a small problem, but a drawer forces us to make two taps on the screen instead of one: one on the hamburger button to open the drawer and one on the item we want to click. Third millennium problems, but still problems.

  這似乎也似乎是一個小問題，但是抽屜迫使我們在屏幕上點擊兩次而不是兩次：一次在漢堡按鈕上打開抽屜，另一次在我們要單擊的項目上。 第三千年的問題，但仍然是問題。

• We don’t see immediately what we need

  我們沒有立即看到我們需要的東西

  The elements we need are in the drawer, and where is the drawer? Hidden behind the frames of our display. And as long as we don’t tap on the hamburger button it doesn’t pop out.

  我們需要的元素在抽屜中，抽屜在哪里？ 隱藏在我們顯示器的框架后面。 而且，只要我們不點擊漢堡包按鈕，它就不會彈出。

• In the latest version of Android, opening the drawer by dragging it is almost impossible

  在最新版本的Android中，幾乎不可能通過拖動來打開抽屜

  To open a classic drawer you can also swipe (drag your finger, for non-professionals) from the left edge of your smartphone to the right. This has been possible for a multitude of years BUT … in the latest version of Android, the same action, the swipe from left to right, also is used to go back. And so it happens that you want to open the drawer and exit the app instead.

  要打開經典抽屜，您還可以從智能手機的左邊緣向右滑動(對于非專業人士，請拖動手指)。 但是已經有很多年了……但是在最新版本的Android中，相同的動作(從左向右滑動)也可以返回。 因此，碰巧您想打開抽屜并退出應用程序。

  This is an accessibility problem, but not caused by the drawer itself; simply Google likes to experiment without solving the problems it creates.

  這是一個可訪問性問題，但不是由抽屜本身引起的。 只是Google喜歡嘗試解決未解決的問題。

有哪些選擇？ (What are the alternatives?)

Now that the reputation of drawer and hamburger (button) has dropped a lot, let’s see together some alternatives or some improvements that can be made to significantly improve the usability of an app.

既然抽屜和漢堡包(按鈕)的聲譽下降了很多，讓我們一起來看一下可以顯著提高應用程序可用性的一些替代方案或改進。

A nice Bottom Navigation Bar

一個漂亮的底部導航欄

It shows only the most important elements, it is at the bottom and therefore easily accessible by fingers, it is always visible. It is also the solution that many are adopting to replace the drawer, and Google is also implementing it extensively (for a while it has become part of the official Material Design components).

它僅顯示最重要的元素，它在底部，因此手指可以輕松訪問，并且始終可見。 這也是許多人用來替換抽屜的解決方案，并且Google也在廣泛實施它(一段時間以來，它已成為官方Material Design組件的一部分)。

However, Apple has been using it since iOS 3. More than ten years ago.

但是，蘋果從iOS 3開始就使用它。 十多年前 。

A Bottom Navigation Drawer

底部導航抽屜

It doesn’t sound like a big innovation, does it? To be fair, this solution maintains all the graphic elements we have talked about so far, drawer and hamburger, but with many advances towards the problems they had: the hamburger button is at the bottom and much more accessible, and the drawer, popping up from the bass, it shows first of all (and not too far from the bottom) the most important voices, and only then the secondary ones.

這聽起來不像是一項重大創新，不是嗎？ 公平地講，此解決方案保留了到目前為止我們討論過的所有圖形元素(抽屜和漢堡包)，但是在解決它們所遇到的問題方面取得了許多進步：“漢堡包”按鈕位于底部并且更易于訪問，并且抽屜彈出從低音開始，它首先顯示最重要的聲音(并且離底部不遠)，然后顯示次要聲音。

Two clicks remain to be done instead of one. A solution therefore suitable only for apps used by people who are not in a hurry.

還需要單擊兩次，而不是單擊一次。 因此，此解決方案僅適用于不著急的人使用的應用程序。

結論 (Conclusions)

At the end, we don’t know if Google will take the plunge by removing the drawer from its applications. But we saw that he would have more than one reason to do it, or at least fix some problems.

最后，我們不知道Google是否會通過從應用程序中刪除抽屜來采取行動。 但是我們看到他這樣做的理由不止一個，或者至少可以解決一些問題。

And all developers or owners of applications should do the same: nobody likes to use an application that limits us in use instead of helping us.

所有應用程序的開發人員或所有者都應這樣做：沒有人喜歡使用限制我們使用的應用程序而不是幫助我們。

Many are already doing it: apart from Google and Apple (which has taken a lot of care in this since the beginning) there are a lot of apps that over the years have changed their user interface to be easier to use. I’m talking about Spotify, Facebook, Instagram, Netflix, and many, many others.

許多公司已經這樣做了：除了Google和Apple(從一開始就在這方面進行了很多注意)之外，許多應用程序多年來已將其用戶界面更改為更易于使用。 我說的是Spotify，Facebook，Instagram，Netflix等。

我們是誰？ (Who we are?)

We are a team of developers and designers based in Padua, Italy.We make mobile applications and web apps, using Flutter, React and React Native. We are always ready to create something great!

我們是一個位于意大利帕多瓦的開發人員和設計師團隊，我們使用Flutter，React和React Native制作移動應用程序和Web應用程序。 我們隨時準備創造偉大的事物！

Our website | Dribbble | Instagram | Linkedin

我們的網站 | Dribbble | Instagram | 領英

Are you interested on what we do? Drop us a few lines!

您對我們的工作感興趣嗎？ 給我們幾行 ！