如何设计网站功能菜单

有人来到你的网站，这是一个成功的第一步。现在你需要将它们放在想要的位置，否则它们可能会反弹。拥有一个好的菜单将有助于防止人们在他们想要高效的地方获得反弹。

虽然菜单起初可能看起来很复杂，但有效设计有三个关键要素：位置、清晰度和可用性。

菜单位置

与实体房地产一样，虚拟房地产中最重要的设计元素是位置，位置，位置。找到您的菜单是设置可用网站的第一步。

菜单的设计惯例是它们位于页面顶部，标题下方或左侧边栏中。找到页面右侧的菜单可以看作有点不同寻常和大胆。或者它可以被视为无能。主要的区别在于这个人是否有洞察力地破坏了这些约定。

菜单通常位于页面顶部或左侧边栏中，因为这些区域是读者给予更多“重量”的区域。只有当您希望为页面内容而不是导航提供更多“权重”时，才可以在右侧边栏中放置菜单。

菜单元素的放置至关重要。在顶部菜单上，第一个和最后一个元素应该是最重要的，因为大多数读者都会关注它们。虽然中间特征也会受到一些关注，但大多数读者都会倾向于外在元素。

边栏组件应从最重要到最不重要的顺序排序。通过垂直排列，读者优先考虑最后一个元素。这是菜单应位于左侧边栏的另一个原因，因为这是大多数读者寻找主要内容的第一个地方。

菜单清晰度

网站设计应尽可能提供最佳用户体验。这从导航开始。对于用户来说，每个站点元素应该是显而易见的，如何与它们进行交互以及它们的作用。

简洁是网站清晰度的重要元素。读者倾向于扫描太长的标签。确保某些重要内容不仅标记清晰，而且尽可能简要说明，以保持清晰。

请记住，简洁并不总是等同于清晰度。如果不能从上下文线索中收集标签的含义，那么你将失去读者。语境化很重要。拼写出一切都会浪费空间，并给读者一种印象，即你认为他们看起来太愚蠢了。尽可能简短，但要尽可能清楚。

如果必须牺牲另一个元素，那么简洁就是下一步。永远不应该牺牲清晰度。虽然缺乏简洁可能会刺激读者，但它不会像不明确的标签那样疏远他们。

菜单可用性

虽然可用性是最后实现的元素，但它绝不是不重要的。如果一个菜单无法使用，那就更糟糕了。

小型网站的菜单有最清晰的设计原则。建议隐藏向下滚动元素后面的链接。用户将单击元素以下载完整的选项菜单，轻松单击链接。这使得网站易于导航。

对于较大的网站，有几种选择，其中没有一种本质上比其他任何选择都差。如果您有大类信息的登录页面，则可以使用为小型网站设计菜单的原则。每个链接都会将读者带到一个单独的登录页面，然后引导他们获取更具体的信息。此技术可能需要更广泛的顶级菜单以及着陆页上更具体的左侧边栏菜单。

下拉菜单应该只有一个级别。不要强制用户滚动菜单或尝试查看主菜单类别中的所有子类别。着陆页对此非常有用，因为它们使您能够将用户发送到仍具有自己菜单的较小类别页面。

在设计与类别元素的用户交互时，可以轻松地与它们进行交互。不要让悬停菜单的元素太小以至于光标很容易从菜单中滑落，迫使用户再次尝试导航。虽然它使编程更复杂，但悬停导航问题的解决方案还包括可点击元素，以便用户可以选择如何与菜单进行交互。延迟悬停菜单的关闭也可以解决交互问题，“悬停效果”也是如此，这给人留下了悬停元素被压低的印象。

使下拉菜单不透明，或大部分都是如此，因此菜单元素不会与背景元素混淆。图片上的半透明菜单可以很好地工作。不要使用完全半透明的菜单或在文本上使用半透明菜单; 你的菜单将成为一个难以理解的混乱。还要确保工具提示不包含菜单元素。一个模糊的选择比没有选择更糟糕。

设计好菜单后，请在整个网站中保持一致。确保您在所有页面上保留主菜单，并且当您在登录页面上有辅助菜单时，请保持设计元素不变，这样您的读者就不必调整到全新的菜单。