如何处理深层嵌套导航菜单?

问题描述:

我有一个应用程序,我正在为客户创建一些点,有6个级别的导航。基本上我们的用户想要从导航中选择一个项目。这将导致另一组导航,这将导致另一组导航等等,直到你在导航属性上达到6级。如何处理深层嵌套导航菜单?

一些菜单项并不那么实际上没有子菜单。

为了使事情更加复杂,一些链接需要描述链接导致的报告。这里需要注意的是,其中的一些描述是15行,基本上是大段文字。

我已经尝试了悬停打开子菜单,但当你到第六级,如果你移动你的鼠标头发太多,你回来,并再次树出来。

我试着从twitter引导手风琴的方法,但没有奏效,因为在6级菜单的大部分导航被推下了页面。

我尝试使用XML填充下拉列表,其中基本上用户会点击一个链接,“子链接”将出现在部分视图中并带有下拉列表。直到你处于最低水平。问题是我的屏幕房地产用完了6个下拉列表和一个描述。

任何人有任何建议,我可以用这样的应用程序做什么?

+0

哇...我真的会退后一步,地址什么的主要目标,做一个完整的应用总结和发展。 6级导航只会伤害你的利润,我无法想象你给最终用户带来的压力。你在做什么需要这么多? – 2013-03-14 18:29:50

+0

我其实不是那个暗示这一点的人。我们的最终用户希望以这种方式布置网站。如果它取决于我,我会有一个像搜索框一样的谷歌,用户可以搜索他们正在寻找的任何报告 – Robert 2013-03-14 18:32:36

+0

这可能更适合http://ux.stackexchange。com/ – MrWhite 2013-03-15 10:01:33

向下钻取菜单 - iPod的风格

一个简单的解决方案是从来没有一次使用CSS样式来显示一个或多个嵌套的,有很多菜单,你可以做到这一点,只是一些例子我之前在我的设计中使用过涉及大量嵌套菜单的菜单是使用iPod风格的菜单。以look for yourself为例,显示尽可能多的巢穴,同时保持一切易于使用,看起来也很酷。

你可以在这里查看源代码和其他演示:jQuery iPod style and flyout menus,如果你使用WordPress,那么这个已经被移植了here。另外值得注意的是,当你看到demo时,你可以在页面上看到很多菜单,但是你可以看到一个下拉菜单很有效,但是你可以有很多菜单在一个'菜单栏'旁边,非常合适这个情况。下拉菜单钻

更多示例

+0

这将对我所做的很好,谢谢 – Robert 2013-03-14 18:36:21

+0

没问题,只需添加几个链接即可考虑,享受。 – 2013-03-14 18:43:03

+0

将下钻菜单添加到网页有什么好的步骤。我看到很好的例子,但没有真正的HTML,除非我检查元素 – Robert 2013-03-14 20:00:15