Answers:
除了空间问题和易于扫描之外,还应考虑其他一些因素:
水平排列的菜单(水平排列的语言)意味着需要更多的鼠标移动才能从一项移至下一项。
但是,从水平菜单中的顶级菜单项转到其相应的下拉菜单要比从垂直菜单项与其相应的弹出菜单更容易。与下拉菜单相比,弹出窗口中的对角线问题大大放大了,因为共享边缘要小得多。
然后是定位速度的问题。垂直排列的菜单比水平菜单具有更多的“深度”。这意味着用户可以以更高的速度将鼠标移向菜单,因为在过冲的情况下它们具有更大的缓冲区。当然,如果您将水平菜单放置在文档的顶部或底部边缘(即无限深度),那么这是有争议的。
最后,我认为这是洗手。选择最适合您的设计,然后从那里优化可用性。您不想使用垂直菜单,如果这意味着在页面的其余部分下面创建一个巨大的空列。而且,如果您的布局必须为2000px宽,则不想使用水平菜单。
好吧,我是一名开发人员/程序员/编码人员。
这意味着,在回答此类问题之前,我总是会寻求一些有关设计的信息。我喜欢Jakob Nielsen的文章,因为它们是在发布前先进行研究的。
我认为这些链接可以提供帮助。
现在我的意见。使用水平菜单是主导航的第一个选项,特别是如果您考虑使用大型下拉菜单。
同样,使用水平面包屑作为辅助导航来帮助用户快速定位自己。
我喜欢垂直导航菜单,但它们往往类似于广告,这使用户对它们视而不见,因此,首先要确保您的垂直菜单不像横幅广告或Google广告。
其次,我更喜欢使用垂直菜单进行“上下文”导航,显示相关内容或小节项目。
我将发布错误的答案的反面...
尽管我们从左到右阅读,但我们倾向于从上到下扫描。如果菜单项是垂直排列的,则如果菜单项位于彼此上方,则更容易快速进行比较。
如果您只有少数几个链接,则可以使用水平链接。保持简短但清晰的名字,且不要超过6-7个。当然,另一种选择是组合-水平放置几个“标题”,并将该类别中所有内容的悬停下拉菜单。
答案可能是两次都使用过,但据眼动追踪研究显示,眼睛以F形图案扫描页面,因此最好将导航保持在左上方或最佳。
两者也可以结合使用,例如顶部的水平菜单用于导航链接(家庭,关于我们,联系人等),左侧菜单用于类别,文章等。
关于下拉菜单要考虑的另一点是,它们可能会影响SEO。Search Engine Land的 Danny Sullivan 建议,下拉菜单可以通过在每个页面上建立许多链接来稀释链接权限,并且层次结构菜单可以更好地传递链接汁。另外,为什么要在一个下拉菜单中向用户隐藏导航元素,使他们可能错过想要的内容。
恕我直言,我倾向于将主要部分归类为“水平”菜单。
例如:
------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------
| About Us | | |
| Mission | | Here is describing content |
| Contact Us | | |
由于“主页”,“新闻”和“产品”是主要类别,因此我将它们保持在水平布局,而“关于我们”,“使命”,“联系我们”是主页中最具描述性的部分,因此,我将“内容显示”部分保留为垂直菜单,以便于访问。 。
你告诉我,很简单,什么更容易阅读:ABCDEFGHIJKLMNOP...Z
或者
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z
阅读时,请考虑一下您的眼睛如何移动。在第一个示例中,它是---等。在第二个示例中,它是ZZZ等;表示您的眼睛以Z模式移动。使用Z模式时,与第一点相比,您的眼睛必须更多地考虑下一个信息点。一条信息与最后一条信息越接近,使用起来就越容易。信息越紧凑越好,您总是可以添加空间,但是到目前为止,某些信息仅会压缩。例如,我可以添加更多这样的空间,但是如果您将示例2的最长端作为测量对象,则长度仍会更短:ABCDEFGHIJKLMNOPQRSTU VWXYZ
我确定有人会发表研究之类的东西,甚至可能说我错了,但事实是我的逻辑很简单,以至于我理解它,这对我来说很有意义,并且我不需要花哨的报告来告诉我是对还是错...因为我猜想这份花哨的报告是没有意义的,而只是基于给定测试结构的数据样本...
所以你怎么看?