Skip to content
我们不会改变世界, 但我们的客户会!
We don't change the world. But our clients do
设想品牌的未来, 让品牌更有意义
DELIVER BRAND FROM strategy TO REALITY.we make brand matter

为什么汉堡菜单应该永远消失

汉堡包菜单最初是作为隐藏二级导航项的一种手段引入的,目的是为了保持更清晰、更集中的web或应用程序设计。

android是这个设计组件的早期采用者之一,甚至将其包含在他们流行的材料设计指南中。从那时起,它就进入了大多数Android应用程序,以及一部分iOS应用程序。它甚至已经成为大量桌面应用程序和网站的主要功能。

这些实例的设计取得了不同程度的成功。有些提供了合法的导航溢出解决方案,而另一些选择汉堡菜单的审美原因,以牺牲用户体验。它已经成为现代产品和网页设计中普遍接受的组成部分。

001

就桌面应用程序而言,汉堡包应该没有位置。很少有设计如此缺乏屏幕空间,以至于需要导航溢出。谷歌是罪魁祸首之一,似乎包括这个组件只是为了在他们的产品之间以及桌面和移动设备之间提供一致性。实际上,这是一种无用且不方便的用户体验实践,特别是当它还包含主要导航项时。

002

同样,同样的逻辑也适用于传统网站,如投资组合、登录页面和公司网站。在台式计算机上,没有理由完全隐藏主导航项或辅助导航项。

汉堡包菜单只是一个美学上的考虑,通常是一个懒散的解决方案

即使考虑到小型笔记本电脑和平板电脑设备,在设计阶段也有很多屏幕空间可供使用。即使是最复杂和最广泛的导航菜单,也可以直接显示出来,给予一些仔细的考虑。没有像移动应用程序那样的指导方针,允许设计师通过定位、大小调整和用户友好的解决方案(如悬停下拉列表和分层结构)获得创造性。

汉堡包菜单只是一个美学上的考虑,通常是一个懒散的解决方案,不适合环境和设备。这使得在页面之间切换变得很困难,即使是最懂计算机的人也会完全困惑。

003

随着屏幕尺寸缩小到平板电脑和移动设备分辨率,汉堡包菜单开始解决空间限制的问题。它提供了一个快速而简单的解决方案来解决屏幕不动产的问题,并且在移动网站和android应用程序之间是一致的。ios本质上提供了相同的解决方案,但其形式是一个溢出选项卡图标,通常标题为“more”。它更容易接近,因为它的位置在屏幕的底部,在你的手可以触及。

但是,在这样一个设计思考者和创意者正在设计和考虑新的替代品来替代设计中最关键的部分的环境中,汉堡包菜单真的是最佳的解决方案吗?

汉堡包菜单在用户体验方面缺乏的是,它要求每次都要打开其中的一个项目。如果包含导航抽屉,则每次用户希望导航到不同屏幕时,这将扩展到两个轻触。其中一些项目可以被归类为次要的、不太重要的项目,访问的频率要低得多。其他的,即使是在谷歌自己的应用程序中,也是最基本的行动。

如果汉堡包菜单要永久消失,就必须提出一个合适的、改进的解决方案

从google keep中的提醒,到youtube中稍后的观看,汉堡包菜单经常提供关键导航项的重叠。作为一个设计组件,这是一个折衷方案。如果每个应用程序都根据自己的独特需求、用户和布局设计自己的导航结构,就会得到一个更为优化的解决方案。但在ios或android这样的生态系统中,一致性对于为开发人员提供简单的解决方案、确保用户能够理解应用程序的功能至关重要,而不管应用程序是由谁设计的。

如果汉堡包菜单要永久消失,就必须提出一个适当和改进的解决方案。它必须是一个可以应用于每一个应用程序始终贯穿整个生态系统,范围的各种不同的需求和复杂性。

第一个可能的解决方案是向左移动应用程序标题,为标题栏右上角分组的最多四个图标打开空间。这涵盖了大多数汉堡包菜单用例,通常只包括两到四个项目。对于导航项较多的情况,可以引入省略号溢出图标。这将从“一刀切”的做法转变为为为所有应用程序提供快速访问解决方案,同时也为那些具有超过四个项目的更复杂案例提供服务。

另一个解决方案是引入重新设计的图标选项卡栏。如果材料指南目前鼓励设计师使用文本标签标签,这些标签可以很容易地切换到图标。这将为大多数应用程序打开足够的空间来删除辅助导航菜单,并鼓励设计师和开发人员简化其应用程序中主屏幕的数量。类似地,随着ios不动产的增加,以及对标签栏中间距做法的重新思考,应用程序可以容纳更多的项目,同时将每个项目中的任何次要项目都作为次要标签。

004

在这两种情况下,它都消除了汉堡包菜单的粗心。相反,设计师和开发人员将被迫将导航项的数量压缩为更结构化、更易于理解的选项卡。

将项目推入这个模糊的菜单太容易了,最终用户会为此付出代价。这通常是不必要的,而且这个图标浪费了android应用程序标题栏的很大一部分。

随着时间的推移,像“材料设计”这样的系统可能会设计出更简单的解决方案,以避开汉堡包菜单。正是在这一点上,用户将看到更易于使用的移动产品和更简单、更易访问的导航结构。

版权声明:以上文章信息来源于网络,等仅代表原作者本人的观点。除了已经标注原创的文章外,其它文章版权和文责属于原作者。文章中出现的商标、专利和其他版权所有的信息,其版权属于其合法持有人。对可以提供充分证据的侵权信息, 我们将在确认后的1小时内删除。

本网站之声明以及其修改权、更新权和最终解释权均属深圳市德启企业形象设计有限公司所有,所有文章未经允许,严禁转载。

品牌战略
X
VI设计
X
空间设计
中小企业 - 上市公司 - 跨国企业 - 国有企业 - 世界500强