谁动了我的汉堡？

原作者：Anas KA

译者：励定洲

如果你不曾对”≡“这个东西发表过观点，那你就称不上是一个”称职“的设计师:p

谷歌最近更新的YouTube Android app不禁让我也想随大流发表一下我对这个有趣的UI pattern的看法。

由于它那形似汉堡的外形，”≡“被称作”汉堡菜单“，最上面和最下面的“-”代表了两篇面包，而中间的那条“-”代表了汉堡包的填料。——维基百科

Google正在向Tab迁移吗？

Google+ and YouTube apps (Android) spotting a dropdown menu and tabs respectively.

Google+和YouTube的apps最开始的时候曾使用了汉堡菜单。Google+在2014年五月份的时候换成了一个下拉菜单。YouTube在2015年7月份的时候去掉了汉堡菜单，改为了基于Tab的风格。

让我们看看还有谁以前用过汉堡菜单然后又改掉了。

Facebook

Facebook Android and iPhone apps with tabs.

Facebook依然保留了汉堡菜单的图标，把它称为“更多”放在右边角落里。同时两个平台上的app都忠实于安卓和iOS的guideline，tab栏各自放在了上面和下面（iOS还加了文字标签）。

Twitter

Twitter Android and iPhone apps with tabs.

在安卓的action bar里的通知、信息的图标在iOS里是放在tab bar里显示的。安卓把Twitter里的图标都组合在一起放在靠右侧的地方。安卓上的“Home”、“Discover”等tab在iOS上是用标页码来显示的。

Flipboard

Flipboard Android and iPhone apps with tabs.

在安卓里，tab提供了如iOS里那样的“Following”页面标题的作用。

Airbnb

Airbnb Android and iPhone apps with tabs.

在安卓的action bar上的action图标被分为两组，居左排布。iOS的tab bar并没有提供分组。

9GAG

9GAG Android and iPhone apps with tabs.

发现了件很有趣的事！你有没有在安卓里见过像这样的类似iOS的有文字标签的tab？另外，汉堡菜单的图标和Facebook一样被用来指代“更多”。

在首页的“返回”按键！

LinkedIn Android app with a ‘Back’ button on the home page (left). It serves as a Hamburger Menu icon revealing the drawer menu (right).

基于人类未知的原因，LinkedIn的安卓app简单粗暴地使用“返回”图标来代替汉堡菜单的图标。

这可能是一个愚弄用户的聪明玩笑。我感觉这个举动提升了用户查看左侧抽屉菜单里内容的可能性，尤其是当用户拼命地想去“返回”首屏时。

正确的始终是正确的

大多数app把汉堡图标放在左上角的位置，这让用户在深一级的页面里进入菜单变得不方便。因为在那些页面里左上角经常见到的是返回图标而非汉堡图标。

Reverb News

Reverb News iPad app uses the ‘Home’ icon on the left corner. Right next to it is a ‘Back’ icon.

Reverb News的iPad app在左上角显示’home’的图标。如果你在某一个深一级的版块里，“返回”按键被放置在了’home’的右侧。这种方案显然在手机里是行不通的，因为用户很可能错按’home’而非”返回”图标。

Jamie Oliver’s Recipes

把汉堡菜单的图标移到右上角帮助我们在一个屏幕里同时显示“返回”和“菜单”图标。Jamie Oliver’s Recipes和Epicurious的iOS app是两个例子。

Epicurious iPhone app with the Hamburger Menu icon on the right corner.

有意思，两者都是和食物有关的app。

用，或不用，这是一个问题！

汉堡菜单节省了屏幕的空间，从而让内容得以有更多的地方显示。但它的可见性一直是拿来和tabs做比较的争论点。

从另一方面来说，如果在你的tab bar里有很多项目，你可能不得不考虑使用一个和汉堡相像的图标来表示“更多”了。 （译者注：严重反对此观点）

最好的方法或许是同时使用tabs和一个放在右上角的汉堡菜单来表示“更多”。

相较汉堡菜单，tabs可以让用户更快知道他们在哪里以及可以去哪。同时他们可以在“更多”的图标里发现更多功能。

至于我对汉堡菜单的理解和分析，你有什么看法吗？如果让你设计一个app的时候会怎么做呢？请在下方评论区尽情留言。