为什么汉堡菜单应该消失很好

 Ben Bate. 经过 Ben Bate.  |  2018年2月5日

汉堡菜单最初被引入为模糊次要导航项目的手段,以维持更清洁和更加集中的Web或应用程序设计。

Android是这个设计组件的早期采用者之一,据包括它在流行中 材料设计指南。从那时起,它就找到了进入大多数Android应用程序的方式,以及一部分iOS应用程序。它甚至成为大量桌面应用程序和网站的主食。

这些实例设计具有不同程度的成功。有些人提供导航溢出的合法解决方案,而其他人则为审美原因选择汉堡菜单,以牺牲用户体验为代价。它成为现代产品和网络设计的常见和接受的组成部分。

001

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

002

同样,相同的逻辑适用于传统网站,例如投资组合,着陆页和公司网站。在台式计算机上,没有借口完全掩盖了主要或次要导航项目。

汉堡菜单只是一种审美考虑,通常是懒惰的解决方案

在考虑小型笔记本电脑和平板电脑设备时,在设计舞台上有很多屏幕空间。即使是仔细考虑,也可以直接显示最复杂和最广泛的导航菜单。移动应用程序上没有类似的设定指南,允许设计人员使用鼠标下拉和分层结构等定位,尺寸和用户友好的解决方案获得创意。

汉堡菜单简直就是一种审美考虑因素,而且通常是一个懒惰的解决方案,不适合环境和设备。它使得难以在页面之间切换,并且甚至是最令人困惑的是甚至是最多的计算机知识人员。

003

随着屏幕尺寸减少到平板电脑和移动设备分辨率,汉堡菜单开始解决空间限制问题。它为缺乏屏幕房地产提供了快速简便的解决方案,以及跨移动网站和Android应用程序一致的解决方案。 iOS基本上提供相同的解决方案,但以溢出选项卡图标的形式提供,通常标题为“更多”。在屏幕脚下的位置,它更易于访问,在您的手中。

但是在设计思想家和创造者设计的思想和考虑到设计的最关键部件的新替代品,是汉堡菜单真的是最佳解决方案吗?

汉堡菜单在用户体验方面缺乏什么,这是每次需要访问它的项目的要求。如果包括导航抽屉,则每次用户希望导航到不同的屏幕时,这会扩展到两个抽头。其中一些物品可以被归类为次要的,不那么重要的项目,这些项目远远不多了。其他,即使在谷歌自己的应用程序中,也是最肯定的主要行为。

如果汉堡菜单要消失,则必须提出合适和改进的解决方案

从Google保留的提醒,要在youtube中观看,汉堡菜单经常将重叠提供为关键导航项。作为设计组件,这是一个妥协。每个应用程序都是根据自己的独特需求,用户和布局设计自己的导航结构,将达到更优化的解决方案。但在一个生态系统中,如iOS或Android,一致性对于为开发人员提供简单的解决方案,并确保用户能够理解应用程序的功能,无论谁都是由此设计的。

如果汉堡包菜单要消失,则必须提出合适和改进的解决方案。它必须是一个可以在生态系统上一致地应用于每个应用程序,并且具有各种不同需求和复杂性的范围。

第一个潜在的解决方案是向左移动应用程序标题,打开最多四个图标的空间,在标题栏的右上方分组。这涵盖了大部分汉堡菜单使用情况,案例通常只包括两到四个项目。对于具有更多导航项目的情况,可以介绍省略省略漏流图标。这远离一定尺寸的所有方法,而是为所有应用提供快速访问解决方案,同时还为那些更复杂的案例提供了大于四个项目的案例。

另一个解决方案是引入重新设计的图标选项卡栏。当材料指南目前鼓励设计师使用文本标签选项卡时,这些可以很容易地切换到图标。这将打开足够的空间以删除大多数应用程序的辅助导航菜单,并鼓励设计人员和开发人员简化其应用中的主要屏幕数量。同样,随着Tab栏中的越来越多的IOS房地产和间距实践的重新思考,应用程序可以适合更多的项目,同时包括每个辅助项目作为辅助选项卡。

004

在这两种情况下,它会消失汉堡菜单的粗心性。相反,设计师和开发人员将被迫将导航项目的数量感到压缩到更具结构化和可理解的标签中。

在最终用户的费用,这一切都太容易将物品推入这个模糊的菜单。它通常不必要,并且该图标在Android应用程序中浪费了大量标题栏。

随着时间的推移,像材料设计这样的系统可能会设计更简单的解决方案来移动汉堡包菜单。正是在那个点,用户将以更轻松的移动产品提供更简单,更可访问的导航结构。