“安卓的汉堡菜单正在变得像iOS一样标签化？”

本篇文章1810字，读完约5分钟

虎嗅注:本文来自medium。 原文的标题是“世卫组织移动我的汉堡王？ 》，作者anas ka。 虎嗅翻译。

文/实习生郭旭东

这一年，如果你是&equiv； (也称为汉堡菜单、抽屉式菜单)如果没有研究过，你就不是合格的顾客体验设计师。

注:汉堡包菜单是指侧面抽屉式的菜单，位于APP左上或右上的&equiv； 单击按钮，显示隐藏功能的列表。 例如，虎嗅手机端APP中充分利用了这一设计。

因为最近谷歌更新了他们的YouTubeAndroid客户端，我不禁想写下我对汉堡菜单及时流行的ui设计趋势的看法。

&equiv； 之所以被称为汉堡包菜单，是因为它像汉堡包。 上面和下面的线像圆面包，中间夹着的线像汉堡包里的填充物维基百科

谷歌开始转向标签设计了吗？

谷歌+和youtube的安卓版APP分别使用下拉菜单和标签菜单

google+和youtube一开始都用汉堡包菜单。 年5月，谷歌+使用下拉菜单代替汉堡包式。 本月，youtube的最新版本使用了标签菜单。

他们从汉堡阵营叛变了！

让我们来看一下放弃初期采用的汉堡菜单，切换到其他导航设计的APP应用吧。

脸书

facebook的安卓和ios的客户端

虽然facebook仍采用汉堡菜单，但它被重新命名为more，放在APP的右上角(安卓版)或右下角)的ios版上。 但实际上，无论是安卓还是ios系统，facebook都全面使用了标签栏。 不同之处仅在于，安卓版将标签放在顶部，ios版将标签放在底部。

推特

twitter的安卓和ios的客户端

安卓版推特的警报、来电图标在ios版中以下部标签栏的形式显示，但安卓将这些一系列图标放置在上部右侧。 主页上发现，这两个按钮以安卓版的形式放置在新闻流的上部，在ios版中以分页的形式显示。

触发器板

flipboard的安卓和ios的客户端

这是安卓版的flipboard选项卡。 你找到ios版顶部的following字样了吗？ 没错，安卓版的图标显示的是following功能。

Airbnb

airbnb的安卓和ios的客户端

安卓版的功能键主要分为两组，一个是功能键，左对齐放在左侧，右侧是个人账户的新闻。 ios未分组，各功能键均匀地放置在底部。

/ S2/9gag/S2 /

9gag的安卓和ios的客户端

这很有趣！ 这是我第一次看到安卓APP的标签栏完全符合ios标准！ 在这个APP的右下方也出现了类似facebook的汉堡more图标。

主页的返回键！

返回键位于LinkedInAndroid版主页的左侧。 代替汉堡包的图标，成为打开抽屉菜单(右侧)的入口

由于各种未知的原因，LinkedInAndroid版APP用返回键代替了汉堡包的图标。

对客户来说，这个方法非常巧妙。 通过这样的改进，客户可以看到越来越多的拷贝。 因为他们必须疯狂地按回车键掠过无数网页才能返回主页。

正确永远是正确的！

大多数APP都把汉堡包的图标放在左上角。 这很不方便。 特别是访问菜单深处的时候。 因为左上角有“后退”而不是“汉堡”图标，所以无法立即返回首页。

这个该怎么办？

反转网络

在reverb news的ipad版本中，主页图标位于左上角，其右侧有返回图标

reverb news的ipad版本将主页图标放在左上角。 如果正在访问菜单，返回键将显示在主页图标的旁边。 这个设计在手机方面很实用。 因为客户往往不只是想按回去，而是想直接回到首页。

/ S2/]日本航空公司

jamie olivers recipes把汉堡包的图标放在右上角

设计师也可以把汉堡包的图标放在右上角。 这样，画面就会返回键和汉堡包图标。 ios版的jamie olivers recipes和epicurious就是这样做的。

EPicurious

epicurious也将汉堡包的图标放在右上角

有趣的是，jamie olivers recipes和epicurious是教你做饭的APP交流。

用还是不用，这是个问题！

汉堡菜单为了复制，在空之间确保了越来越多。 使用定位点功能表而不是汉堡包功能表，可能会严重占用副本的显示区域。 此外，如果标签栏上的标签太多，最终将需要添加类似汉堡包的更多图标。

最好的方法是将标签菜单和汉堡包菜单(更多图标)组合在一起，并将汉堡包图标放在APP的右上角。

这样，客户就可以知道在哪个位置、可以去哪个位置，从而发现more越来越多功能了。

你觉得这个拷贝的汉堡菜单怎么样？ 你接下来设计的APP中会采用那个吗？ 谈谈你的看法吧。

来源：UI科技日报