汉堡包菜单是一个导航元素,可以在网站、应用程序和程序中找到。它的名字来源于它的设计:它由三条水平线组成,就像一个汉堡包。与现实生活中的类似,汉堡包菜单是一种节省空间的机制。

汉堡菜单的10个利弊

但这是一个充满争议的图标。对于某些人来说,这是设计师工具包的重要组成部分。对于其他人来说,这是一个令人困惑的糟糕的信息体系结构的副产品。

什么是汉堡菜单?
 
汉堡菜单或汉堡图标是网站和应用程序中的按钮,通常会在侧边菜单或导航抽屉中打开。它是由交互设计师Norm Cox在1981年为Xerox Star个人工作站创建的,它是一种向用户传达按钮包含项目列表的简便方法。

什么是汉堡菜单

虽然我们今天使用汉堡包菜单来简化导航体验,但原始汉堡包菜单的目的却有所不同。考克斯在2014年的一次采访中说:“很多年前,我将该符号设计为用于上下文菜单选择的容器。” “它有点像我们今天用鼠标右键单击对象时使用的上下文菜单。”不过,在施乐星报之后,汉堡包菜单保持安静。直到UX设计人员必须找到一种在我们手机的小屏幕上安装多个按钮的方法时,菜单才开始出现在所有地方。从那时起,汉堡菜单已成为应用和网站放置其导航按钮的必备图标。现在,汉堡菜单已成为设计师喜爱的图标。毕竟,人们是否真的可以点击进入汉堡菜单?即使它们如此,即使菜单项如此重要,也不应该一直显示它们吗?在2014年全球开发者大会的一次演讲中,设计师和Apple UX传播者Mike Stern 批评汉堡包菜单,说:“记住,直觉导航系统的两个关键点是,它们告诉你你在哪里,还告诉你可以去哪里。”“汉堡菜单在这两个方面都很糟糕,因为菜单不在屏幕上。不可见 只有显示菜单的按钮是。”但这是否意味着您应该摆脱臭名昭著的三行图标?或者是时候该不再担心并学会爱上汉堡包菜单了?
 
汉堡菜单的3个优点
 
1:可识别
汉堡菜单无处不在-从应用程序到网站到计算机软件和视频游戏无处不在。
这个图标已经花了数十年的时间将自己嵌入到用户的社交意识中,使用户可以访问导航抽屉。人们知道它并且可以为此依赖它,例如用户如何知道垃圾桶图标是可以删除文件的位置,或者主页图标是可以转到主菜单的位置。正如设计师奥利弗· 麦克高(Oliver McGaugh )在Usabilla上写道:“我认为没有理由讨厌实现目标的东西。众所周知,它拥有自己的标准。为什么要杀死我们的用户知道并理解的普遍存在的图标,并用新的迭代代替它,以使他们重新学习?”
 
2:干净
有什么比凌乱的网页更糟糕的吗?例如,

凌乱的网页

在视觉位置非常珍贵的地方,例如移动应用程序和网站,汉堡菜单可以带来不可思议的价值。毕竟,您永远也不想过多地选择让您的用户不知所措。当人们面临各种各样的选择时,他们可能会感到沮丧,甚至根本没有做出选择。
 
决策专家Sheena Iyengar进行的一项研究发现,当人们拥有较少的购买选择时,人们进行购买的可能性就会增加10倍。这就是为什么汉堡菜单是清除本来混乱的页面的好方法的原因。这是一个简单的解决方案。因此,如果您正在寻找一种方法来包括轻松访问导航菜单而又不至于使用户陷入困境,那么汉堡菜单是一个不错的选择。

3:辅助访问
汉堡菜单可能是导航按钮的好地方,这些导航按钮并不直接服务于您的网页目标。
 
Uber为此使用汉堡按钮。该应用程序有一个目标:预约汽车。因此,主屏幕专门用于预订车辆。

汉堡按钮优点-辅助访问

对于诸如过去旅行记录,收据和付款设置之类的事情,您必须单击汉堡菜单,因为它们对主要目标而言并不那么重要

汉堡菜单

尽管这些按钮对于某些任务很重要,但它们并不需要占用主屏幕上的所有空间。这使汉堡菜单成为他们的理想之选。
 
汉堡菜单的3个缺点
 
现在,我们深入探讨为什么汉堡包菜单确实是设计界最讨厌的图标之一。
 
1:使页面不那么重要
设计师对汉堡菜单的最大困扰之一是,汉堡菜单立即变得不那么重要。将您的网站视为音乐节。汉堡菜单很小。您不想把最好的艺术家和头条新闻放在那里。相反,您希望它们处于每个人都可以看到它们的最大阶段(即主页)。您正在设计的任何数字体验都一样。当您将导航按钮和页面放到汉堡菜单上时,您在传达的是这些东西并不那么重要-并使它们去那里的可能性大大降低。
 
2:参与度低
汉堡菜单的点击率(和参与度)比其他按钮低得多,这可能归因于许多原因。首先,它们很难达到。随着每一代手机的体积越来越大,到达通常会出现“汉堡”按钮的位置(左上角或右上角)变得越来越困难。

参与度低

其次,当用户看不到其导航选项时,与他们互动的可能性就会大大降低。思考:要使用汉堡菜单,用户必须:
 
1.意识到他们的首选菜单项不可见
2.查看菜单
3.知道什么是汉堡菜单,并且他们可以单击它
4.点击它
5.扫描其他菜单项的列表
6.找到他们要寻找的那个
7.点击它
对于这么简单的事情,这是很大的认知负担。例如,当Zeebox应用程序删除包含导航按钮的行,以使用汉堡菜单时,他们看到其参与度减半。
 
尼尔森·诺曼集团(Nielsen Norman Group)进行的一项研究发现,使用汉堡菜单时,可发现性“通过隐藏网站的主要导航功能几乎减少了一半。而且,任务时间更长,并且任务难度也增加了。”

数据统计

他们得出的结论是,在移动和桌面界面中隐藏导航按钮时,用户的体验都会更糟。甚至YouTube之类的大公司也意识到了汉堡菜单对他们的参与人数的影响,并且已经放弃了。
 
3:效率低下
任何优秀的设计师都知道,让用户经过额外的步骤才能达到最终目标是一个很大的禁忌。汉堡菜单正是这样做的。
 
假设您正在寻找健身教练的注册,然后去他们的网站了解更多信息。您是否希望联系页面的链接/按钮是:
 
A)在首页上
B)汉堡菜单后面
当然,您希望立即将其呈现给您。对于寻找健身教练的人来说,这是至关重要的信息!您不需要搜索所需的内容。