it-swarm.cn

2行导航与下拉菜单

当站点需要嵌套导航时,我已经看到了两种不同类型的导航栏,一种是将鼠标悬停在链接上会下拉另一个菜单,另一种是用该类别的链接填充第二个水平栏。在什么情况下我应该优先选择另一种?下拉导航似乎是最常见的,但是在某些情况下使用两个水平列会更好吗?

9
GSto

您需要访问的链接数量存在问题。下拉菜单可以访问更多链接。

存在垂直空间问题。浮动下拉菜单为您节省了一些空间。

并且存在易用性问题。我倾向于认为,如果您的网站有不同的部分,例如常见问题解答,游览和支持,并且这些部分中的每个部分都有几个子部分-使用两行导航可能会更容易,因为用户只需单击一下即可-访问其他小节。

8
idophir

我出于某些原因宁愿避免使用下拉菜单。

首先,将2级导航栏合并到您的网站设计中会更加容易,而又不会显得不合适。使下拉菜单与页面的其余部分匹配可能会很麻烦,尤其是在使用纹理时。我经常看到具有出色纹理/图形的网站,然后下拉菜单只是纯色。

其次,它们会意外消失,或者没有足够快消失。您确实需要调整鼠标消失后的时间。如果操作不正确,可能会意外地将鼠标移出菜单,它会立即消失。或者,您也可以使用菜单来完成操作,将鼠标移出,鼠标会一直保持打开状态直到超时。

正如其他人提到的,选择实际上取决于您必须显示多少个链接。如果您有很多子部分,则几乎必须使用下拉菜单。但是如果您有空间,我建议您使用2级导航。它快速,简单,可用,并且易于样式设置以匹配整个站点设计。

3
LoganGoesPlaces

2级菜单可能更混乱,但您至少应将其用作备用菜单,因为如果您的访问者在禁用JavaScript的情况下进行浏览,那么您无法使用下拉菜单。

0
Rylee Corradini

除了其他答案之外,首选2行导航的一个优点是用户总是知道在哪里寻找导航(而不是菜单位于与其“父”相对的空间中)。 2行导航还是一个更加“便捷一致”的界面-意味着您的界面在各种浏览器功能(例如javascript/no javascript,台式机/移动设备等)上可以保持相似。

0
Aaron Lerch

我更喜欢大型的可单击下拉菜单,这些下拉菜单在将鼠标移到该区域之外时不会消失。更好的是,向下滑动导航并使选项卡住。

将鼠标悬停在垂直行的主导航按钮上时,当我在寻找正确的链接时不小心触摸了另一个按钮或页面主体时,这些子链接几乎总是混乱并变成另一个按钮的行。

0
Petrus Theron

如果您有2个以上的级别,则水平选项会变得非常混乱,但是对于较小的菜单层次结构,我认为这更多是图形问题。我发现它们都易于使用和理解,并且在某些站点上看起来更好,而在其他站点上看起来更好。

0
Sruly