免费获取策划方案多一份参考,总有益处

它山之石

Tashan stone of

案例587

它山之石

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

来源:派臣科技|时间:2019-08-13|浏览:

汉堡包菜单最初是作为一种手段引入的,用于模糊次要导航项,以维护一个更干净、更集中的web或应用程序设计。

Android是该设计组件的早期采用者之一,甚至将其包含在他们流行的材料设计指南中。从那以后,它进入了大多数Android应用程序,以及部分iOS应用程序。它甚至成为许多桌面应用程序和网站的主要内容。

这些实例的设计都取得了不同程度的成功。一些网站建设提供了合理的导航溢出解决方案,而另一些网站则以牺牲用户体验为代价,出于美观的原因选择汉堡菜单。它已经成为现代产品和web设计中一个常见且被接受的组件。

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

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

汉堡包的菜单仅仅是一个审美上的考虑,而且通常是一个懒惰的解决方案

在设计阶段,即使考虑到小型笔记本电脑和平板设备,也有很多屏幕空间可供选择。即使是最复杂和广泛的导航菜单也可以直接显示,只要仔细考虑一下。目前还没有像移动应用程序那样的固定指南,允许设计师在定位、尺寸和用户友好的解决方案(如鼠标悬停下拉菜单和分层结构)方面发挥创意。

汉堡包的菜单仅仅是一种审美上的考虑,而且往往是一种不适合环境和设备的懒惰的解决方案。它使页面之间的切换变得困难,甚至对最熟悉计算机的人来说也是完全令人困惑的。

随着屏幕尺寸缩小到平板电脑和移动设备的分辨率,汉堡包菜单开始解决空间限制的问题。它提供了一个快速、简单的解决方案来解决屏幕空间不足的问题,而且在移动网站和Android应用程序中都是一致的。iOS基本上提供了相同的解决方案,但是是以溢出标签图标的形式,通常标题为“More”。考虑到它位于屏幕底部,触手可及,因此更容易使用。

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

就用户体验而言,汉堡包菜单缺少的是每次需要访问菜单中的某项时都必须打开该菜单。在包含导航抽屉的地方,这扩展到两个轻击,每次用户希望导航到不同的屏幕。其中一些项目可以归类为次要的、不那么重要的项目,它们的访问频率要低得多。其他的,甚至在谷歌自己的应用程序中,肯定是最主要的操作。

如果汉堡菜单要永远消失,就必须提出一种适当和改进的解决方案

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

如果汉堡菜单要永远消失,就必须提出一种适当和改进的解决方案。它必须能够在整个生态系统中一致地应用于每一个应用程序,并且能够满足各种不同的需求和复杂性。

第一个可能的解决方案是将应用程序标题向左移动,在标题栏的右上角为最多四个图标打开空间。这涵盖了大多数汉堡包菜单用例,通常只包含2到4个项目。对于导航项较多的情况,可以引入省略号溢出图标。这摒弃了一刀切的方法,而是为所有应用程序提供了快速访问解决方案,同时也满足了那些包含四个以上项目的更复杂的情况。

另一个解决方案是引入重新设计的图标选项卡栏。材料指南目前鼓励设计师使用文本标签标签,这些可以很容易地切换到图标。这将打开足够的空间来删除二级导航菜单对于大多数应用程序,并鼓励设计人员和开发人员简化应用程序的主屏幕的数量。同样,随着iOS房地产和在标签栏间距实践的反思,应用程序可以适合更多的物品,包括任何二级项目在每个二级标签。

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

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

随着时间的推移,像“材料设计”这样的系统可能会设计出更简单的解决方案来取代汉堡菜单。在这个时候,用户将看到更容易使用的移动产品,以及更简单、更容易访问的导航结构。

留言

返回顶部

君
重庆网站建设它山之石为什么汉堡菜单应该永远消失